:root{color:#f8fbff;background:#07080d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(120deg,rgba(0,255,194,.14),transparent 32%),radial-gradient(circle at 88% 12%,rgba(255,41,117,.22),transparent 28%),#07080d}button{align-items:center;background:#131826db;border:1px solid rgba(74,255,219,.34);border-radius:6px;color:#f8fbff;cursor:pointer;display:inline-flex;font:inherit;font-weight:760;gap:.45rem;justify-content:center;min-height:2.65rem;padding:.65rem .8rem;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}button:hover:not(:disabled){border-color:#3effdc;box-shadow:0 0 22px #3effdc38;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.42}.command-panel button:disabled{opacity:1}code{color:#93ffe9;font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem;overflow-wrap:anywhere}.app{display:grid;gap:1.2rem;grid-template-columns:minmax(17rem,23rem) minmax(0,1fr);min-height:100vh;padding:clamp(1rem,2vw,1.6rem)}.command-panel,.arena{border:1px solid rgba(147,255,233,.18);background:#07080db8;box-shadow:0 0 44px #00000059}.command-panel{align-self:stretch;display:flex;flex-direction:column;gap:1rem;padding:1rem}.brand-block{align-items:center;display:flex;gap:.85rem}.sigil{align-items:center;aspect-ratio:1;background:linear-gradient(135deg,#ff2975e0,#27e7ffc7),#151823;border:1px solid rgba(255,255,255,.2);border-radius:8px;display:grid;flex:0 0 4rem;justify-items:center}.eyebrow{color:#ff4d8c;font-size:.76rem;font-weight:850;letter-spacing:0;margin:0 0 .2rem;text-transform:uppercase}h1{font-size:clamp(1.85rem,4vw,3.8rem);line-height:.98;margin:0;max-width:11ch}.wallet-strip{align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;display:grid;gap:.42rem;grid-template-columns:auto minmax(4.7rem,5.9rem) auto auto;padding:.58rem}.wallet-balance{display:grid;gap:.02rem;justify-items:end;min-width:3.75rem}.wallet-balance span{color:#a9b3c7;font-size:.58rem;font-weight:800;text-transform:uppercase}.wallet-balance strong{color:#f8fbff;font-size:.72rem;line-height:1.1;overflow-wrap:anywhere;white-space:nowrap}.wallet-address-button{background:#1318268a;border-color:#ffffff1a;justify-content:center;min-height:1.9rem;min-width:0;padding:.3rem .38rem}.wallet-address-button code{font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-airdrop-button{border-color:#4affdb3d;font-size:.68rem;gap:.18rem;min-height:1.9rem;padding:.28rem .42rem;white-space:nowrap}.icon-button{aspect-ratio:1;min-height:2.1rem;padding:0;width:2.1rem}.actions{display:grid;gap:.65rem;grid-template-columns:1fr}.actions.actions--single{grid-template-columns:1fr}.initialize-action{display:grid;gap:.55rem}.initialize-funding-message{color:#ffe66d;font-size:.78rem;font-weight:760;line-height:1.35;margin:0}.delegation-toggle{align-items:center;display:grid;gap:.7rem;grid-template-columns:auto minmax(0,1fr);justify-content:stretch;min-height:4.15rem;padding:.65rem;text-align:left}.delegation-toggle:hover:not(:disabled){transform:none}.switch-track{align-items:center;background:#5e6574b8;border:1px solid rgba(255,255,255,.16);border-radius:999px;display:flex;flex:0 0 auto;height:1.8rem;padding:.15rem;width:3.25rem}.switch-thumb{align-items:center;aspect-ratio:1;background:#d8e1ee;border-radius:999px;color:#111827;display:grid;height:100%;justify-items:center;transition:background .16s ease,color .16s ease,transform .16s ease}.delegation-toggle[aria-checked=true] .switch-track{background:#3effdc38;border-color:#3effdcb3}.delegation-toggle[aria-checked=true] .switch-thumb{background:#3effdc;color:#071017;transform:translate(1.45rem)}.delegation-toggle-copy{display:grid;gap:.18rem;min-width:0}.delegation-toggle-copy strong,.delegation-toggle-copy span{overflow-wrap:anywhere}.delegation-toggle-copy strong{color:#f8fbff;font-size:.98rem;line-height:1.1}.delegation-toggle-copy span{color:#a9b3c7;font-size:.72rem;font-weight:740;line-height:1.25}.arena{display:grid;gap:clamp(.8rem,1.5vw,1.2rem);grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;padding:clamp(.8rem,1.5vw,1.2rem)}.status-row{display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr))}.stat{align-content:center;background:#131826bd;border:1px solid rgba(255,255,255,.12);border-radius:6px;display:grid;gap:.28rem;min-height:4.2rem;overflow:hidden;padding:.72rem;perspective:700px}.stat-label{color:#a9b3c7;font-size:.72rem;font-weight:800;text-transform:uppercase}.stat-value{display:inline-flex;font-size:clamp(1rem,2.5vw,1.75rem);font-variant-numeric:tabular-nums;gap:.01em;line-height:1;min-height:1em;overflow-wrap:anywhere;white-space:nowrap}.stat-digit{display:inline-block}.stat-digit--number{animation:stat-flipbook .18s steps(4,end) both;min-width:.62em;text-align:center;transform-origin:50% 100%;will-change:transform,opacity}.play-mode-panel{align-items:center;display:grid;gap:.45rem;justify-items:center}.mode-toggle{background:#131826ad;border:1px solid rgba(255,255,255,.12);border-radius:7px;display:inline-grid;gap:.2rem;grid-template-columns:repeat(2,minmax(6.6rem,1fr));padding:.22rem}.mode-button{border-color:transparent;box-shadow:none;min-height:2.35rem;padding:.48rem .72rem}.mode-button:hover:not(:disabled){transform:none}.mode-button--active{background:linear-gradient(135deg,#3effdc47,#ff4d8c2e),#131826f2;border-color:#3effdc99;box-shadow:0 0 22px #3effdc29}.manual-help{align-items:center;color:#a9b3c7;display:flex;flex-wrap:wrap;font-size:.82rem;font-weight:760;gap:.35rem;justify-content:center;margin:0;text-align:center}.arrow-key{align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:5px;color:#f8fbff;display:inline-grid;font-size:.92rem;font-weight:900;height:1.45rem;justify-items:center;line-height:1;min-width:1.45rem}.ai-run-button{min-height:2.35rem;min-width:8.8rem;padding:.48rem .72rem}.board-shell{align-self:center;aspect-ratio:1;justify-self:center;max-height:min(72vh,48rem);max-width:min(100%,48rem);min-width:min(100%,18rem);position:relative;width:100%}.board-grid{--tile-gap: clamp(.45rem, 1.1vw, .85rem);--tile-pad: clamp(.55rem, 1.2vw, .9rem);background:linear-gradient(90deg,rgba(62,255,220,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(255,77,140,.07) 1px,transparent 1px),#05090ff5;background-size:25% 25%;border:1px solid rgba(62,255,220,.32);box-shadow:0 0 26px #3effdc2e,inset 0 0 28px #ff4d8c17;height:100%;padding:var(--tile-pad);position:relative}.game-over-screen{align-content:center;background:#05090fdb;border:1px solid rgba(255,230,109,.44);box-shadow:0 0 34px #0000006b,inset 0 0 34px #ff4d8c1a;display:grid;gap:clamp(.9rem,2.5vw,1.4rem);inset:clamp(.7rem,1.7vw,1.1rem);justify-items:center;padding:clamp(1rem,3vw,2rem);position:absolute;text-align:center;z-index:6}.game-over-copy{display:grid;gap:.22rem;justify-items:center}.game-over-copy span{color:#ff4d8c;font-size:clamp(.78rem,1.7vw,1rem);font-weight:900;text-transform:uppercase}.game-over-copy strong{color:#ffe66d;font-size:clamp(3rem,12vw,7rem);line-height:.92;overflow-wrap:anywhere}.game-over-copy small{color:#d8e1ee;font-size:clamp(.76rem,1.7vw,.98rem);font-weight:800;text-transform:uppercase}.game-over-reset{min-width:min(100%,11rem)}.board-cells,.tile-layer{display:grid;gap:var(--tile-gap);grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));inset:var(--tile-pad);position:absolute}.tile-layer{pointer-events:none;z-index:2}.board-cell{background:#ffffff09;border:1px solid rgba(255,255,255,.09);border-radius:8px;min-width:0}.tile{align-items:center;border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#f8fbff;display:grid;font-size:clamp(1.35rem,5.8vw,4.4rem);font-weight:900;justify-items:center;line-height:1;min-width:0;overflow:hidden;position:relative;text-shadow:0 0 18px rgba(255,255,255,.24);transform:translateZ(0);will-change:transform,opacity}.tile--moving{transition:transform .24s cubic-bezier(.2,.82,.18,1);z-index:2}.tile--merge-source{animation:tile-merge-source .24s linear both}.tile--low{background:#3effdc21;border-color:#3effdc6b}.tile--live{background:#ffe66d26;border-color:#ffe66d80}.tile--hot{background:#ff4d8c33;border-color:#ff4d8c9e}.tile--legendary{background:#975bff47;border-color:#b992ffb8}.tile--value-2,.tile--value-4{color:#776e65;text-shadow:none}.tile--value-2{background:#eee4da;border-color:#f4eadf}.tile--value-4{background:#ede0c8;border-color:#f3e8d4}.tile--value-8{background:#f2b179;border-color:#f6c08e}.tile--value-16{background:#f59563;border-color:#f7a878}.tile--value-32{background:#f67c5f;border-color:#f98f75}.tile--value-64{background:#f65e3b;border-color:#f77758}.tile--value-128{background:#edcf72;border-color:#f2dc8c}.tile--value-256{background:#edcc61;border-color:#f2d87d}.tile--value-512{background:#edc850;border-color:#f2d46f}.tile--value-1024{background:#edc53f;border-color:#f1d260}.tile--value-2048{background:#edc22e;border-color:#f0cf54}.tile--value-8,.tile--value-16,.tile--value-32,.tile--value-64,.tile--value-128,.tile--value-256,.tile--value-512,.tile--value-1024,.tile--value-2048,.tile--value-super{color:#f9f6f2}.tile--value-1024,.tile--value-2048,.tile--value-super{font-size:clamp(1.1rem,4.8vw,3.7rem)}.tile--value-super{background:#3c3a32;border-color:#5d594b}.tile--spawn{animation:tile-spawn .18s cubic-bezier(.16,1,.3,1) both}.tile--merge{animation:tile-merge .22s cubic-bezier(.16,1,.3,1) both;z-index:4}.tile--merge-result{animation:tile-merge-result .24s linear both;z-index:5}.routing-bar{background:#ffffff0b;border:1px solid rgba(255,255,255,.11);border-radius:6px;display:grid;gap:.75rem;padding:.65rem .75rem}.routing-status{align-items:center;display:grid;gap:.7rem;grid-template-columns:auto auto minmax(0,1fr) auto;min-height:2.1rem}.routing-status span:last-of-type{color:#a9b3c7;font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{background:#5e6574;border-radius:999px;display:block;height:.72rem;width:.72rem}.dot--on{background:#3effdc;box-shadow:0 0 16px #3effdccc}.architecture-info{border-top:1px solid rgba(255,255,255,.1);display:grid;gap:.65rem;grid-template-columns:minmax(0,1fr);padding-top:.7rem}.sidebar-info{margin-top:auto}.architecture-info p{color:#c5ccd8;font-size:.82rem;line-height:1.45;margin:0}.info-kicker{color:#ff4d8c;display:block;font-size:.66rem;font-weight:850;text-transform:uppercase}.architecture-info h2{color:#f8fbff;font-size:1rem;line-height:1.1;margin:.15rem 0 0}.architecture-points{display:grid;gap:.35rem}.architecture-points span{color:#a9b3c7;font-size:.76rem;line-height:1.35}.architecture-links{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.architecture-links a{align-items:center;border:1px solid rgba(62,255,220,.28);border-radius:6px;color:#93ffe9;display:inline-flex;font-size:.78rem;font-weight:800;gap:.35rem;min-height:2rem;padding:.4rem .55rem;text-decoration:none}.architecture-links a:hover{border-color:#3effdcb8}.toast-stack{bottom:1rem;display:grid;gap:.55rem;max-width:min(28rem,calc(100vw - 2rem));position:fixed;right:1rem;z-index:20}.tx-toast{animation:toast-in .26s ease both;background:#0c0f18f0;border:1px solid rgba(62,255,220,.38);border-radius:6px;box-shadow:0 0 28px #3effdc29;display:grid;gap:.25rem;min-width:16rem;padding:.72rem .85rem}.tx-toast span{color:#f8fbff;font-size:.86rem;font-weight:760}.tx-toast a{align-items:center;color:#93ffe9;display:flex;font-size:.86rem;font-weight:800;gap:.55rem;justify-content:space-between;margin:-.72rem -.85rem;padding:.72rem .85rem;text-decoration:none}.tx-toast a:hover{color:#f8fbff}.tx-toast a code{color:inherit;font-size:.84rem}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes tile-spawn{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes tile-merge{0%{transform:scale(.94)}58%{box-shadow:0 0 28px #ffe66d57;transform:scale(1.1)}to{transform:scale(1)}}@keyframes tile-merge-source{0%,78%{opacity:1}to{opacity:0}}@keyframes tile-merge-result{0%,72%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes stat-flipbook{0%{opacity:.36;transform:rotateX(72deg) translateY(-.22em)}46%{opacity:1}76%{transform:rotateX(-18deg) translateY(.04em)}to{opacity:1;transform:rotateX(0) translateY(0)}}@media(max-width:860px){.app{grid-template-columns:1fr}h1{max-width:none}.actions,.status-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.actions,.routing-status{grid-template-columns:1fr}.routing-status span:last-of-type{white-space:normal}}@media(prefers-reduced-motion:reduce){.tile,.tile--moving{animation:none;transition:none}}