:root{font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif;color:#eef1ec;background:#171a1b;--brass: #d2a951;--teal: #49c3b1;--panel: #171a1ce8}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(#151819b8,#151819b8),url(/assets/backdrop.webp) center/cover fixed}button{font:inherit}header{height:72px;padding:0 clamp(14px,4vw,52px);display:flex;align-items:center;justify-content:space-between;background:#101315ee;border-bottom:1px solid #977b46;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:11px}.brand>span{width:38px;height:38px;border:1px solid #b18c49;color:var(--brass);display:grid;place-items:center;border-radius:4px}.brand svg{width:21px}.brand strong{display:block;font-size:16px}.brand small,.level small{display:block;color:#999d99;font-size:9px;text-transform:uppercase}.level{text-align:center}.level strong{font-size:14px}.icon{width:40px;height:40px;border-radius:5px;border:1px solid #676d6b;background:#232729;color:#eef1ec;display:grid;place-items:center;cursor:pointer}.icon svg{width:18px}.shell{min-height:calc(100svh - 72px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.meter{width:min(680px,94vw);display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;color:#c3c8c4;font-size:12px;padding:8px 3px}.meter b{color:#fff}.track{height:4px;background:#393f3e;overflow:hidden}.track i{display:block;height:100%;background:var(--teal);transition:width .2s}.board{--size: 5;width:min(70vh,680px,92vw);aspect-ratio:1;display:grid;grid-template-columns:repeat(var(--size),1fr);gap:clamp(5px,1vw,11px);padding:clamp(12px,2vw,24px);border:1px solid #81704e;border-radius:6px;background:#111517d9;box-shadow:0 24px 80px #000b,inset 0 0 0 5px #30353666}.slot,.arrow{aspect-ratio:1;border-radius:4px}.slot{border:1px dashed #67706c44;background:#20252655}.arrow{position:relative;border:1px solid #747b77;background:linear-gradient(145deg,#4b5150,#292e2e);color:#f1e6ca;box-shadow:inset 0 0 0 2px #ffffff12,0 4px #141817;cursor:pointer;overflow:hidden;transition:transform .15s}.arrow:hover{transform:translateY(-2px);border-color:var(--brass)}.arrow span{display:block;font-size:clamp(18px,4vmin,38px);line-height:1}.arrow i{position:absolute;width:4px;height:4px;background:var(--teal);right:8px;bottom:8px;border-radius:50%;box-shadow:0 0 8px var(--teal)}.arrow.d0 span{transform:rotate(-90deg)}.arrow.d1 span{transform:rotate(0)}.arrow.d2 span{transform:rotate(90deg)}.arrow.d3 span{transform:rotate(180deg)}.arrow.blocked{animation:shake .3s;color:#f26d5b}.arrow.hint{animation:pulse .45s ease 2;border-color:var(--teal)}.arrow.flying{transform:translate(var(--fly-x),var(--fly-y));opacity:0;transition:.24s ease-in}.shell nav{height:62px;display:flex;align-items:center;gap:12px}.action{height:42px;border:0;border-radius:5px;background:var(--brass);color:#171918;font-weight:800;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.action svg{width:17px}#toast{position:fixed;bottom:84px;left:50%;transform:translate(-50%,15px);opacity:0;background:#edf1ec;color:#1f2423;padding:9px 15px;border-radius:5px;font-size:12px;font-weight:700;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%)}dialog{width:min(370px,88vw);padding:30px;border:1px solid #b18c49;border-radius:6px;background:#171b1c;color:#f3f1e9;text-align:center;box-shadow:0 30px 100px #000}dialog::backdrop{background:#080a0bcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.seal{width:60px;height:60px;margin:auto;display:grid;place-items:center;border-radius:50%;background:var(--teal);color:#17201f}.seal svg{width:28px}dialog small{display:block;margin-top:18px;color:#c1a76d;font-size:10px}dialog h2{margin:4px 0}dialog p{color:#aeb5b2;font-size:13px;margin:8px 0 22px}dialog .action{width:100%}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes pulse{50%{box-shadow:0 0 0 5px #49c3b144,0 0 25px #49c3b188}}@media(max-width:600px){header{height:60px;padding:0 11px}.brand small{display:none}.brand>span{width:34px;height:34px}.brand strong{font-size:13px}.shell{min-height:calc(100svh - 60px);padding:7px}.meter{gap:8px;padding:5px 2px}.board{width:min(80svh,94vw);gap:5px;padding:8px}.shell nav{height:54px}.arrow i{right:4px;bottom:4px}}@media(orientation:landscape)and (max-height:600px){header{height:50px;padding:0 10px}.brand small,.level small{display:none}.brand>span{width:32px;height:32px}.shell{height:calc(100svh - 50px);min-height:0;padding:3px;overflow:hidden}.meter,.board{width:min(52vw,calc(100svh - 128px))}.meter{padding:2px}.board{gap:4px;padding:7px}.shell nav{height:40px}.shell nav .icon{width:34px;height:34px}.action{height:34px}}