.app{height:100%;position:relative}.connection-bar{position:fixed;top:var(--safe-top);left:0;right:0;z-index:9999;background:rgba(var(--signal-amber-rgb),.9);color:var(--ink);text-align:center;padding:var(--space-1) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.connection-dot{width:6px;height:6px;border-radius:50%;background:var(--ink);animation:pulse-amber 1.5s infinite}.toast{position:fixed;bottom:calc(var(--safe-bottom) + var(--space-8));left:var(--space-4);right:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-align:center;z-index:9998;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast--info{background:rgba(var(--slab-rgb),.95);color:var(--signal-white)}.toast--success{background:#00e676e6;color:var(--ink)}.toast--error{background:#ff5252e6;color:#fff}.toast--amber{background:rgba(var(--signal-amber-rgb),.9);color:var(--ink)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%;width:100%;overflow:auto}body{font-family:var(--font-family);background:var(--ink);color:var(--signal-white);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--ink: #0E1621;--slab: #18242F;--signal-amber: #FFA51F;--signal-blue: #3D8BFF;--signal-white: #F2F6F8;--dim: #5A6B7A;--team-alpha: #E84393;--team-bravo: #00B894;--ink-rgb: 14, 22, 33;--slab-rgb: 24, 36, 47;--signal-amber-rgb: 255, 165, 31;--signal-blue-rgb: 61, 139, 255;--signal-white-rgb: 242, 246, 248;--team-alpha-rgb: 232, 67, 147;--team-bravo-rgb: 0, 184, 148;--success: #00E676;--danger: #FF5252;--warning: var(--signal-amber);--font-family: "Inter", system-ui, -apple-system, sans-serif;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-4xl: 3.5rem;--text-5xl: 5rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--weight-black: 900;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--shadow-glow-amber: 0 0 20px rgba(var(--signal-amber-rgb), .4);--shadow-glow-blue: 0 0 20px rgba(var(--signal-blue-rgb), .4);--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.font-extrabold{font-weight:var(--weight-extrabold)}.font-black{font-weight:var(--weight-black)}.text-dim{color:var(--dim)}.text-amber{color:var(--signal-amber)}.text-blue{color:var(--signal-blue)}.text-white{color:var(--signal-white)}.text-alpha{color:var(--team-alpha)}.text-bravo{color:var(--team-bravo)}.tracking-tight{letter-spacing:-.02em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.05em}.tracking-wider{letter-spacing:.1em}.label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}@keyframes pulse-amber{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px rgba(var(--signal-amber-rgb),.3)}50%{box-shadow:0 0 30px rgba(var(--signal-amber-rgb),.7)}}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes flash-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes flash-out{0%{opacity:1}to{opacity:0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes countdown-urgency{0%,50%{transform:scale(1)}25%{transform:scale(1.1)}75%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes scan-line{0%{top:0}50%{top:calc(100% - 2px)}to{top:0}}@keyframes score-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes gold-flash{0%,to{background-color:var(--signal-blue)}50%{background-color:rgba(var(--signal-blue-rgb),.6)}}.animate-pulse-amber{animation:pulse-amber 1.5s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-flash-in{animation:flash-in .3s var(--ease-out) forwards}.animate-score-pop{animation:score-pop .4s var(--ease-bounce)}.animate-gold-flash{animation:gold-flash .8s ease-in-out infinite}.fade-enter-active,.fade-leave-active{transition:opacity var(--duration-normal) var(--ease-out)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active{animation:slide-up var(--duration-normal) var(--ease-out)}.slide-up-leave-active{animation:slide-down var(--duration-fast) var(--ease-in)}.scale-enter-active,.scale-leave-active{transition:all var(--duration-normal) var(--ease-bounce)}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.85)}.list-enter-active{transition:all var(--duration-normal) var(--ease-out)}.list-leave-active{transition:all var(--duration-fast) var(--ease-in)}.list-enter-from{opacity:0;transform:translate(-20px)}.list-leave-to{opacity:0;transform:translate(20px)}.list-move{transition:transform var(--duration-normal) var(--ease-out)}.state-bg{transition:background-color .4s var(--ease-out)}.surface-player{height:100%;display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none}.surface-player--idle{background-color:var(--ink)}.surface-player--lit{background-color:var(--signal-amber);color:var(--ink)}.surface-player--alpha{background-color:var(--team-alpha)}.surface-player--bravo{background-color:var(--team-bravo)}.surface-player--storno{background-color:#1a0000}.surface-player--gold{background-color:var(--signal-blue)}.surface-player--fulfilled{background-color:#001a0a}.surface-board{height:100%;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto 1fr auto;gap:var(--space-4);padding:var(--space-6);background:var(--ink);overflow:hidden}.surface-board .text-base{font-size:var(--text-xl)}.surface-board .text-lg{font-size:var(--text-2xl)}.surface-board .text-xl{font-size:var(--text-3xl)}.surface-board .text-2xl{font-size:var(--text-4xl)}.surface-gm{height:100%;display:grid;grid-template-columns:300px 1fr 350px;grid-template-rows:auto 1fr;gap:var(--space-3);padding:var(--space-3);background:var(--ink);overflow:hidden;font-size:var(--text-sm)}