@import "https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@700;900&display=swap";:root{--bg-color:#05000a;--gold:#ca8a04;--gold-glow:#ca8a0499;--crimson:#991b1b;--crimson-glow:#991b1bcc;--glass:#0a000fcc;--glass-border:#ca8a0433;--text-main:#fef3c7;--text-sub:#a16207}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);justify-content:center;align-items:flex-start;width:100%;min-height:100vh;font-family:Noto Serif SC,serif;display:flex;overflow:hidden auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#ca8a0466;border-radius:4px}.app-container{z-index:10;flex-direction:column;width:100%;max-width:500px;min-height:100dvh;padding:1.5rem 1.5rem 120px;display:flex;position:relative}.magic-circle-bg{opacity:.05;pointer-events:none;z-index:-2;width:200vmin;height:200vmin;transition:opacity 1s,filter 1s;animation:60s linear infinite spin-slow;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.magic-circle-bg svg{width:100%;height:100%;stroke:var(--gold);stroke-width:2px;fill:none;filter:drop-shadow(0 0 10px var(--gold))}@keyframes spin-slow{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.ritual-active .magic-circle-bg{opacity:.3;filter:hue-rotate(300deg)brightness(2);animation:1.5s ease-in infinite spin-fast}@keyframes spin-fast{to{transform:translate(-50%,-50%)rotate(360deg)}}.vignette{pointer-events:none;z-index:-1;background:radial-gradient(circle,#0000 30%,#000 100%);width:100vw;height:100vh;position:fixed;top:0;left:0}.glass-panel{background:var(--glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 10px 40px #000c}.header{z-index:20;flex-direction:column;align-items:center;margin-bottom:1rem;padding:1rem;display:flex;position:relative}.logo-pulse{margin-bottom:.5rem;animation:2s infinite alternate pulse-gold}.eye-furious{color:var(--crimson);animation:.1s infinite shake-eye,.5s infinite alternate pulse-red}@keyframes pulse-gold{0%{filter:drop-shadow(0 0 5px var(--gold));transform:scale(1)}to{filter:drop-shadow(0 0 25px var(--gold));transform:scale(1.1)}}@keyframes pulse-red{0%{filter:drop-shadow(0 0 20px var(--crimson));transform:scale(1.2)}to{filter:drop-shadow(0 0 50px red);transform:scale(1.5)}}@keyframes shake-eye{0%{transform:translate(2px,2px)}50%{transform:translate(-2px,-2px)}to{transform:translate(2px,-2px)}}.title{letter-spacing:4px;color:var(--gold);text-align:center;text-shadow:0 0 15px var(--gold-glow);font-size:1.8rem;font-weight:900}.subtitle{letter-spacing:6px;color:var(--text-sub);text-align:center;margin-top:.5rem;font-family:monospace;font-size:.7rem}.audio-toggle{color:var(--gold);opacity:.5;cursor:pointer;background:0 0;border:none;transition:opacity .3s;position:absolute;top:1rem;right:1rem}.audio-toggle:hover{opacity:1}.main-content{z-index:10;flex-direction:column;flex:1;display:flex;position:relative}.input-section{z-index:20;flex-shrink:0;margin-bottom:1rem;padding:1rem}.input-wrapper{border-bottom:2px solid var(--glass-border);align-items:flex-end;gap:.5rem;padding:.5rem;transition:border-color .3s;display:flex}.input-wrapper:focus-within{border-color:var(--gold)}.input-wrapper textarea{color:var(--text-main);resize:vertical;background:0 0;border:none;outline:none;flex:1;min-height:40px;max-height:120px;padding-left:.5rem;font-family:Noto Serif SC,serif;font-size:1.1rem;line-height:1.4}.input-wrapper textarea::placeholder{color:#fef3c733}.add-btn{color:var(--gold);border:1px solid var(--gold);cursor:pointer;width:32px;height:32px;box-shadow:inset 0 0 10px var(--gold-glow);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:4px;transition:all .2s;display:flex}.add-btn:hover{background:var(--gold);color:#000;box-shadow:0 0 15px var(--gold-glow);transform:rotate(90deg)}.cards-arena{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:2.5rem;padding:1rem 0 3rem;display:flex;position:relative}.card-row{perspective:1200px;transform-style:preserve-3d;flex-wrap:nowrap;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.tarot-card{width:90px;height:130px;transform-style:preserve-3d;cursor:pointer;background:#0a0a0a;border:2px solid #4c1d95;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:-30px;transition:border-color .3s;display:flex;position:relative;box-shadow:0 10px 20px #000c}.card-inner{background:repeating-linear-gradient(45deg,#0f0f0f,#0f0f0f 5px,#000 5px 10px);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative;overflow:hidden}.card-pattern{z-index:1;pointer-events:none;border:1px dashed #ca8a044d;border-radius:4px;width:90%;height:90%;position:absolute;top:5%;left:5%}.card-text{text-align:center;z-index:2;color:#d1d5db;text-shadow:0 2px 4px #000;pointer-events:none;font-size:.85rem;font-weight:900}.delete-btn{background:var(--crimson);color:#fff;cursor:pointer;z-index:10;opacity:0;width:24px;height:24px;box-shadow:0 0 10px var(--crimson-glow);border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:-8px;right:-8px}.tarot-card:hover .delete-btn{opacity:1;transform:scale(1.1)}.tarot-card:hover{border-color:var(--gold)}.winner-card{border:3px solid var(--gold);background:#1a0500}.winner-card .card-inner{background:0 0}.winner-card .card-pattern{border-style:solid;border-color:var(--gold);box-shadow:inset 0 0 20px var(--gold-glow)}.winner-card .card-text{color:var(--gold);text-shadow:0 0 10px var(--gold-glow);font-size:1.4rem}.footer-controls{z-index:50;pointer-events:none;background:linear-gradient(#0000,#05000a 80%);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;bottom:0;left:0;right:0}.action-btn{pointer-events:auto;letter-spacing:4px;cursor:pointer;text-transform:uppercase;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:1.2rem 2.5rem;font-family:Noto Serif SC,serif;font-size:1.2rem;font-weight:900;display:flex}.action-btn:disabled{opacity:.3;cursor:not-allowed}.judge-btn{color:var(--crimson);border:1px solid var(--crimson);background:#000;transition:all .3s;box-shadow:inset 0 0 15px #991b1b80,0 0 20px #991b1b4d}.judge-btn:hover:not(:disabled){background:var(--crimson);color:#000;box-shadow:0 0 40px var(--crimson-glow)}.reset-btn{border:1px solid var(--gold);color:var(--gold);background:#000;box-shadow:inset 0 0 15px #ca8a044d}.singularity-flash{z-index:1000;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#fff 0%,#ca8a04 50%,#000 100%);width:100vw;height:100vh;position:fixed;top:0;left:0}.watermark{text-align:center;width:100%;color:var(--gold);letter-spacing:2px;opacity:.3;pointer-events:none;z-index:60;font-family:monospace;font-size:.75rem;position:fixed;bottom:10px;left:0}