@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--surface-dim: #060f18;--surface: #00050D;--surface-bright: rgba(20,33,45,.6);--surface-container-lowest: #000000;--surface-container-low: #0a1520;--surface-container: #0f1c28;--surface-container-high: #14212d;--surface-container-highest: #1a2836;--primary: #72dcff;--primary-dim: var(--primary-a50);--primary-container: #003d4d;--on-primary: #002c38;--primary-a04: var(--primary-a04);--primary-a06: var(--primary-a06);--primary-a08: var(--primary-a08);--primary-a10: var(--primary-a10);--primary-a12: var(--primary-a12);--primary-a15: var(--primary-a15);--primary-a20: var(--primary-a20);--primary-a25: var(--primary-a25);--primary-a30: var(--primary-a30);--primary-a50: var(--primary-a50);--secondary: #2ff801;--tertiary: #ffe792;--tertiary-glow: rgba(255,231,146,.4);--on-surface: #e2e8f0;--on-surface-variant: #8a9bb0;--on-surface-dim: #5a6a7a;--outline: rgba(63,73,84,.15);--outline-variant: #3f4954;--error: #ff4466;--success: #2ff801;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .625rem;--radius-xl: 1rem}[data-theme=sunny]{--surface-dim: #121212;--surface: #0e0e0e;--surface-bright: rgba(30,30,30,.6);--surface-container-lowest: #0a0a0a;--surface-container-low: #1a1a1a;--surface-container: #222222;--surface-container-high: #2a2a2a;--surface-container-highest: #333333;--primary: #e67e22;--primary-dim: rgba(230,126,34,.45);--primary-container: #3d2200;--on-primary: #fff;--primary-a04: rgba(230,126,34,.04);--primary-a06: rgba(230,126,34,.06);--primary-a08: rgba(230,126,34,.08);--primary-a10: rgba(230,126,34,.1);--primary-a12: rgba(230,126,34,.12);--primary-a15: rgba(230,126,34,.15);--primary-a20: rgba(230,126,34,.2);--primary-a25: rgba(230,126,34,.25);--primary-a30: rgba(230,126,34,.3);--primary-a50: rgba(230,126,34,.5);--secondary: #2ff801;--tertiary: #ffe792;--tertiary-glow: rgba(255,231,146,.4);--on-surface: #e2e2e2;--on-surface-variant: #9a9a9a;--on-surface-dim: #6a6a6a;--outline: rgba(80,80,80,.2);--outline-variant: #4a4a4a;--error: #ff4466;--success: #2ff801}[data-theme=sunny] .bg-overlay{background:#0e0e0eb3}[data-theme=sunny] .app-bg-overlay{background:linear-gradient(180deg,#0e0e0ebf,#0e0e0eb3)}.bb-hover-lift{transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.bb-hover-lift:hover{background:var(--surface-container-high)!important;border-color:var(--primary)!important;transform:translateY(-1px)}.bb-hover-card{transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.bb-hover-card:hover{border-color:var(--primary)!important;transform:translateY(-2px);box-shadow:0 6px 24px #00000040,0 0 0 1px var(--primary-dim)}.bb-hover-choice{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;outline:none}.bb-hover-choice:hover{background:var(--primary-a15)!important;border-color:var(--primary)!important;color:var(--primary)!important;box-shadow:0 0 12px var(--primary-a20)}.bb-hover-choice:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease,opacity .18s ease}button:hover{border-color:var(--primary)!important;box-shadow:0 0 10px var(--primary-a20)}[data-theme=sunny] button:hover{color:#fff!important}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:active{transform:scale(.98)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:Manrope,system-ui,sans-serif;margin:0;background:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased}input,select,textarea{font-size:16px!important}@media (min-width: 769px){input,select,textarea{font-size:inherit!important}}button{min-height:36px;border-radius:var(--radius-md)}.field-toolbar{margin:0 auto;max-width:100%}.btn-hover{transition:all .2s ease!important}.btn-hover:hover{border-color:var(--primary, #72dcff)!important;color:#fff!important;background:var(--primary-a15)!important;box-shadow:0 0 12px var(--primary-a30)!important;transform:translateY(-1px)!important;filter:brightness(1.3)!important}.choice-btn-hover{transition:all .2s ease!important}.choice-btn-hover:hover{border-color:var(--primary, #72dcff)!important;color:#fff!important;background:var(--primary-a12)!important;box-shadow:0 0 12px var(--primary-a25);transform:translateY(-1px)}@keyframes micPulseAnim{0%,to{opacity:1}50%{opacity:.5}}@keyframes micRingPulse{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.4);opacity:0}}@keyframes bg-slide{0%{transform:translateZ(0)}50%{transform:translate3d(-15%,-5%,0)}to{transform:translateZ(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px var(--primary-a20)}50%{box-shadow:0 0 24px var(--primary-a50)}}.bg-animated-layer{position:fixed;top:-10%;left:-10%;width:130%;height:130%;z-index:0;background:url(/bg.jpg) center / cover no-repeat;animation:bg-slide 25s ease-in-out infinite;will-change:transform}.bg-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;background:#00050db3}.bg-content{position:relative;z-index:2}.app-bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;background:url(/bg.jpg) center / cover no-repeat}.app-bg-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;background:linear-gradient(180deg,#00050df5,#00050de6)}.app{display:flex;flex-direction:column;height:100vh;color:var(--on-surface);position:relative;z-index:2;background:transparent;transition:margin-left .2s ease,width .2s ease}.debug-grid-on .app{margin-left:324px;width:calc(100% - 324px)}.app-header{padding:8px 20px;background:var(--surface-container-low);border-bottom:none;box-shadow:0 1px 0 var(--primary-a08),0 4px 16px #0006;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-logo{height:36px;width:auto}.app-body{display:flex;flex:1;overflow:hidden}.sidebar{width:320px;background:var(--surface-dim);border-right:none;box-shadow:1px 0 0 var(--primary-a04);display:flex;flex-direction:column;flex-shrink:0}.scenario-list{display:flex;flex-direction:column;height:100%;padding:12px}.scenario-list h3{margin:0 0 8px;color:var(--on-surface-dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-family:Space Grotesk,sans-serif;font-weight:600}.scenario-scroll{overflow-y:auto;flex:1;perspective:800px}.scenario-card-container{margin-bottom:2px}.scenario-card{position:relative;width:100%;min-height:64px;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.scenario-card.flipped{transform:rotateX(180deg);min-height:72px}.scenario-card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-md)}.scenario-card-front{z-index:2}.scenario-item{display:flex;align-items:stretch;gap:0;width:100%;height:100%;padding:6px 10px;background:none;border:none;border-radius:var(--radius-md);color:var(--on-surface-variant);cursor:pointer;text-align:left;font-size:.82rem;transition:background .2s,color .2s,box-shadow .2s;border-left:4px solid transparent}.scenario-item:hover{background:var(--surface-container-low);color:var(--on-surface)}.scenario-item.active{background:var(--primary-a06);color:#fff;border-left-color:var(--primary);box-shadow:inset 0 0 12px var(--primary-a04)}.scenario-card-content{display:flex;flex-direction:column;gap:2px;width:100%}.scenario-card-top{display:flex;align-items:center;gap:8px}.scenario-num{color:var(--on-surface-dim);font-size:.72rem;min-width:28px;font-family:Space Grotesk,sans-serif;font-weight:600}.scenario-title{flex:1}.scenario-pos{background:var(--primary-a10);padding:1px 6px;border-radius:var(--radius-sm);font-size:.7rem;color:var(--primary);font-weight:600}.scenario-tag-line{font-size:.68rem;color:var(--on-surface-dim, #5a6a7a);line-height:1.3;padding-left:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Manrope,sans-serif}.filter-toggle-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--on-surface-variant, #8a9bb0);cursor:pointer;font-size:.75rem;padding:4px 0 2px;font-family:Manrope,sans-serif;font-weight:600}.filter-toggle-btn:hover{color:var(--primary, #72dcff)}.filter-active-dot{width:6px;height:6px;border-radius:50%;background:var(--primary, #72dcff);display:inline-block}.filter-bar{display:flex;flex-direction:column;gap:4px;padding:6px 0 8px}.filter-select{width:100%;padding:4px 6px;background:var(--surface-container, #0f1c28);border:1px solid var(--outline, rgba(63,73,84,.15));border-radius:var(--radius-sm, 4px);color:var(--on-surface, #e2e8f0);font-size:.72rem;font-family:Manrope,sans-serif;outline:none;cursor:pointer}.filter-select:focus{border-color:var(--primary, #72dcff)}.filter-clear-btn{background:none;border:1px solid var(--outline, rgba(63,73,84,.15));border-radius:var(--radius-sm, 4px);color:var(--on-surface-variant, #8a9bb0);font-size:.7rem;padding:3px 8px;cursor:pointer;align-self:flex-start;font-family:Manrope,sans-serif}.filter-clear-btn:hover{color:var(--primary, #72dcff);border-color:var(--primary, #72dcff)}.card-flip-hint{font-size:.65rem;opacity:0;transition:opacity .25s;cursor:pointer;color:var(--primary)}.scenario-item:hover .card-flip-hint{opacity:.5}.card-flip-hint:hover{opacity:1!important}.scenario-card-back{transform:rotateX(180deg);z-index:1;cursor:pointer;background:var(--surface-container-lowest);border:1px solid var(--outline);overflow:hidden}.scenario-card-back:hover{border-color:var(--primary-a15)}.card-back-inner{display:flex;align-items:center;gap:8px;width:100%;height:100%;padding:8px 10px;overflow:hidden}.card-back-num{color:var(--on-surface-dim);font-size:.72rem;min-width:28px;flex-shrink:0;font-family:Space Grotesk,sans-serif;font-weight:600}.card-back-fact{flex:1;min-width:0;font-size:.75rem;color:var(--on-surface-variant);line-height:1.35;font-family:Manrope,sans-serif;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:16px;gap:16px;background:transparent}.field-container{flex:1;display:flex;flex-direction:column;align-items:center;min-height:0;overflow:hidden}.mode-toggle{display:flex;gap:4px}.mode-btn{padding:5px 14px;background:none;border:1px solid var(--primary-a12);border-radius:var(--radius-xl);color:var(--on-surface-variant);cursor:pointer;font-size:.8rem;transition:all .2s;font-family:Space Grotesk,sans-serif;letter-spacing:.03em;font-weight:500}.mode-btn.active{background:linear-gradient(135deg,var(--primary-container) 0%,var(--primary-a20) 100%);border-color:var(--primary);color:var(--primary);font-weight:700;box-shadow:0 0 16px var(--primary-a20)}.mode-btn:hover:not(.active){border-color:var(--primary-a25);color:var(--on-surface);background:var(--surface-container-low)}.header-user{display:flex;align-items:center;gap:10px;margin-left:auto}.user-email{color:var(--on-surface-dim);font-size:.78rem}.logout-btn{padding:3px 10px;background:none;border:1px solid var(--outline);border-radius:var(--radius-md);color:var(--on-surface-dim);cursor:pointer;font-size:.75rem;transition:all .2s}.logout-btn:hover{border-color:var(--primary-a20);color:var(--on-surface-variant);background:var(--surface-container-low)}.gameplay-columns{display:flex;flex:1;min-height:0;overflow:hidden}.gameplay-field{flex:0 0 auto;display:flex;flex-direction:column;padding:12px;min-height:0;overflow:hidden}.gameplay-right{flex:1;padding:12px 16px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.gameplay-scoreboard,.gameplay-impact{padding:0 16px}.is-desktop .gameplay-field{flex:1 1 0%;min-width:0;min-height:0;padding:8px}.is-desktop .gameplay-right{flex:0 0 380px;overflow-y:auto}.is-tablet .gameplay-field{flex:1 1 0%;min-width:0;padding:8px}.is-tablet .gameplay-right{flex:0 0 320px;overflow-y:auto}.welcome-modes{display:flex;gap:12px}.setup-card,.summary-card{width:100%;max-width:480px}@media (max-width: 768px){.gameplay-columns{flex-direction:column;overflow-y:auto;overflow-x:hidden}.gameplay-field{padding:4px;flex-shrink:0;width:100%}.gameplay-field svg{width:100%!important;max-width:100%!important}.gameplay-right{padding:8px 12px;overflow:visible;flex-shrink:0;min-height:280px}.gameplay-scoreboard,.gameplay-impact{padding:0 4px}.welcome-modes{flex-direction:column}.setup-card,.summary-card{max-width:100%;padding:20px!important}.gameplay-layout{overflow-y:auto!important}.gameplay-columns{overflow:visible!important}.app-header{padding:6px 12px;gap:8px}.header-logo{height:28px}.mode-btn{padding:4px 10px;font-size:.75rem}.user-email{display:none}.app-body{flex-direction:column;overflow-y:auto}.sidebar{width:100%;max-height:25vh;border-right:none;box-shadow:0 1px 0 var(--primary-a04);overflow-y:auto;mask-image:linear-gradient(to bottom,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 85%,transparent 100%)}.main-content{padding:8px;gap:8px}.field-container{min-height:auto}}@media (max-width: 480px){.app-header{padding:4px 8px;gap:6px}.header-logo{height:24px}.mode-toggle{gap:2px}.mode-btn{padding:3px 8px;font-size:.7rem;border-radius:14px}.logout-btn{font-size:.68rem;padding:2px 6px}}