:root{color-scheme:dark;font-family:"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:#fff0c5;background:#06151f}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{display:grid;place-items:center}#game{position:relative;width:min(100vw,58dvh,480px);height:100dvh;max-height:980px;isolation:isolate;overflow:hidden;background:#0e2931}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}button,select,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,select:focus-visible{outline:3px solid #fff5ae;outline-offset:4px}button:disabled{opacity:.55}.actions{position:absolute;bottom:max(35px,calc(env(safe-area-inset-bottom) + 22px));left:26px;right:26px;text-align:center;display:grid;gap:10px}.actions[hidden],[hidden]{display:none!important}.primary{min-height:58px;width:100%;border:2px solid #f9e3a1;border-radius:19px;background:linear-gradient(#ffe9aa 0%,#ecd184 45%,#d6ae5e 48%,#ebca7d 100%);color:#38392c;font-size:20px;font-weight:900;letter-spacing:1px;box-shadow:0 5px 0 #826638,0 7px 0 #152d2f,inset 0 0 0 3px #fff5d04d,0 8px 22px #001b2870;text-shadow:0 1px #fff1bb}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #826638}.pause{position:absolute;right:16px;top:max(31px,calc(4.5% + 5px));width:44px;height:48px;border:1.5px solid #d7ce9a;border-radius:16px;background:linear-gradient(#45625b,#183b3e);color:#fff0bc;box-shadow:0 4px 0 #091f28,inset 0 0 0 4px #d9e2a818;font-size:20px}.settings{display:flex;align-items:center;justify-content:center;gap:18px;font-size:11px;color:#d9e6d9}.settings select{background:#0f3037b3;border:1px solid #a8b6a370;border-radius:9px;color:#e3e7cf;padding:10px;font-size:11px}.settings input{accent-color:#e1c781}.actions p{font-size:12px;margin:4px 0;color:#e2e9d5;text-shadow:0 2px 4px #061622}.text-button{background:transparent;border:0;color:#e5e8d1;min-height:40px;font-size:13px}#hint{position:absolute;bottom:24px;left:0;right:0;text-align:center;font-size:11px;pointer-events:none;color:#f2edd5;text-shadow:0 2px 5px #000}#version{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:8px;color:#b9ccc7;pointer-events:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}dialog{background:linear-gradient(#234944,#0e2a34);border:1.5px solid #cebd84;border-radius:24px;color:#fff0cb;text-align:center;max-width:300px;width:80%;padding:24px}dialog p{font-size:13px;margin-bottom:24px}dialog::backdrop{background:#021726b3}dialog h2{font-size:23px}@media(max-width:520px){#game{width:100vw}}@media(max-height:600px){.actions{bottom:28px;gap:5px}.primary{min-height:48px;font-size:17px}.actions p{font-size:10px}.settings{gap:10px}.settings select{padding:5px}#version{font-size:7px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
:root{--title-gold:#ebcc7f}
@font-face{font-family:Jua;src:url('./fonts/Jua-game-ko.ttf') format('truetype');font-display:swap;font-style:normal;font-weight:400}
#home.actions{left:15%;right:15%;bottom:max(32px,calc(env(safe-area-inset-bottom) + 24px));gap:10px}
.primary{border-radius:28px;border:2px solid #edce83;background:linear-gradient(160deg,#366543,#133d30 52%,#092b26);color:#fff0bd;box-shadow:0 4px 0 #83602e,inset 0 0 0 3px #c3a65c55,inset 0 2px 2px #ffffcd88,0 8px 20px #00111788;text-shadow:0 2px 2px #07231c;font-family:Jua,"Apple SD Gothic Neo",sans-serif;font-size:25px;font-weight:400}
.primary:active{box-shadow:0 1px 0 #83602e,inset 0 0 0 3px #c3a65c55;transform:translateY(3px)}
.test-settings{font-size:11px;color:#d5ddc5}.test-settings summary{padding:10px;cursor:pointer;list-style:none}.test-settings summary:focus-visible{outline:2px solid #ffe6a1;border-radius:10px}.test-settings[open]{padding:8px;border:1px solid #b5ad6e77;border-radius:16px;background:#0a282bf5}.test-settings .settings{flex-wrap:wrap;gap:8px}.test-settings[open] summary{padding:4px 8px 10px}
#loadNote{font-size:11px!important}#result #summary{font-size:13px}.pause{border-radius:50%;width:44px;height:44px;border-color:#dec384}
@media(max-height:600px){#home.actions{bottom:20px;gap:2px}.test-settings summary{padding:6px}#home .primary{min-height:48px;font-size:22px}}

.ranking-dialog{width:min(90vw,360px);max-width:360px;max-height:85dvh;overflow:auto}.ranking-dialog form{display:grid;gap:12px}.ranking-dialog label{display:grid;gap:8px}.ranking-dialog input{min-height:44px;width:100%;border:1px solid #cebd84;border-radius:10px;background:#102e32;color:#fff0cb;padding:10px}.ranking-dialog ol{text-align:left;padding-left:0;list-style:none}.ranking-dialog li{padding:7px 0;border-bottom:1px solid #cebd8433;overflow-wrap:anywhere}.ranking-dialog p{margin:12px 0}