.sumforge-game{isolation:isolate;color:#e2e8f0;background:radial-gradient(at 0 0,#07598555,#0000 45%),radial-gradient(at 100% 100%,#7e22ce3d,#0000 40%),#0a1026;border:1px solid #7160bd;border-radius:22px;padding:12px;position:relative;overflow:hidden}.sumforge-game *{box-sizing:border-box}.sf-toolbar{justify-content:space-between;align-items:center;gap:7px;margin-bottom:10px;display:flex}.sf-toolbar strong{letter-spacing:.08em;color:#a5f3fc;font-size:.88rem}.sf-toolbar .game-toolbar-actions{gap:5px;display:flex}.sf-hud{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 12px;display:grid}.sf-hud div{text-align:center;background:#07162a;border:1px solid #3c5278;border-radius:9px;min-width:0;padding:7px 3px}.sf-hud dt{letter-spacing:.06em;color:#b1c4dd;font-size:.6rem}.sf-hud dd{color:#67e8f9;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(.85rem,3.7vw,1.25rem);font-weight:800}.sf-hud div:nth-child(2) dd{color:#d8b4fe}.sf-hud div:last-child dd{color:#fbbf24}.sf-main{gap:12px;display:grid}.sf-board-wrap{aspect-ratio:1;width:100%;max-width:420px;margin:auto;position:relative}.sf-board{touch-action:none;background:#071426;border:1px solid #38bdf88c;border-radius:15px;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%;height:100%;padding:7px;display:grid;position:relative;box-shadow:inset 0 0 16px #0005}.sf-board>button{touch-action:none;color:#fff;background:#152640;border:0;border-radius:10px;min-width:0;min-height:0;padding:0;display:block;position:relative}.sf-face{font-variant-numeric:tabular-nums;pointer-events:none;border:1px solid #7dd3fc77;border-radius:10px;place-items:center;font-size:clamp(1.35rem,6vw,2.3rem);font-weight:850;line-height:1;display:grid;position:absolute;inset:0;box-shadow:inset 0 1px 1px #ffffff35}.sf-face[data-tone=empty]{background:#13233a;border-color:#354968;box-shadow:inset 0 2px 8px #0004}.sf-face[data-tone=n1]{color:#ecfeff;background:linear-gradient(145deg,#0e7490,#155e75)}.sf-face[data-tone=n2]{color:#fff;background:linear-gradient(145deg,#2563eb,#1e40af)}.sf-face[data-tone=n3]{color:#fff;background:linear-gradient(145deg,#7c3aed,#5b21b6)}.sf-face[data-tone=n4]{color:#fff;background:linear-gradient(145deg,#c026d3,#86198f)}.sf-face[data-tone=n5]{color:#fff;background:linear-gradient(145deg,#db2777,#9d174d)}.sf-face[data-tone=n6]{color:#fff;background:linear-gradient(145deg,#c2410c,#9a3412)}.sf-face[data-tone=n7]{color:#172033;background:linear-gradient(145deg,#fde68a,#fbbf24)}.sf-face[data-tone=n8]{color:#172033;background:linear-gradient(145deg,#fbbf24,#f59e0b)}.sf-face[data-tone=n9]{color:#172033;background:linear-gradient(145deg,#fef08a,#eab308)}.sf-face[data-tone=n10]{color:#231239;background:linear-gradient(145deg,#e9d5ff,#c084fc)}.sf-face[data-tone=n11]{color:#172033;background:linear-gradient(145deg,#fff7ad,#fbbf24);border-color:#fef3c7;box-shadow:inset 0 0 12px #fff5}.sf-face[data-tone=n12]{color:#29153f;background:linear-gradient(145deg,#fef3c7,#d8b4fe)}.sf-face[data-digits=long]{font-size:clamp(.4rem,1.9vw,.78rem)}.sf-face[data-digits=medium]{font-size:clamp(.9rem,4vw,1.35rem)}.sf-ghost{z-index:5;pointer-events:none;inset:auto}.sf-board>button[data-selected=true]{outline-offset:-3px;z-index:2;outline:3px solid #fbbf24}.sf-board>button[data-destination=true] .sf-face{border:3px dashed #fef08a}.sf-board[data-swap=true]>button:not([data-occupied=true]){opacity:.5}.sf-arc{pointer-events:none;z-index:6;width:100%;height:100%;position:absolute;inset:0}.sf-overlay{z-index:10;background:#060b1bb5;border-radius:15px;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:0}.sumforge-game [hidden]{display:none!important}.sf-panel{text-align:center;background:linear-gradient(145deg,#122343f5,#190f32f7);border:1px solid #38bdf899;border-radius:15px;width:100%;max-height:100%;padding:13px 11px;overflow:auto}.sf-eyebrow{letter-spacing:.11em;color:#b5c5e2;font-size:.58rem}.sf-panel h2{letter-spacing:-.03em;color:#a5f3fc;margin:7px 0;font-size:clamp(1.35rem,5.5vw,2rem);line-height:1.06}.sf-emblem{width:155px;max-width:100%;height:64px;margin:auto;display:block}.sf-panel p{color:#cbd5e1;margin:7px 0 10px;font-size:.76rem;line-height:1.4}.sf-panel .sf-result{white-space:pre-line;color:#fbbf24;font-size:.72rem;font-weight:700}.sf-panel button,.sf-panel a{text-align:center;color:#e2e8f0;background:#102848;border:1px solid #50729c;border-radius:9px;width:100%;min-height:44px;margin-top:6px;padding:10px;font:700 .82rem system-ui;text-decoration:none;display:block}.sf-panel .sf-primary{background:linear-gradient(130deg,#a21caf,#6d28d9);border-color:#e879f9}.sf-side{align-content:center;gap:7px;min-width:0;display:grid}.sf-reactor{text-align:center;color:#e9d5ff;background:#191d3c;border:1px solid #655088;border-radius:13px;grid-template-columns:36px 1fr;align-items:center;min-height:70px;padding:7px;font-size:.84rem;font-weight:800;display:grid}.sf-reactor>span:first-child{color:#fbbf24;grid-row:span 2;font-size:2rem}.sf-reactor small{color:#cbd5e1;grid-column:2;font-size:.64rem;font-weight:400}.sf-reactor[data-ready=true]{background:linear-gradient(130deg,#57371988,#3b176366);border-color:#fbbf24;box-shadow:0 0 12px #fbbf2420}.sf-reactor[aria-pressed=true]{border:2px solid #e879f9}.sf-side progress{accent-color:#c084fc;border:0;border-radius:4px;width:100%;height:7px;display:block;overflow:hidden}.sf-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.sf-actions button{color:#e2e8f0;background:#102c4e;border:1px solid #38bdf88c;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-height:44px;font:700 .82rem system-ui;display:flex}.sf-actions [data-sf-new]{background:#5b217b;border-color:#c084fc}.sf-directions{grid-template-columns:repeat(4,minmax(44px,1fr));gap:7px;margin-top:3px;display:grid}.sf-directions button{color:#a5f3fc;background:linear-gradient(145deg,#143966,#111e3c);border:1px solid #38bdf88c;border-radius:10px;place-items:center;min-width:44px;min-height:44px;display:grid}.sf-directions [data-direction=LEFT] svg{transform:rotate(-90deg)}.sf-directions [data-direction=RIGHT] svg{transform:rotate(90deg)}.sf-directions [data-direction=DOWN] svg{transform:rotate(180deg)}.sf-help{color:#b4c7df;margin:3px 0;font-size:.67rem;line-height:1.5}.sf-status{color:#cbd5e1;min-height:1.5em;margin:9px 0 0;font-size:.72rem}.sf-record{color:#fbbf24;margin:0;font-size:.72rem;font-weight:800}.sf-score-float{color:#fbbf24;opacity:0;pointer-events:none;z-index:12;font-weight:800;position:absolute;top:64px;left:15%}.sf-sparks{pointer-events:none;z-index:12;position:absolute;top:35%;left:50%}.sf-sparks i{opacity:0;background:#fbbf24;width:5px;height:5px;position:absolute;transform:rotate(45deg)}.sf-sparks i:nth-child(3n){background:#38bdf8}.sumforge-game button,.sumforge-game a{touch-action:manipulation}.sumforge-game button:not(:disabled){cursor:pointer}.sumforge-game button:disabled{opacity:.5;cursor:default}.sumforge-game button:focus-visible,.sumforge-game a:focus-visible{outline-offset:2px;z-index:7;outline:3px solid #fbbf24}.sumforge-game[data-phase=TARGET_REACHED] .sf-panel{border-color:#fbbf24}.sumforge-game[data-phase=TARGET_REACHED] .sf-panel h2{color:#fbbf24}.sumforge-game[data-phase=GAME_OVER] .sf-panel h2{color:#f0abfc}.game-viewport.is-expanded>.sumforge-game{width:100%;max-width:850px;margin:auto;display:block}.game-viewport.is-expanded .sf-main{display:grid}@media (width<=360px){.sumforge-game{border-radius:15px;padding:7px}.sf-toolbar strong{font-size:.76rem}.sf-board{border-radius:12px;gap:5px;padding:5px}.sf-panel{padding:9px 7px}.sf-emblem{height:44px}.sf-panel p{margin:6px 0;font-size:.7rem}.sf-panel button,.sf-panel a{min-height:44px;padding:8px}.sf-hud{margin-bottom:8px}}@media (width>=650px) and (orientation:landscape){.sf-main{grid-template-columns:minmax(0,1.25fr) minmax(180px,1fr);align-items:center}.game-viewport.is-expanded .sf-main{grid-template-columns:minmax(0,1.25fr) minmax(180px,1fr)}.game-viewport.is-expanded .sf-board-wrap{max-width:min(420px,100dvh - 140px)}.sf-side{padding:5px}}@media (prefers-reduced-motion:reduce){.sumforge-game *{transition:none!important;animation:none!important}}.sf-side progress::-webkit-progress-bar{background:#142440;border-radius:4px}.sf-side progress::-webkit-progress-value{background:linear-gradient(90deg,#38bdf8,#a855f7);border-radius:4px;transition:width .16s}.sf-side progress::-moz-progress-bar{background:linear-gradient(90deg,#38bdf8,#a855f7);border-radius:4px}