:root{font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc;background:#09101c;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -10%,rgba(247,180,75,.14),transparent 34rem),linear-gradient(180deg,#0b1322,#07101b);overscroll-behavior:none}button{font:inherit}.game-shell{width:min(100%,520px);margin:0 auto;min-height:100vh;padding:max(20px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:14px}.eyebrow{font-size:11px;letter-spacing:.16em;color:#fbbf24;font-weight:900}.level-line{margin-top:4px;font-size:20px;color:#cbd5e1}.level-line strong{color:#fff}.stats{display:flex;gap:8px}.stat{min-width:72px;padding:8px 10px;border-radius:14px;background:#ffffff0e;border:1px solid rgba(255,255,255,.08);text-align:center}.stat span{display:block;font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em}.stat strong{font-size:17px}.instruction{display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,#f59e0b29,#ffffff0b);border:1px solid rgba(251,191,36,.22);border-radius:18px;padding:14px 15px}.flame{font-size:25px}.instruction strong{display:block;font-size:15px}.instruction span{display:block;color:#94a3b8;margin-top:2px;font-size:13px}.board{flex:1;min-height:330px;display:flex;justify-content:center;align-items:center;gap:clamp(4px,1.7vw,10px);padding:26px 2px;overflow:hidden}.token{--w: clamp(43px, 11vw, 63px);--h: calc(var(--w) * 1.62);--thick: clamp(7px, 1.9vw, 10px);position:relative;width:var(--w);height:var(--h);flex:0 0 var(--w)}.token-op,.token-eq{width:clamp(35px,9vw,51px);flex-basis:clamp(35px,9vw,51px)}.seg{position:absolute;border:0;padding:0;cursor:pointer;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#fde68a 45%,#d97706);box-shadow:0 2px #78350fbf,0 0 12px #f59e0b29;transition:opacity .14s,transform .14s,filter .14s;touch-action:manipulation}.seg:after{content:"";position:absolute;inset:12% auto 12% 3%;width:21%;border-radius:inherit;background:#7f1d1d;opacity:.9}.seg.empty{opacity:.07;box-shadow:none;background:#94a3b8}.seg.empty:after{display:none}.seg.selected{filter:brightness(1.35);transform:scale(1.08);outline:3px solid rgba(251,191,36,.35)}.seg-a,.seg-d,.seg-g{height:var(--thick);width:72%;left:14%}.seg-a{top:4%}.seg-g{top:calc(50% - var(--thick)/2)}.seg-d{bottom:4%}.seg-b,.seg-c,.seg-e,.seg-f{width:var(--thick);height:38%}.seg-b{right:4%;top:9%}.seg-c{right:4%;bottom:9%}.seg-f{left:4%;top:9%}.seg-e{left:4%;bottom:9%}.token-op .seg-h{width:84%;height:var(--thick);top:calc(50% - var(--thick)/2);left:8%}.token-op .seg-v{height:52%;width:var(--thick);left:calc(50% - var(--thick)/2);top:24%}.token-eq .seg-t,.token-eq .seg-u{width:84%;height:var(--thick);left:8%}.token-eq .seg-t{top:36%}.token-eq .seg-u{bottom:36%}.move-panel{border-radius:20px;background:#ffffff0b;border:1px solid rgba(255,255,255,.07);padding:14px}.move-status{min-height:22px;text-align:center;color:#cbd5e1;font-size:13px;margin-bottom:12px}.actions{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:9px}.actions button,.big{min-height:48px;border-radius:14px;border:1px solid transparent;font-weight:850;cursor:pointer}.secondary{color:#e2e8f0;background:#172033;border-color:#263247!important}.primary{color:#201400;background:linear-gradient(180deg,#fcd34d,#f59e0b);box-shadow:0 5px 18px #f59e0b2e}.primary:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}footer{padding:0 3px}.progress{height:5px;background:#182236;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f59e0b,#fde047)}.footer-row{display:flex;justify-content:space-between;margin-top:8px;color:#64748b;font-size:12px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;padding:20px;display:grid;place-items:center;background:#020617c2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.modal.hidden{display:none}.modal-card{width:min(100%,390px);border-radius:26px;background:#111a2b;border:1px solid rgba(255,255,255,.1);padding:28px 22px 22px;text-align:center}.result-icon{width:70px;height:70px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;font-size:38px;font-weight:900;color:#1c1300;background:#fbbf24}.modal h2{margin:0 0 8px;font-size:28px}.modal p{margin:0 0 20px;color:#94a3b8;line-height:1.5}.big{width:100%}@media(max-width:390px){.game-shell{padding-left:12px;padding-right:12px;gap:14px}.board{min-height:300px;gap:2px}.stat{min-width:62px}.actions{gap:6px}.actions button{font-size:13px}}@media(hover:hover){.seg:not(.empty):hover{filter:brightness(1.2);transform:translateY(-1px)}.seg.empty:hover{opacity:.18}button:hover:not(:disabled){filter:brightness(1.05)}}