:root{--bg:#bfe9f5;--text:#07384a;--text-soft:#3f6b7b;--panel:#ffffff8c;--panel-strong:#ffffffe0;--panel-line:#07384a2b;--track:#07384a2b;--stop:#e9f8fc;--card-ink:#07384a;--card-soft:#3f6b7b;--card-tint:#e9f8fc;--edge:#7cc6dc;--accent:#e0862a;--accent-deep:#b9661a;--accent-ink:#fff;--reward:#a5560f;--reward-drop:#e0862a;--focus:#b9661a;--ship-turn:0deg;--locked-filter:brightness(0);--stage-no:#a5dcec}body{background-image:radial-gradient(50% 30% at 85% 0,#fffc,#0000 70%),linear-gradient(#e9f8fc,#8fd3e8)}.mode-git{--mode-tint:#fff0c7;--mode-deep:#9a5b00;--mode-edge:#f0c254}.mode-yon{--mode-tint:#d5f4ee;--mode-deep:#0b8473;--mode-edge:#9adfd4}.mode-yaz{--mode-tint:#ffe1d6;--mode-deep:#b9661a;--mode-edge:#f5c39a}.mode-art{font-size:22px}.board{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.map{--cell:clamp(40px, min(13.5vw, 7.2dvh), 58px);grid-template-columns:repeat(5, var(--cell));grid-auto-rows:var(--cell);background:#f6e2a8;border-radius:20px;gap:4px;padding:8px;display:grid;box-shadow:0 6px #d9bd72,0 0 0 4px #fff}.cell{font-size:calc(var(--cell) * .62);background:#fff6d8;border-radius:10px;place-items:center;line-height:1;display:grid}button.cell{cursor:pointer;transition:transform .1s,background .15s}button.cell:active{transform:scale(.92)}.cell.is-trail{background:#ffd98a}.cell.is-right{background:var(--teal);box-shadow:0 0 0 3px var(--teal-deep)}.cell.is-right:empty:after{content:"✓";color:#fff;font-family:var(--font-display);font-weight:800}.cell.is-wrong{background:var(--coral)}.map-small{--cell:30px;gap:3px;margin-inline:auto;padding:6px;box-shadow:0 0 0 1.5px #d9bd72}.rose{box-shadow:0 3px 0 var(--edge);font-family:var(--font-display);color:var(--card-ink);background:#fff;border-radius:50%;grid-template-rows:repeat(3,20px);grid-template-columns:repeat(3,20px);place-items:center;padding:4px;font-size:15px;font-weight:800;line-height:1;display:grid}.rose b:first-child{color:#d92c20;grid-column:2}.rose i{font-style:normal}.rose i:first-of-type{grid-area:2/1}.rose span{color:var(--accent);grid-area:2/2}.rose i:nth-of-type(2){grid-area:2/3}.rose b:last-child{grid-area:3/2}.orders{font-family:var(--font-display);text-wrap:balance;font-size:clamp(20px,5.8vw,26px);font-weight:800;line-height:1.2}.program{background:var(--panel-strong);border:2px dashed var(--panel-line);border-radius:14px;flex-wrap:wrap;justify-content:center;gap:4px;min-height:40px;padding:4px 10px;display:flex}.program.is-empty{color:var(--text-soft);align-items:center;font-weight:800}.program i{background:var(--accent);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:20px;font-style:normal;font-weight:800;line-height:1;display:grid}.program-small{vertical-align:middle;background:0 0;border:0;min-height:0;padding:2px 6px;display:inline-flex}.program-small i{width:24px;height:24px;font-size:16px}.explain-side{color:var(--accent-deep);font-size:48px}.keypad{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.key{background:var(--card);min-height:60px;color:var(--card-ink);font-family:var(--font-display);box-shadow:0 5px 0 var(--edge);border-radius:18px;font-size:32px;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}