@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: rgba(114,220,255,.5);--primary-container: #003d4d;--on-primary: #002c38;--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}.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)}*{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:#72dcff26!important;box-shadow:0 0 12px #72dcff4d!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:#72dcff1f!important;box-shadow:0 0 12px #72dcff40;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 #72dcff33}50%{box-shadow:0 0 24px #72dcff80}}.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}.app-header{padding:8px 20px;background:var(--surface-container-low);border-bottom:none;box-shadow:0 1px #72dcff14,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 #72dcff0a;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:44px;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.scenario-card.flipped{transform:rotateX(180deg);min-height:64px}.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:center;gap:8px;width:100%;height:100%;padding:8px 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:#72dcff0f;color:#fff;border-left-color:var(--primary);box-shadow:inset 0 0 12px #72dcff0a}.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:#72dcff1a;padding:1px 6px;border-radius:var(--radius-sm);font-size:.7rem;color:var(--primary);font-weight:600}.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:#72dcff26}.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 rgba(114,220,255,.12);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%,rgba(114,220,255,.2) 100%);border-color:var(--primary);color:var(--primary);font-weight:700;box-shadow:0 0 16px #72dcff33}.mode-btn:hover:not(.active){border-color:#72dcff40;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:#72dcff33;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 #72dcff0a;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}}