:root{color:#241f1c;background:#e4cbb3;font-family:Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-size:16px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;touch-action:none}[hidden]{display:none!important}button{font:inherit;color:#241f1c;background:#f3ead7;border:2px solid #241f1c;border-radius:0;padding:10px 14px;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:2px solid #241f1c;outline-offset:2px}#view{position:fixed;inset:0;width:100%;height:100%;display:block}#hud{position:fixed;inset:0;z-index:2;pointer-events:none}#hud button,#panel{pointer-events:auto}#title{position:fixed;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#f3ead7;padding:24px}#title h1{margin:0;font-size:72px;font-weight:700;letter-spacing:-.04em;line-height:1}#title p{margin:0 0 8px;font-size:18px}#enter{min-width:140px;min-height:48px;font-size:18px}.bar{width:min(280px,70vw);height:12px;border:2px solid #241f1c}.bar span{display:block;height:100%;width:0;background:#241f1c}#hint{position:absolute;left:12px;bottom:12px;max-width:min(280px,calc(100% - 24px));margin:0;padding:8px 10px;background:#f3ead7;border:2px solid #241f1c}body.touch #hint{bottom:84px}#bubble,#emote{position:absolute;transform:translate(-50%,-120%);margin:0;max-width:240px;padding:8px 10px;background:#f3ead7;border:2px solid #241f1c}#offline{position:absolute;top:12px;right:12px;margin:0;padding:8px 10px;background:#f3ead7;border:2px solid #241f1c}#stick{position:absolute;width:72px;height:72px;margin-left:-36px;margin-top:-36px;border:2px solid #241f1c;background:#f3ead7b8}#stick i{position:absolute;width:18px;height:18px;background:#241f1c}.touch-ui{display:none}.cluster{position:absolute;left:12px;bottom:12px;gap:8px}.jump{position:absolute;right:12px;bottom:12px;width:72px;height:72px;padding:0}body.touch .cluster{display:flex}body.touch .jump{display:grid;place-items:center}.cluster button{min-width:64px;min-height:56px}#panel{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(420px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;padding:16px;background:#f3ead7;border:2px solid #241f1c}#panel h2{margin:0 0 12px;font-size:20px;font-weight:700}#panel p{margin:0 0 8px}#panel p.done{opacity:.45;text-decoration:line-through}#panel button{display:block;margin-top:8px}.emoji-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.emoji-grid button{margin:0}@media(max-width:420px){#title h1{font-size:56px}.jump{width:56px;height:56px}.cluster button{min-width:56px;padding:8px}body.touch #hint{bottom:76px}}