*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#07060e}:root{--bg: #07060e;--text: #d4cce4;--dim: #635a78;--gold: #c9a84c;--gold-dim: rgba(201,168,76,.3);--teal: #5ec9a0;--teal-dim: rgba(94,201,160,.3);--font-d: "Cinzel", "Palatino Linotype", serif;--font-b: "Crimson Pro", Georgia, serif;--scene-a: rgba(90,30,150,.18);--scene-b: rgba(30,60,140,.14);--scene-c: rgba(60,15,90,.15);--scene-d: rgba(20,80,100,.08)}.app{position:relative;width:100vw;height:100vh;overflow:hidden;font-family:var(--font-b);transition:filter .7s ease,background 1.1s ease;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.03),transparent 34%),linear-gradient(180deg,rgba(10,8,18,.95),rgba(5,4,12,.98))}.audio-controls{position:fixed;top:1rem;right:1rem;z-index:980;display:flex;align-items:center;gap:.7rem}.audio-toggle{border:1px solid rgba(255,255,255,.09);background:rgba(8,8,16,.62);color:#d4cce4b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:.45rem .8rem;font-family:var(--font-d);font-size:.64rem;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.audio-toggle:hover{color:var(--text);transform:translateY(-1px);border-color:#ffffff29}.audio-toggle.is-on{color:var(--teal);border-color:#50c89652;box-shadow:0 0 18px #32b4821f}.audio-volume{display:flex;align-items:center;gap:.45rem;padding:.38rem .7rem;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(8,8,16,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.audio-volume-label{font-family:var(--font-d);font-size:.58rem;letter-spacing:.11em;text-transform:uppercase;color:#d4cce4a3}.audio-volume input{width:88px;accent-color:var(--teal)}.app.scene-night{--scene-a: rgba(90,30,150,.18);--scene-b: rgba(30,60,140,.14);--scene-c: rgba(60,15,90,.15);--scene-d: rgba(20,80,100,.08)}.app.scene-dawn{--scene-a: rgba(255,150,90,.17);--scene-b: rgba(255,210,120,.12);--scene-c: rgba(190,110,130,.16);--scene-d: rgba(130,90,190,.08)}.app.scene-rain{--scene-a: rgba(50,110,170,.16);--scene-b: rgba(80,180,190,.12);--scene-c: rgba(20,60,90,.15);--scene-d: rgba(110,130,180,.08)}.app.scene-gold{--scene-a: rgba(255,180,90,.18);--scene-b: rgba(220,130,70,.14);--scene-c: rgba(140,80,35,.14);--scene-d: rgba(255,215,140,.08)}.app.scene-office{--scene-a: rgba(140,150,165,.12);--scene-b: rgba(120,140,160,.1);--scene-c: rgba(70,85,110,.14);--scene-d: rgba(190,205,225,.04)}@keyframes doShake{0%,to{transform:translate(0) rotate(0)}8%{transform:translate(-10px,-5px) rotate(-.7deg)}18%{transform:translate(10px,6px) rotate(.7deg)}28%{transform:translate(-8px,10px) rotate(-.4deg)}38%{transform:translate(8px,-10px) rotate(.4deg)}48%{transform:translate(-5px,5px) rotate(-.2deg)}58%{transform:translate(5px,-5px) rotate(.2deg)}72%{transform:translate(-2px,2px)}88%{transform:translate(2px,-2px)}}.app.shake{animation:doShake .65s ease-in-out both}.app.blur{filter:blur(5px) saturate(.7)}.app.dreary{filter:saturate(.62) hue-rotate(-10deg) brightness(.85)}.app.dreary.blur{filter:blur(5px) saturate(.45) hue-rotate(-10deg) brightness(.8)}.app.calm-active{filter:saturate(.4) brightness(.82)!important}.app.holding-breathe{filter:saturate(.82) brightness(1.03)}@keyframes doFlash{0%{opacity:0}15%{opacity:1}to{opacity:0}}.app.flash:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.16);pointer-events:none;animation:doFlash .45s ease-out forwards;z-index:950}.app.soften:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 58%,rgba(110,180,255,.12),transparent 68%);pointer-events:none;animation:doFlash .9s ease-out forwards;z-index:935}.app.glow:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,rgba(255,170,60,.2),transparent 40%),radial-gradient(circle at 50% 65%,rgba(255,120,20,.14),transparent 58%);pointer-events:none;animation:doFlash 1.2s ease-out forwards;z-index:936}@keyframes hushWave{0%{opacity:0;transform:scale(.94)}25%{opacity:1}to{opacity:0;transform:scale(1.04)}}.app.hush:after{content:"";position:fixed;top:-8%;right:-8%;bottom:-8%;left:-8%;background:radial-gradient(circle at 50% 55%,rgba(210,240,255,.12),transparent 34%),radial-gradient(circle at 48% 50%,rgba(255,220,170,.08),transparent 48%);pointer-events:none;animation:hushWave 2.2s ease-out forwards;z-index:934}@keyframes breatheRipple{0%{opacity:0;clip-path:circle(0% at 50% 88%);filter:blur(0px)}12%{opacity:1;clip-path:circle(12% at 50% 88%)}60%{opacity:.75;clip-path:circle(90% at 50% 88%);filter:blur(0px)}to{opacity:0;clip-path:circle(145% at 50% 88%);filter:blur(6px)}}@keyframes breatheRing{0%{opacity:0;transform:scale(.1)}18%{opacity:.95;transform:scale(.7)}62%{opacity:.4;transform:scale(2.4)}to{opacity:0;transform:scale(4.2)}}.app.calm-breath:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 92%,rgba(65,210,155,.48) 0%,rgba(42,168,120,.28) 22%,rgba(22,110,82,.1) 50%,transparent 72%);pointer-events:none;animation:breatheRipple 3.2s cubic-bezier(.16,1,.3,1) forwards;z-index:940}.app.calm-breath:after{content:"";position:fixed;left:calc(50% - 88px);top:calc(88% - 88px);width:176px;height:176px;border-radius:50%;border:1.5px solid rgba(75,215,158,.75);box-shadow:0 0 28px #30bc848c,0 0 70px #28aa7633,inset 0 0 22px #30bc842e;pointer-events:none;animation:breatheRing 3.2s cubic-bezier(.16,1,.3,1) forwards;z-index:941}@media (max-width: 720px){.audio-controls{top:.8rem;right:.8rem;gap:.5rem}.audio-toggle{font-size:.56rem;padding:.42rem .7rem}.audio-volume{padding:.34rem .58rem}.audio-volume input{width:72px}}.starfield{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;transition:opacity 1.2s ease}.starfield-office{opacity:.55}.starfield-gold{opacity:.82}@keyframes twinkle{0%,to{opacity:var(--base-op, .15)}50%{opacity:calc(var(--base-op, .15) * 3.5)}}.star{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 10px #ffffff1f;animation:twinkle var(--sdur) var(--sdel) ease-in-out infinite}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 15% 60%,var(--scene-a) 0%,transparent 50%),radial-gradient(ellipse at 85% 15%,var(--scene-b) 0%,transparent 48%),radial-gradient(ellipse at 50% 90%,var(--scene-c) 0%,transparent 45%),radial-gradient(ellipse at 70% 50%,var(--scene-d) 0%,transparent 40%);pointer-events:none;z-index:1;animation:ambientShift 11s ease-in-out infinite alternate}@keyframes ambientShift{0%{opacity:.55;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}.constellation-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:.18;mix-blend-mode:screen;filter:saturate(.8) brightness(.72);pointer-events:none;z-index:2;transition:opacity 1.2s ease,filter 1.2s ease}.constellation-backdrop-night{opacity:.2}.constellation-backdrop-dawn{opacity:.16;filter:saturate(.75) brightness(.82)}.constellation-backdrop-rain{opacity:.14;filter:saturate(.68) brightness(.7)}.constellation-backdrop-gold{opacity:.24;filter:saturate(.9) brightness(.86)}.constellation-backdrop-office{opacity:.1;filter:saturate(.48) brightness(.62)}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 48%,transparent 45%,rgba(0,0,0,.65) 100%);pointer-events:none;z-index:3}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px);pointer-events:none;z-index:4}@keyframes urgentVignette{0%,to{opacity:.55}50%{opacity:1}}.overlay-urgent{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,transparent 28%,rgba(200,20,20,.28) 100%),linear-gradient(to bottom,rgba(180,10,10,.06),rgba(200,20,20,.14));pointer-events:none;z-index:8;animation:urgentVignette calc(.8s + (1 / var(--uc, 1)) * .5s) ease-in-out infinite}@keyframes drearyPulse{0%,to{opacity:.65}50%{opacity:1}}.overlay-dreary{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(18,8,36,calc(.2 + var(--ic, 1) * .07));pointer-events:none;z-index:7;animation:drearyPulse 4s ease-in-out infinite}@keyframes mysticBloom{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.75;transform:scale(1.03)}}.overlay-mystic{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 42%,rgba(255,176,70,calc(.06 + var(--mc, 1) * .03)),transparent 26%),radial-gradient(circle at 50% 68%,rgba(255,214,120,calc(.03 + var(--mc, 1) * .02)),transparent 42%);pointer-events:none;z-index:6;animation:mysticBloom 6s ease-in-out infinite}.hud{position:fixed;top:2rem;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:20}.hud-quote{position:fixed;top:6.8rem;right:2rem;width:min(360px,34vw);text-align:right;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:21;animation:quoteFade .9s ease both}.hud-quote-text{font-family:var(--font-b);font-style:italic;font-size:.92rem;line-height:1.45;color:#e4ddf4e6;text-shadow:0 2px 10px rgba(0,0,0,.45)}.hud-quote-attrib{margin-top:.4rem;font-family:var(--font-d);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:#aec5c1bd}.hud-label{font-family:var(--font-d);font-size:.55rem;font-weight:600;letter-spacing:.4em;color:var(--dim);text-transform:uppercase;margin-bottom:.25rem;min-height:.8rem}.hud-value{font-family:var(--font-d);font-size:3.6rem;font-weight:700;line-height:1;color:var(--gold);text-shadow:0 0 40px rgba(201,168,76,.5),0 0 80px rgba(201,168,76,.2),0 2px 4px rgba(0,0,0,.8);animation:hudPulse 4s ease-in-out infinite alternate}@keyframes hudPulse{0%{text-shadow:0 0 30px rgba(201,168,76,.4),0 2px 4px rgba(0,0,0,.8)}to{text-shadow:0 0 60px rgba(201,168,76,.65),0 0 100px rgba(201,168,76,.2),0 2px 4px rgba(0,0,0,.8)}}@keyframes popFloat{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-65px) scale(1.7)}}@keyframes quoteFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.num-pop{position:absolute;top:0;left:50%;transform:translate(-50%);font-family:var(--font-d);font-size:1.5rem;font-weight:700;color:var(--gold);white-space:nowrap;pointer-events:none;animation:popFloat 1.1s ease-out forwards}.app.scene-gold .hud-value{color:#efbe67}.app.scene-office .hud-value{color:#bfc9d8;text-shadow:0 0 26px rgba(190,205,225,.34),0 2px 4px rgba(0,0,0,.8)}@media (max-width: 720px){.hud-quote{top:6rem;right:1rem;width:min(280px,62vw)}.hud-quote-text{font-size:.8rem}}.walker{position:fixed;z-index:45;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:left 1.6s ease,opacity .5s ease,transform .3s ease}.walker:hover{transform:translateY(-3px)}.walker-entering,.walker-exiting{opacity:.55}.walker-entering .walker-emoji,.walker-exiting .walker-emoji{font-size:1.5rem}.walker-entering .walker-bubble,.walker-exiting .walker-bubble{opacity:0;transform:scale(.5)}.walker-present{opacity:1}.walker-present .walker-emoji{animation:walkerArrived .5s ease-out both,walkerTalk .85s .5s ease-in-out infinite alternate}@keyframes walkerArrived{0%{transform:scale(.7)}55%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes walkerTalk{0%{transform:scale(1) translateY(0)}to{transform:scale(1.07) translateY(-4px)}}.walker-present .walker-bubble{opacity:1;transform:scale(1);animation:bubblePopIn .4s cubic-bezier(.175,.885,.32,1.275) both}@keyframes bubblePopIn{0%{opacity:0;transform:scale(.4) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.walker-emoji{font-size:2.6rem;line-height:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6));transition:font-size .4s ease}.walker-bubble{background:rgba(12,8,24,.9);border:1px solid rgba(110,80,170,.4);border-radius:10px;padding:5px 12px;font-family:var(--font-b);font-style:italic;font-size:.78rem;color:#d2c3eef2;white-space:nowrap;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #0000008c;transition:opacity .4s ease,transform .4s ease}.walker:hover .walker-bubble{transform:scale(1.04)}.walker-bubble:before{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);border:4px solid transparent;border-top:4px solid rgba(12,8,24,.9);z-index:1}.walker-bubble:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border:5px solid transparent;border-top:5px solid rgba(110,80,170,.4)}.walker-skittish .walker-bubble{border-color:#dc788c6b}.walker-watchful .walker-bubble{border-color:#78a0dc6b}.walker-flicker .walker-bubble{border-color:#ffbe787a;animation-duration:.25s}.walker-patient .walker-emoji{filter:drop-shadow(0 2px 10px rgba(80,200,150,.28))}.walker-gentle .walker-bubble{border-color:#5ab48c59}@keyframes floatUp{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-80px)}}.floater{position:fixed;font-family:var(--font-b);font-style:italic;font-size:.88rem;color:#d2c6ebe6;pointer-events:none;white-space:nowrap;animation:floatUp 1.9s ease-out forwards;z-index:60;text-shadow:0 1px 6px rgba(0,0,0,.8)}.drag-zone{position:fixed;top:32%;left:8%;right:8%;height:1px;pointer-events:none;z-index:35;background:linear-gradient(to right,transparent,rgba(90,70,160,.35),transparent);transition:all .2s ease}.drag-zone span{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-family:var(--font-d);font-size:.55rem;letter-spacing:.35em;color:#5a46a080;text-transform:uppercase;white-space:nowrap;transition:color .2s ease}.drag-zone-ready{background:linear-gradient(to right,transparent,rgba(70,200,150,.6),transparent);box-shadow:0 0 16px #32b48259;height:2px}.drag-zone-ready span{color:#64d2a5d9}@keyframes modalIn{0%{opacity:0;transform:scale(.84) translateY(22px) rotate(-.6deg);filter:blur(10px) saturate(.4)}50%{filter:blur(0px) saturate(1)}78%{transform:scale(1.025) translateY(-2px) rotate(.15deg)}to{opacity:1;transform:scale(1) translateY(0) rotate(0)}}.modal{position:fixed;border-radius:16px;min-width:240px;max-width:310px;z-index:150;animation:modalIn .44s cubic-bezier(.175,.885,.32,1.1) both;pointer-events:all;overflow:hidden;display:flex;flex-direction:column;--modal-border: rgba(140,90,210,.4);--modal-glow: rgba(100,55,185,.22);--modal-art-a: rgba(130,70,220,.28);--modal-art-b: #110820;--modal-art-c: #1c0b36;--modal-art-d: #0a0415;--modal-art-line: rgba(140,80,220,.22);--modal-bg-a: #100818;--modal-bg-b: #080610;--modal-accent: rgba(160,100,255,.9);--modal-accent2: rgba(80,210,160,.6);background:linear-gradient(168deg,var(--modal-bg-a) 0%,var(--modal-bg-b) 100%);border:1px solid var(--modal-border);box-shadow:0 40px 100px #000000eb,0 0 0 1px #ffffff0a,0 0 60px var(--modal-glow),inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.modal-type-draw{--modal-border: rgba(160,148,210,.32);--modal-glow: rgba(130,115,195,.18);--modal-art-a: rgba(145,128,215,.2);--modal-art-b: #0d0b1a;--modal-art-c: #140f28;--modal-art-d: #080612;--modal-art-line: rgba(150,130,215,.18);--modal-bg-a: #0b0918;--modal-bg-b: #070510;--modal-accent: rgba(185,170,240,.88);--modal-accent2: rgba(120,185,230,.55);min-width:320px;max-width:420px}.modal-type-graph{--modal-border: rgba(200,165,72,.38);--modal-glow: rgba(185,145,50,.18);--modal-art-a: rgba(200,168,75,.28);--modal-art-b: #160f02;--modal-art-c: #241600;--modal-art-d: #0f0900;--modal-art-line: rgba(200,168,75,.18);--modal-bg-a: #120d02;--modal-bg-b: #0a0800;--modal-accent: rgba(215,175,85,.9);--modal-accent2: rgba(255,200,90,.55)}.modal-type-board{--modal-border: rgba(120,75,205,.38);--modal-glow: rgba(90,48,175,.2);--modal-art-a: rgba(120,55,205,.26);--modal-art-b: #0e0620;--modal-art-c: #1a0a38;--modal-art-d: #080318;--modal-art-line: rgba(120,75,205,.2);--modal-bg-a: #0e0618;--modal-bg-b: #060310;--modal-accent: rgba(155,100,250,.9);--modal-accent2: rgba(180,120,255,.5)}.modal-type-emoji{--modal-border: rgba(255,148,36,.34);--modal-glow: rgba(210,120,28,.18);--modal-art-a: rgba(255,175,80,.24);--modal-art-b: #1c0f02;--modal-art-c: #341800;--modal-art-d: #140a00;--modal-art-line: rgba(255,165,55,.18);--modal-bg-a: #180d02;--modal-bg-b: #0e0800;--modal-accent: rgba(255,165,55,.9);--modal-accent2: rgba(255,200,120,.55)}.modal-type-inbox{--modal-border: rgba(90,158,220,.36);--modal-glow: rgba(65,130,210,.18);--modal-art-a: rgba(120,178,255,.22);--modal-art-b: #04101e;--modal-art-c: #0a1a30;--modal-art-d: #030a14;--modal-art-line: rgba(90,158,220,.18);--modal-bg-a: #041018;--modal-bg-b: #020810;--modal-accent: rgba(110,175,240,.9);--modal-accent2: rgba(80,200,220,.5)}.modal-art{position:relative;padding:1.1rem 1.4rem .85rem;background:radial-gradient(ellipse at 50% 30%,var(--modal-art-a) 0%,transparent 58%),linear-gradient(145deg,var(--modal-art-b) 0%,var(--modal-art-c) 55%,var(--modal-art-d) 100%);border-bottom:1px solid var(--modal-art-line);overflow:hidden}.modal-art:before{content:"";position:absolute;top:0;left:0;right:0;height:46%;background:linear-gradient(to bottom,rgba(255,255,255,.06),transparent);pointer-events:none;z-index:4}.modal-art:after{content:"";position:absolute;top:0;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--modal-accent) 30%,var(--modal-accent2) 70%,transparent 100%);z-index:5}.modal-prompt{font-family:var(--font-d);font-size:.88rem;font-weight:400;color:#ebe1fcf2;margin-bottom:.28rem;letter-spacing:.07em;text-shadow:0 0 18px var(--modal-glow);position:relative;z-index:2}.modal-omen{font-family:var(--font-b);font-size:.69rem;font-style:italic;color:#b4a2dcad;letter-spacing:.025em;position:relative;z-index:2}.modal-body{padding:.9rem 1.3rem 1.1rem;display:flex;flex-direction:column;gap:0}.modal-visual{margin-bottom:.85rem;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.32);padding:.7rem;text-align:left;box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #ffffff05}@keyframes panelChosenPulse{0%{box-shadow:0 0 #d7b45a00}30%{box-shadow:0 0 22px #d7b45a73,inset 0 0 12px #d7b45a1f}to{box-shadow:0 0 14px #d7b45a38,inset 0 1px #ffdc781a}}.modal-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:.38rem;margin-bottom:.62rem}.modal-panel-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(200,165,72,.2);background:rgba(0,0,0,.3);border-radius:9px;padding:.6rem .45rem;color:#dccdafb8;font-family:var(--font-b);font-size:.78rem;font-style:italic;letter-spacing:.03em;cursor:pointer;transition:background .16s,border-color .16s,color .16s,transform .14s,box-shadow .16s;text-align:center;position:relative;overflow:hidden}.modal-panel-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,rgba(255,255,255,.05),transparent);pointer-events:none}.modal-panel-btn:hover{background:rgba(200,165,72,.12);border-color:#c8a54866;color:#f0dcb4f0;transform:translateY(-1px)}.modal-panel-btn.is-chosen{background:rgba(200,165,72,.18);border-color:#d7b45a99;color:#f8e4affa;transform:translateY(-1px);animation:panelChosenPulse .6s ease-out forwards}.modal-panel-grid.has-chosen .modal-panel-btn:not(.is-chosen){opacity:.48;border-color:#c8a5481a}.modal-panel-note{font-size:.62rem;font-style:italic;color:#cdc09ea6;text-align:center;min-height:.9rem;transition:color .3s}.modal-panel-grid.has-chosen+.modal-panel-note{color:#d7c8a2d1}.modal-board-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.32rem}.modal-board-cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;display:grid;place-items:center;border-radius:8px;background:rgba(40,28,72,.58);border:1px solid rgba(255,255,255,.07);color:#e6dcfcd1;font-size:1.05rem;cursor:pointer;transition:background .14s,border-color .14s,box-shadow .14s;box-shadow:inset 0 1px #ffffff0a}.modal-board-cell.is-hot{background:rgba(88,52,140,.55);border-color:#f0c35a40;box-shadow:0 0 12px #d7af4124,inset 0 0 0 1px #f0c35a2e}.modal-board-cell.is-selected{background:rgba(115,68,192,.68);border-color:#fce6917a;box-shadow:0 0 22px #9b6ef04d,inset 0 1px #ffffff1a}.modal-board-cell.is-adjacent{background:rgba(70,52,132,.65);border-color:#82beff47;box-shadow:inset 0 0 0 1px #82beff2e,0 0 10px #5a9bff1a}.modal-board-arrows{display:flex;flex-wrap:wrap;gap:.36rem;margin-top:.6rem}.modal-board-arrow{font-size:.6rem;padding:.16rem .38rem;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:#d7cdeeb3}.modal-emoji-list{display:flex;flex-direction:column;gap:.36rem}.modal-emoji-scene{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.05);width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:.4rem;align-items:center;background:rgba(0,0,0,.2);border-radius:8px;padding:.38rem .5rem;text-align:left;cursor:pointer;min-width:0;transition:background .14s,border-color .14s,box-shadow .14s}.modal-emoji-scene.is-active{background:rgba(0,0,0,.42);border-color:var(--modal-border);box-shadow:0 0 14px var(--modal-glow),inset 0 1px #ffffff0d}.modal-emoji{font-size:1rem}.modal-emoji-verb{font-size:.66rem;color:#d7cdebad;white-space:normal;overflow-wrap:anywhere;font-style:italic}.modal-emoji-note{margin-top:.5rem;font-size:.63rem;font-style:italic;color:#d2c8eb9e}.modal-inbox-list{display:flex;flex-direction:column;gap:.34rem}.modal-inbox-item{width:100%;text-align:left;cursor:pointer;border-radius:8px;padding:.65rem .72rem;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.05);transition:background .14s,border-color .14s,box-shadow .14s}.modal-inbox-item.is-unread{background:rgba(60,100,200,.1);border-color:#6494f833;box-shadow:0 0 10px #4673d71a,inset 0 1px #78a5ff0f}.modal-inbox-item.is-active{background:rgba(80,68,165,.2);border-color:var(--modal-border);box-shadow:0 0 16px var(--modal-glow),inset 0 1px #b49bff12}.modal-inbox-top{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.14rem}.modal-inbox-from,.modal-inbox-stamp{font-size:.68rem;color:#dad2eead}.modal-inbox-subject{font-size:.82rem;color:#f2eeffd6}.modal-inbox-reply{margin-top:.55rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.06)}.modal-inbox-reply-label{font-size:.59rem;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-d);color:#c3b6e494;margin-bottom:.36rem}.modal-inbox-emoji-row{display:flex;gap:.38rem}.modal-inbox-emoji{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:999px;width:1.9rem;height:1.9rem;display:grid;place-items:center;cursor:pointer;font-size:.95rem;transition:background .14s,border-color .14s,transform .12s}.modal-inbox-emoji:hover{transform:scale(1.15)}.modal-inbox-emoji.is-picked{background:rgba(90,210,168,.16);border-color:#5ad2a852}.modal-type-choice{min-width:270px;max-width:330px}.modal-opts{display:flex;flex-direction:row;gap:.42rem;align-items:stretch;margin-bottom:.9rem}.modal-btn{flex:1 1 0;min-width:0;background:linear-gradient(160deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.28) 100%);border:1px solid var(--modal-border);border-radius:10px;color:#e4daf8e6;padding:.6rem .5rem .55rem;cursor:pointer;font-family:var(--font-b);font-size:.82rem;display:flex;flex-direction:column;align-items:center;gap:.32rem;text-align:center;transition:background .16s,transform .16s,border-color .16s,box-shadow .16s;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0f;position:relative;overflow:hidden}.modal-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:38%;background:linear-gradient(to bottom,rgba(255,255,255,.06),transparent);pointer-events:none}.modal-btn:hover{background:linear-gradient(160deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 100%);border-color:var(--modal-accent);transform:translateY(-3px);box-shadow:0 12px 30px #0000008c,0 0 20px var(--modal-glow),inset 0 1px #ffffff17}.modal-btn:active{transform:translateY(-1px)}.modal-btn-label{font-size:.82rem;font-weight:500;letter-spacing:.03em;line-height:1.3}.modal-btn-stats{display:flex;flex-direction:column;gap:.1rem;font-size:.6rem;color:#beb2dc9e;font-style:italic;font-family:var(--font-b)}.modal-stat.is-up{color:#55d29bd9}.modal-stat.is-down{color:#dc7373d1}.modal-ignore{font-family:var(--font-d);font-size:.52rem;letter-spacing:.38em;color:#6e608e73;text-transform:uppercase;cursor:pointer;transition:color .24s,opacity .24s;text-align:center}.modal-ignore:hover{color:#b4a5d7b8}.modal-draw-wrap{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.modal-draw-canvas{display:block;width:100%;height:220px;border-radius:10px;background:linear-gradient(145deg,#0c0a1c 0%,#100d22 100%);border:1px solid rgba(150,130,215,.22);cursor:crosshair;touch-action:none;box-shadow:inset 0 2px 20px #00000080,inset 0 1px #ffffff0a}.modal-draw-clear{-webkit-appearance:none;-moz-appearance:none;appearance:none;align-self:flex-end;border:1px solid rgba(155,140,210,.22);background:rgba(0,0,0,.25);border-radius:999px;padding:.28rem .75rem;font-family:var(--font-d);font-size:.52rem;letter-spacing:.22em;text-transform:uppercase;color:#a596d28c;cursor:pointer;transition:color .18s,border-color .18s,background .18s}.modal-draw-clear:hover{color:#c8b9f5d9;border-color:#9b8cd273;background:rgba(130,110,210,.12)}.hand{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none}.hand-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.hand-cards{position:absolute;left:50%;bottom:2.2rem;transform:translate(-50%);width:min(1180px,94vw);padding:0 1rem;display:flex;gap:.85rem;align-items:flex-end;justify-content:center;flex-wrap:wrap;min-width:0;pointer-events:none}.card-slot{position:absolute;left:var(--card-x);top:var(--card-y);transform:translate(-50%,-50%);pointer-events:none;transition:left 6.5s ease,top 6.5s ease}.card-row-slot{position:relative;pointer-events:none}.card-slot-dragging{pointer-events:none}.hand-has-urgent .card-blue,.hand-has-urgent .card-breathe{box-shadow:0 8px 30px #00000073,0 0 18px #aa32321f}.hand-has-intrusive .card-gold,.hand-has-intrusive .card-blue{filter:saturate(.88)}.hand-has-mystic .card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes cardIn{0%{opacity:0;transform:translateY(40px) scale(.86) rotate(var(--tilt))}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--tilt))}}@keyframes cardOut{0%{opacity:1;transform:translateY(0) scale(1) rotate(var(--tilt));filter:brightness(1) blur(0px)}14%{opacity:1;transform:translateY(-7px) scale(1.04) rotate(calc(var(--tilt) + .6deg));filter:brightness(1.35) blur(0px)}55%{opacity:.52;transform:translateY(-24px) scale(.9) rotate(calc(var(--tilt) + 2.2deg));filter:brightness(.9) blur(1.5px)}to{opacity:0;transform:translateY(-58px) scale(.72) rotate(calc(var(--tilt) + 5deg));filter:brightness(.5) blur(5px)}}@keyframes cardPlayed{0%{opacity:1;transform:translateY(var(--drag-offset, -90px)) scale(1.1) rotate(0);filter:brightness(1.4) blur(0px)}22%{opacity:1;transform:translateY(calc(var(--drag-offset, -90px) - 20px)) scale(1.08);filter:brightness(1.8) blur(0px)}to{opacity:0;transform:translateY(-220px) scale(.65) rotate(calc(var(--tilt) * 3));filter:brightness(.7) blur(6px)}}@keyframes urgentGlow{0%,to{border-color:#d2464640;box-shadow:0 5px 25px #00000080}50%{border-color:#d246469e;box-shadow:0 5px 25px #00000080,0 0 22px #c8282840}}@keyframes legendaryGlow{0%,to{border-color:#ff912259;box-shadow:0 5px 25px #00000080,0 0 12px #ff821e1f}50%{border-color:#ffb04fd1;box-shadow:0 5px 25px #00000080,0 0 30px #ff8c1e47}}@keyframes breathePulse{0%,to{border-color:#50c89647;box-shadow:0 5px 30px #00000080,0 0 12px #32b48214}50%{border-color:#50c89699;box-shadow:0 6px 40px #00000080,0 0 30px #32b48238}}@keyframes hoverTemperament{0%,to{transform:translate(var(--persona-x),var(--persona-y)) rotate(calc(var(--tilt) + var(--temper-rotate)))}50%{transform:translate(var(--persona-x),calc(var(--persona-y) - 10px - (var(--drift) * .12))) rotate(calc(var(--tilt) + var(--temper-rotate) + .45deg))}}@keyframes jitterTemperament{0%,to{transform:translate(calc(var(--persona-x) + var(--jitter-x)),calc(var(--persona-y) + var(--jitter-y))) rotate(calc(var(--tilt) + var(--temper-rotate)))}18%{transform:translate(calc(var(--persona-x) + var(--jitter-x) + 1px + var(--jitter-boost)),calc(var(--persona-y) + var(--jitter-y))) rotate(calc(var(--tilt) + var(--temper-rotate) - .45deg))}42%{transform:translate(calc(var(--persona-x) + var(--jitter-x) - 1px - var(--jitter-boost)),calc(var(--persona-y) + var(--jitter-y))) rotate(calc(var(--tilt) + var(--temper-rotate) + .4deg))}72%{transform:translate(calc(var(--persona-x) + var(--jitter-x)),calc(var(--persona-y) + var(--jitter-y) - 1px - var(--jitter-boost))) rotate(calc(var(--tilt) + var(--temper-rotate) - .25deg))}}@keyframes elusiveShimmer{0%,to{opacity:1}50%{opacity:.82}}.card{width:148px;height:192px;border-radius:14px;cursor:grab;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.06);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,opacity .15s ease;-webkit-user-select:none;user-select:none;touch-action:none;position:relative;overflow:hidden;animation:cardIn .4s cubic-bezier(.175,.885,.32,1.275) both;transform:translate(var(--persona-x),var(--persona-y)) rotate(calc(var(--tilt) + var(--temper-rotate)));pointer-events:auto}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:42%;background:linear-gradient(to bottom,rgba(255,255,255,.07),transparent);pointer-events:none;z-index:4;border-radius:14px 14px 0 0}.card:hover{transform:translate(var(--persona-x),calc(var(--persona-y) - 10px)) scale(1.05) rotate(calc(var(--tilt) + var(--temper-rotate)));z-index:10}.card:active{transform:translate(var(--persona-x),calc(var(--persona-y) - 3px)) scale(.98) rotate(calc(var(--tilt) + var(--temper-rotate)))}.card-fading{animation:cardOut 1.45s cubic-bezier(.42,0,.9,.6) forwards!important;pointer-events:none}.card-played{animation:cardPlayed .52s cubic-bezier(.2,0,.6,1) forwards!important;pointer-events:none}.card-dragging{cursor:grabbing;filter:brightness(1.08);animation:none!important}.card-ready{filter:brightness(1.25) drop-shadow(0 0 18px rgba(60,190,140,.6))}.card-jittery:not(.card-dragging){animation:cardIn .4s cubic-bezier(.175,.885,.32,1.275) both,jitterTemperament calc(var(--pulse) * .9) ease-in-out infinite;filter:saturate(1.02)}.card-hovering:not(.card-dragging){animation:cardIn .4s cubic-bezier(.175,.885,.32,1.275) both,hoverTemperament calc(var(--pulse) * 2.4) ease-in-out infinite}.card-elusive{animation:cardIn .4s cubic-bezier(.175,.885,.32,1.275) both,elusiveShimmer calc(var(--pulse) * 1.8) ease-in-out infinite}.card-elusive:hover{filter:brightness(1.08) saturate(1.12)}.card-cost{position:absolute;top:9px;left:10px;min-width:58px;height:34px;border-radius:999px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:.25rem .5rem .2rem;font-family:var(--font-d);font-size:.62rem;font-weight:700;border:1.5px solid;background:rgba(7,6,14,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;line-height:1;text-transform:uppercase;letter-spacing:.08em}.card-cost-glyph{font-size:.52rem;opacity:.78}.card-cost-label{font-size:.56rem}.card-art{flex:0 0 72px;position:relative;overflow:hidden}.card-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 60%);pointer-events:none}.card-body{flex:1;padding:.55rem .7rem;display:flex;flex-direction:column;gap:.3rem;position:relative;z-index:2}.card-title{font-family:var(--font-b);font-size:.82rem;font-weight:600;line-height:1.35;color:#ddd5ee}.card-flavor{font-family:var(--font-b);font-style:italic;font-size:.68rem;color:var(--dim);margin-top:auto;line-height:1.3}.breathe-instruction{color:#82dcb9b8;letter-spacing:.04em}.drag-hint{position:absolute;bottom:7px;right:9px;font-size:.68rem;color:#8c78b447;transition:color .2s ease;z-index:5}.card:hover .drag-hint{color:#8c78b4a6}.card-gold{background:linear-gradient(160deg,#161004 0%,#1e1706 55%,#100d03 100%);border-color:#c9a84c47;box-shadow:0 5px 25px #00000080,inset 0 1px #ffdc5012}.card-gold:hover{box-shadow:0 14px 40px #00000080,0 0 22px #c9a84c2e}.card-gold .card-art{background:radial-gradient(ellipse at 65% 40%,rgba(201,168,76,.28) 0%,transparent 58%),linear-gradient(145deg,#1c1503 0%,#2c2204 55%,#110e02 100%)}.card-gold .card-body{background:linear-gradient(to bottom,transparent,rgba(20,15,2,.6));border-top:1px solid rgba(201,168,76,.14)}.card-gold .card-title{color:#d4b04a}.card-gold .card-cost{color:var(--gold);border-color:#c9a84c8c;text-shadow:0 0 10px rgba(201,168,76,.8)}.card-blue{background:linear-gradient(160deg,#06111d 0%,#0a1a2d 55%,#040b14 100%);border-color:#5aa0dc47;box-shadow:0 5px 25px #00000080,inset 0 1px #96d2ff0d}.card-blue:hover{box-shadow:0 14px 40px #00000080,0 0 24px #5aa0dc33}.card-blue .card-art{background:radial-gradient(ellipse at 50% 42%,rgba(120,180,255,.22) 0%,transparent 55%),linear-gradient(145deg,#0b1a2b 0%,#102742 55%,#07111c 100%)}.card-blue .card-body{background:linear-gradient(to bottom,transparent,rgba(6,12,22,.6));border-top:1px solid rgba(120,180,255,.14)}.card-blue .card-title{color:#9ecdf2}.card-blue .card-cost{color:#7db5e6;border-color:#78b4ff80;text-shadow:0 0 10px rgba(120,180,255,.5)}.card-dark{background:linear-gradient(160deg,#14062a 0%,#1e0838 55%,#0b0418 100%);border-color:#8c46d238;box-shadow:0 5px 25px #00000080,inset 0 1px #b478ff0d}.card-dark:hover{box-shadow:0 14px 40px #00000080,0 0 22px #7832be38}.card-dark .card-art{background:radial-gradient(ellipse at 38% 55%,rgba(140,50,210,.24) 0%,transparent 55%),linear-gradient(145deg,#1a0632 0%,#26084a 55%,#0e0420 100%)}.card-dark .card-body{background:linear-gradient(to bottom,transparent,rgba(12,4,22,.6));border-top:1px solid rgba(140,70,210,.12)}.card-dark .card-title{color:#c098e0}.card-dark .card-cost{color:#b880e8;border-color:#9b50dc80;text-shadow:0 0 10px rgba(140,60,210,.8)}.card-urgent{background:linear-gradient(160deg,#1d0606 0%,#2a0808 55%,#130404 100%);border-color:#d2464640;box-shadow:0 5px 25px #00000080,inset 0 1px #ff64640d;animation:cardIn .4s cubic-bezier(.175,.885,.32,1.275) both,urgentGlow 2s ease-in-out infinite}.card-urgent:hover{box-shadow:0 14px 40px #00000080,0 0 28px #c8282852}.card-urgent .card-art{background:radial-gradient(ellipse at 50% 45%,rgba(210,60,60,.22) 0%,transparent 55%),linear-gradient(145deg,#220808 0%,#340a0a 55%,#160404 100%)}.card-urgent .card-body{background:linear-gradient(to bottom,transparent,rgba(18,4,4,.6));border-top:1px solid rgba(210,70,70,.12)}.card-urgent .card-title{color:#e09090}.card-urgent .card-cost{color:#d45858;border-color:#d2464680;text-shadow:0 0 10px rgba(210,60,60,.8)}.card-legendary{background:linear-gradient(160deg,#221005 0%,#3b1805 55%,#170a02 100%);border-color:#ff912259;box-shadow:0 5px 25px #00000080,inset 0 1px #ffc88214;animation:cardIn .4s cubic-bezier(.175,.885,.32,1.275) both,legendaryGlow 2.8s ease-in-out infinite}.card-legendary:hover{box-shadow:0 14px 40px #00000080,0 0 32px #ff8c1e4d}.card-legendary .card-art{background:radial-gradient(ellipse at 50% 40%,rgba(255,180,80,.3) 0%,transparent 55%),linear-gradient(145deg,#2b1405 0%,#4f2107 55%,#1b0c02 100%)}.card-legendary .card-body{background:linear-gradient(to bottom,transparent,rgba(28,12,3,.58));border-top:1px solid rgba(255,180,80,.16)}.card-legendary .card-title{color:#ffc56d}.card-legendary .card-cost{color:#ffb04a;border-color:#ffb4509e;text-shadow:0 0 12px rgba(255,160,50,.82)}.card-breathe{width:154px;height:200px;background:linear-gradient(160deg,#05130e 0%,#0a2018 55%,#030c09 100%);border-color:#50c89647;cursor:grab;touch-action:none;animation:cardIn .4s cubic-bezier(.175,.885,.32,1.275) both,breathePulse 4.2s ease-in-out infinite}.card-breathe:hover{transform:translateY(-12px) scale(1.06) rotate(0);box-shadow:0 18px 55px #0000008c,0 0 40px #32b48259}.card-breathe .card-art{background:radial-gradient(ellipse at 50% 50%,rgba(60,190,140,.22) 0%,transparent 60%),linear-gradient(145deg,#071812 0%,#0d2c1e 55%,#04100a 100%)}.card-breathe .card-body{background:linear-gradient(to bottom,transparent,rgba(4,12,8,.6));border-top:1px solid rgba(80,200,150,.14)}.card-breathe .card-title{font-family:var(--font-d);font-size:1.05rem;font-weight:400;letter-spacing:.12em;color:var(--teal);text-shadow:0 0 14px rgba(60,190,140,.5)}.cost-zero{color:var(--teal);border-color:#50c8968c;text-shadow:0 0 12px rgba(60,190,140,.9)}@media (max-width: 720px){.hand{top:0;right:0;bottom:0;left:0}.hand-cards{bottom:1.2rem;gap:.55rem}.card,.card-breathe{width:132px;height:182px}}.footer{position:fixed;bottom:.6rem;left:50%;transform:translate(-50%);font-family:var(--font-d);font-size:.55rem;font-weight:400;letter-spacing:.4em;color:#50466473;text-transform:lowercase;pointer-events:none;-webkit-user-select:none;user-select:none;transition:color 1s ease,opacity .8s ease,letter-spacing .8s ease;z-index:200}.app.calm-active .footer{color:#50be8c85;letter-spacing:.5em}.app.hush .footer{opacity:.78}