:root{color-scheme:dark;--bg: #07040c;--text: #f6f1ff;--muted: #b7a6c4;--crimson: #e23a55;--gold: #e4c27a;--sans: "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Segoe UI", sans-serif;--display: "Iowan Old Style", Palatino, "Apple SD Gothic Neo", "Noto Serif KR", serif;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-height:100dvh;font-family:var(--sans);word-break:keep-all;background:radial-gradient(900px 520px at 50% -10%,rgba(142,22,51,.5),transparent 60%),radial-gradient(700px 480px at 110% 110%,rgba(91,42,134,.4),transparent 55%),var(--bg)}button{font:inherit;color:inherit;cursor:pointer}.app{width:min(100%,480px);min-height:100dvh;margin:0 auto;padding:calc(16px + var(--safe-top)) 16px calc(20px + var(--safe-bottom))}.boot,.muted{color:var(--muted)}.eyebrow{margin:0;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-size:12px}h1,h2{font-family:var(--display);letter-spacing:-.03em}h1{margin:8px 0;font-size:40px;line-height:1.1}h2{margin:4px 0 8px;font-size:28px}.title-screen,.panel,.play{display:flex;flex-direction:column;gap:12px;min-height:calc(100dvh - 48px)}.title-screen{justify-content:center;text-align:center;align-items:center}.panel{justify-content:center}.panel p{margin:0;line-height:1.55;color:var(--muted)}.hero{width:min(100%,420px);height:38vh;object-fit:cover;border-radius:18px;border:1px solid rgba(226,58,85,.45);box-shadow:0 18px 50px #00000059}.progress-count{margin:0;color:var(--gold);font-size:18px}.stars{margin:0;color:var(--gold);font-size:32px;letter-spacing:.12em}.btn{appearance:none;border-radius:999px;border:1px solid rgba(176,124,255,.55);background:transparent;color:#eadcff;padding:12px 18px}.btn.ghost{border-color:#ffffff2e;color:var(--muted)}.start-btn{width:min(100%,280px);border:0;background:linear-gradient(180deg,#a32645,#6d1230);color:#fff;font-size:22px;padding:16px 22px}.play{gap:14px}.play-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.meta{margin:0;color:var(--gold);font-variant-numeric:tabular-nums}.board-wrap{width:100%}.board{--n: 3;--ratio: 16 / 9;position:relative;display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);gap:4px;width:100%;aspect-ratio:var(--ratio);padding:4px;border-radius:16px;background:#120810;border:1px solid rgba(228,194,122,.28);touch-action:none;user-select:none}.tile,.hole{width:100%;height:100%;min-height:0;border-radius:8px}.tile{border:0;padding:0;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #ffffff29}.hole{border:1px dashed rgba(228,194,122,.55);background:#00000059}.preview{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:fill;border-radius:12px;pointer-events:none}.row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}@media(max-width:380px){h1{font-size:34px}.hero{height:32vh}}