:root{--bg:#cfe8ff;--text:#0f2d4d;--text-soft:#46678a;--panel:#ffffff8c;--panel-strong:#ffffffe0;--panel-line:#0f2d4d29;--track:#0f2d4d29;--stop:#eef7ff;--card-ink:#0f2d4d;--card-soft:#46678a;--card-tint:#eef7ff;--edge:#9cc7ee;--accent:#f0612e;--accent-deep:#c4441a;--accent-ink:#fff;--reward:#b33c12;--reward-drop:#f0612e;--focus:#c4441a;--ship-turn:0deg;--locked-filter:brightness(0);--stage-no:#b9daf7}body{background-image:radial-gradient(50% 30% at 85% 0,#fffc,#0000 70%),linear-gradient(#eef7ff,#b5d8f8)}.mode-sec{--mode-tint:#fff0c7;--mode-deep:#9a5b00;--mode-edge:#f0c254}.mode-yaz{--mode-tint:#ffe1d6;--mode-deep:#c4441a;--mode-edge:#f5b9a3}.mode-eksik{--mode-tint:#d5f4ee;--mode-deep:#0b8473;--mode-edge:#9adfd4}.mode-art{font-size:18px}.column{--cell:clamp(46px, 14vw, 62px);color:var(--card-ink);box-shadow:0 6px 0 var(--edge);font-family:var(--font-display);font-weight:800;font-size:calc(var(--cell) * .92);background:#fff;border-radius:22px;gap:2px;padding:12px 16px 14px 8px;line-height:1;display:grid}.col-row{grid-template-columns:calc(var(--cell) * .7) repeat(var(--w), var(--cell));height:var(--cell);place-items:center;display:grid}.col-row i{color:var(--accent);font-style:normal}.col-marks{height:calc(var(--cell) * .5);font-size:calc(var(--cell) * .42);color:var(--accent)}.col-line{height:5px;margin:2px 0 6px calc(var(--cell) * .2);background:var(--card-ink);border-radius:3px}.col-answer .box{width:calc(var(--cell) - 6px);height:calc(var(--cell) - 2px);background:var(--card-tint);box-shadow:inset 0 0 0 2px var(--edge);border-radius:12px;place-items:center;display:grid}.col-answer .box.is-active{box-shadow:inset 0 0 0 4px var(--accent)}.column-small{--cell:38px;box-shadow:0 0 0 1.5px var(--edge)}.column-mini{--cell:30px;border-radius:16px;padding:8px 10px 8px 4px}.q-sum{font-size:clamp(38px,12vw,64px)}.explain .q-sum{font-size:34px}.steps-list{color:var(--card-soft);text-align:left;gap:6px;padding:0;font-weight:700;list-style:none;display:grid}.keypad{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px;display:grid}.key{background:var(--card);min-height:58px;color:var(--card-ink);font-family:var(--font-display);box-shadow:0 5px 0 var(--edge);border-radius:18px;font-size:30px;font-weight:800;line-height:1;transition:transform .1s,box-shadow .1s}.key:active:not(:disabled){box-shadow:0 2px 0 var(--edge);transform:translateY(3px)}.key:disabled{opacity:.45}.deal-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}