:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--navbar:48px;--bg:#12324a;--bg-deep:#0b2233;--tile:#fdf8ec;--tile-edge:#cdbf9f;--text:#fff;--muted:#a9c0d1;--accent:#ffc83d;--danger:#ff6b5e;--ink:#1b2b38;color:var(--text);background:var(--bg-deep);font-family:system-ui,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;height:100%;margin:0;overflow:hidden}#app{height:100%;padding:calc(var(--safe-top) + var(--navbar)) calc(var(--safe-right) + 12px) calc(var(--safe-bottom) + 12px) calc(var(--safe-left) + 12px);background:linear-gradient(var(--bg), var(--bg-deep));flex-direction:column;gap:12px;display:flex}button{font:inherit;color:inherit;cursor:pointer;border:0}#hud .row{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;font-weight:700;display:flex}#stage{font-size:18px}#score{color:var(--accent);font-size:16px}#timebar{background:#ffffff26;border-radius:4px;height:8px;margin-top:8px;overflow:hidden}#timebar i{background:var(--accent);transform-origin:0;border-radius:4px;width:100%;height:100%;display:block}#timebar.low i{background:var(--danger)}#boardWrap{flex:1;place-items:center;min-height:0;display:grid}#board{display:grid;position:relative}#board>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#board polyline{fill:none;stroke:var(--accent);stroke-width:.14px;stroke-linecap:round;stroke-linejoin:round}.tile{background:var(--tile);box-shadow:0 2px 0 var(--tile-edge);color:var(--ink);border-radius:6px;place-items:center;margin:1.5px;padding:0;line-height:1;display:grid}.tile img{pointer-events:none;width:82%;height:82%}.tile.selected{outline:3px solid var(--accent);outline-offset:-1px;z-index:1;transform:scale(1.06)}.tile.hint{outline-offset:-1px;outline:3px solid #5ee0a0;animation:.5s ease-in-out 3 pulse}@keyframes pulse{50%{transform:scale(1.1)}}#tools{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}#tools button{background:#ffffff1f;border-radius:12px;min-height:48px;font-size:15px;font-weight:600}#tools button:disabled{opacity:.4}#tools button:active:not(:disabled){background:#ffffff38}#toast{left:50%;bottom:calc(var(--safe-bottom) + 84px);text-align:center;background:#000000bf;border-radius:20px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%)}#modal{background:#05121ce0;place-items:center;padding:24px;display:grid;position:fixed;inset:0}#modal[hidden],#toast[hidden]{display:none}#modal .card{width:min(100%,340px);color:var(--ink);text-align:center;background:#fff;border-radius:20px;padding:28px 20px 20px}#modal h2{margin:0 0 8px;font-size:22px}#modal p{color:#4b5b68;white-space:pre-line;margin:0 0 20px;font-size:15px;line-height:1.5}#modal .actions{gap:8px;display:flex}#modal .actions button{min-height:50px;color:var(--ink);background:#e8edf1;border-radius:12px;flex:1;font-size:16px;font-weight:700}#modal .actions button.primary{color:#fff;background:#3182f6}@media (prefers-reduced-motion:reduce){.tile.hint{animation:none}}