:root{color:#f4f7ff;background:#090e1d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#090e1d}button,select{font:inherit}button{min-width:44px;min-height:44px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,select:focus-visible{outline:3px solid #f6c453;outline-offset:3px}.skip-link{position:fixed;left:12px;top:-48px;z-index:10;padding:10px 14px;color:#090e1d;background:#f6c453;border-radius:8px}.skip-link:focus{top:12px}.shell{width:min(100% - 32px,520px);margin:0 auto;padding:26px 0 40px}.topbar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:28px}.eyebrow{color:#8b9ac5;font-size:11px;letter-spacing:.17em}h1{margin:5px 0 0;font-size:clamp(34px,10vw,52px);letter-spacing:-.06em}.language-control{display:grid;gap:6px;color:#aeb9d8;font-size:12px}select{min-height:44px;padding:0 30px 0 12px;color:#f4f7ff;background:#151e38;border:1px solid #35436b;border-radius:10px}.wallet-gate{padding:30px 24px;border:1px solid #2c3a61;border-radius:18px;background:#10182d}.wallet-gate p:first-child{margin-top:0;color:#f4f7ff;font-size:21px;line-height:1.35}.how-to{margin-top:26px;color:#c1cbe4}.how-to summary{min-height:44px;padding:11px 0;color:#f6c453;cursor:pointer}.how-to ol{margin:8px 0 0;padding-left:20px;line-height:1.7}.supporting,.status,.undo-note{color:#aeb9d8;line-height:1.5}.action-primary,.action-secondary{border-radius:11px;padding:10px 17px;border:1px solid transparent}.entry-actions{display:flex;gap:10px;flex-wrap:wrap}.entry-actions button{flex:1 1 180px}.action-primary{color:#101426;background:#f6c453}.action-secondary{color:#eef2ff;background:#182441;border-color:#3a4a77}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.stats div{padding:12px 10px;border:1px solid #29385f;border-radius:12px;background:#111a31}.stats span,.stats strong{display:block}.stats span{color:#8f9dbf;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.stats strong{margin-top:5px;color:#fff;font-size:20px}.board{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:9px;border:1px solid #33446f;border-radius:17px;background:#0f172c}.tile{position:relative;overflow:visible;aspect-ratio:1;padding:0;color:#101426;border:0;border-radius:10px;font-size:clamp(20px,8vw,34px);font-weight:750;transition:transform .15s ease,filter .15s ease}.tile:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.1)}.tile-clicked{animation:tile-pop .16s ease-out}.tile-spawned{animation:tile-drop .32s cubic-bezier(.18,.78,.32,1) var(--spawn-delay, 0ms) backwards}.tile-merged{animation:tile-merge .26s ease-out}.tile-settling{position:relative;z-index:2;will-change:transform;animation:tile-settle .4s cubic-bezier(.2,.75,.25,1) var(--settle-delay, 0ms) both}.merge-fx-layer{position:absolute;top:9px;right:9px;bottom:9px;left:9px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;z-index:6;pointer-events:none}.merge-fx{z-index:1;will-change:transform,opacity;animation:merge-path-vertical .52s cubic-bezier(.2,.75,.25,1) var(--merge-delay, 0ms) both}.merge-fx-horizontal{animation-name:merge-path-horizontal}.merge-fx-vertical,.merge-fx-vertical-first{animation-name:merge-path-vertical}.merge-fx:after{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;border:2px solid rgba(255,255,255,.8);border-radius:50%;pointer-events:none;animation:dissolve-burst .52s ease-out var(--merge-delay, 0ms) both}.tile-0{color:transparent;background:#18233e}.tile-1{background:#c8d5ff}.tile-2{background:#a8e6cf}.tile-3{background:#f6c453}.tile-4{background:#f39c73}.tile-5{background:#ed7892}.tile-6{color:#fff;background:#9576d8}.tile-7{color:#fff;background:#5579c9}.tile-8{color:#fff;background:#3b9da5}.tile-9,.tile-10{color:#fff;background:#34415f}.undo-note{min-height:24px;margin:14px 0 10px;font-size:13px}.actions{display:flex;gap:10px}.actions button{flex:1}.status{min-height:24px;margin-top:18px}.footer-links{display:flex;gap:16px;margin-top:24px;font-size:12px}.footer-links a,.legal-page a{color:#aebfff}.legal-page{padding-top:32px}.legal-page h1{margin:28px 0 20px}.legal-page p{max-width:60ch;color:#c1cae3}.preferences{display:flex;gap:18px;margin-top:18px;color:#aeb9d8;font-size:13px}.preferences label{display:inline-flex;align-items:center;gap:7px;min-height:44px}.disconnect{margin-left:auto}.action-danger{color:#ffd8dd;background:transparent;border:1px solid #8d4e60;border-radius:11px;padding:10px 14px}.network-banner{margin-bottom:10px;color:#aeb9d8;font-size:12px}.network-banner.offline{color:#f6c453}@keyframes tile-pop{50%{transform:scale(1.14);filter:brightness(1.18)}}@keyframes tile-drop{0%{transform:translateY(var(--spawn-from-y, -110%)) scale(.86);opacity:0}74%{transform:translateY(4px) scale(1.04);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes tile-settle{0%{transform:translateY(var(--settle-from-y))}74%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes merge-path-horizontal{0%{transform:translate(0) scale(1);opacity:1}52%{transform:translate(var(--merge-dx)) scale(.86);opacity:.9}to{transform:translate(var(--merge-dx),var(--merge-dy)) scale(.05);opacity:0}}@keyframes merge-path-vertical{0%{transform:translate(0) scale(1);opacity:1}52%{transform:translateY(var(--merge-dy)) scale(.86);opacity:.9}to{transform:translate(var(--merge-dx),var(--merge-dy)) scale(.05);opacity:0}}@keyframes merge-anchor-pop{0%,58%{transform:scale(1);filter:brightness(1)}72%{transform:scale(1.18);filter:brightness(1.3)}to{transform:scale(1);filter:brightness(1)}}@keyframes dissolve-burst{0%{opacity:.9;transform:scale(.35);box-shadow:0 0 #ffffffb3,0 0 #f6c45399}55%{opacity:.7;transform:scale(1.15);box-shadow:0 -14px 0 -5px #fffc,14px 0 0 -5px #f6c453cc,0 14px 0 -5px #fffc,-14px 0 0 -5px #f6c453cc}to{opacity:0;transform:scale(1.65);box-shadow:0 -24px 0 -8px transparent,24px 0 0 -8px transparent,0 24px 0 -8px transparent,-24px 0 0 -8px transparent}}@keyframes tile-merge{40%{transform:scale(1.24);filter:brightness(1.3)}to{transform:scale(1)}}@media(max-width:380px){.shell{width:min(100% - 20px,520px);padding-top:16px}.board{gap:5px;padding:7px}.merge-fx-layer{top:7px;right:7px;bottom:7px;left:7px;gap:5px}.tile{border-radius:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}