:root{color-scheme:dark;font-family:Malgun Gothic,Segoe UI,sans-serif;background:#100e0c;color:#e6d8b4}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 50% 30%,#30251c,#100e0c 76%)}main{max-width:1080px;margin:auto;padding:20px}header,footer{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;padding:10px 0;color:#ac9d86}header>div{display:flex;gap:6px}a{color:#d5bc8b;text-decoration:none}button,summary{cursor:pointer}button{border:1px solid #8e704a;background:linear-gradient(#433326,#211a15);color:#f1dfb7;padding:7px 12px;font:inherit;border-radius:2px}button:hover,button:focus-visible{background:#735433;outline:1px solid #d7bc82}input{min-width:0;background:#110f0d;color:#eee0c0;border:1px solid #8b704c;padding:8px;font:inherit;border-radius:0}#viewport{position:relative;width:100%;aspect-ratio:4/3;border:3px ridge #7c5a35;box-shadow:0 20px 80px #0009;overflow:hidden;container-type:inline-size;background:#000}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;outline:none}#title-screen{position:absolute;inset:0;background:#0a0807;display:flex;align-items:center;flex-direction:column}#title-screen[hidden]{display:none}#title-screen>img{width:100%;height:80%;object-fit:cover;opacity:.82}.entrance{position:absolute;left:20%;right:20%;bottom:3%;text-align:center;background:linear-gradient(transparent,#100b07 20%);padding:20px 14px 10px}.entrance h1{font-size:22px;letter-spacing:10px;margin:0;color:#e1ccac}.entrance p{font-size:12px;margin:10px}#guest-form{display:flex;justify-content:center;gap:8px;align-items:center;font-size:13px}#nickname{width:120px}details{font-size:12px;margin:12px}#account-form{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}small{font-size:10px;color:#a89880}#entrance-error{color:#ffba9c}#world-ui{position:absolute;inset:0;pointer-events:none;font-size:1.6cqw}#world-ui[hidden]{display:none}#world-ui button,#world-ui input,#world-ui form{pointer-events:auto;font-size:inherit}#map-name{position:absolute;left:2%;top:2%;padding:5px 9px;text-shadow:1px 1px black;background:#16100bc9;border:1px solid #60472f;color:#ebd7ac}.tools{position:absolute;right:1%;top:1%;display:flex;gap:4px}.tools button{padding:5px 7px;background:#23190de8}#chat-log{position:absolute;left:2%;top:77%;width:72%;height:15%;overflow-y:auto;color:#eee5c7;text-shadow:1px 1px #000;font-size:1.5cqw;pointer-events:auto;line-height:1.5}.chat-row{white-space:pre-wrap;overflow-wrap:anywhere}.chat-row b{color:#edc17c}#chat-form{position:absolute;left:2%;bottom:2.3%;width:72%;display:flex;gap:4px;height:5%}#chat-input{width:100%;padding:2px 5px;background:#0d0b08db}#chat-form button{padding:0 6px}#player-status{position:absolute;right:2%;top:77%;width:21%;font-size:1.5cqw;line-height:1.7;color:#f1e1bb;text-shadow:1px 1px black}#toast{position:absolute;left:15%;right:15%;bottom:28%;text-align:center;color:#fbe9bb;background:#171009de;padding:8px;border:1px solid #8c673e;opacity:0;transition:opacity .15s}#toast.visible{opacity:1}#mobile-pad{display:none}dialog{max-width:560px;max-height:85dvh;background:#261d16;border:3px ridge #9b7846;color:#ead7b1;padding:25px;line-height:1.7}dialog::backdrop{background:#000a}dialog h2{font-size:19px;color:#f3d39b}dialog p{font-size:14px}dialog form{text-align:right}#interaction-text{white-space:pre-line}body.smooth canvas{image-rendering:auto}@media(max-width:700px){main{padding:0}header,footer{padding:7px;font-size:10px}header>div{gap:3px}header button{padding:5px;font-size:10px}.entrance{left:7%;right:7%;bottom:1%;padding:10px}.entrance h1{font-size:17px}.entrance p{margin:6px}.entrance small{font-size:8px}.entrance details{margin:7px}.entrance input,.entrance button{font-size:12px;padding:5px}#viewport{border-width:1px}#world-ui{font-size:2cqw}#chat-log,#player-status{font-size:1.9cqw}#mobile-pad{position:absolute;bottom:29%;left:3%;display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(2,33px);gap:4px;opacity:.82;pointer-events:auto}#mobile-pad button{font-size:18px;touch-action:none;padding:0}#mobile-pad button:first-child{grid-column:2}#mobile-pad button:nth-child(2){grid-column:1;grid-row:2}#mobile-pad button:nth-child(3){grid-column:2;grid-row:2}#mobile-pad button:nth-child(4){grid-column:3;grid-row:2}.tools button{padding:5px;font-size:1.8cqw}#map-name{font-size:2cqw}footer{flex-wrap:wrap}}

#player-status{left:2%;right:auto;top:9%;width:auto;font-size:1.25cqw;background:#120e0aa6;padding:4px 7px}#player-status div{display:inline;margin-right:10px}#battle-panel{position:absolute;inset:7% 8% 26%;text-align:center;pointer-events:none}#battle-panel[hidden]{display:none}#battle-panel>div:first-child{background:#211609de;padding:8px;border:1px solid #8a673e}#battle-log{font-size:1.6cqw;color:#d5c19c}.battle-actions{position:absolute;bottom:7%;left:0;right:0;display:flex;justify-content:center;gap:10px}.battle-actions button{pointer-events:auto;padding:10px 15px}.battle-actions button:disabled{opacity:.45;cursor:wait}#battle-panel small{position:absolute;bottom:0;left:0;right:0;font-size:1.2cqw}.stat-row{display:flex;justify-content:space-between;gap:30px;margin:8px 0}#mobile-pad{opacity:.75}@media(max-width:700px){#player-status{font-size:1.7cqw}.battle-actions{gap:5px}.battle-actions button{padding:6px;font-size:2.5cqw}#battle-log{font-size:2.5cqw}#battle-panel small{font-size:1.8cqw}}

select{background:#21180f;color:#e7d2ac;border:1px solid #8b704c;padding:8px;font:inherit;max-width:120px}@media(max-width:700px){#guest-form{flex-wrap:wrap}select{padding:5px;font-size:11px;max-width:100px}}

#original-help-select{max-width:230px}#original-help-text{white-space:pre-wrap;font:13px/1.7 Malgun Gothic,sans-serif;color:#e7d7b7;background:#130e0a;padding:12px;max-height:32vh;overflow:auto}

@media(max-width:700px){header{flex-wrap:wrap}header>div{margin-left:auto}#viewport{overflow:visible;margin-bottom:108px}.tools{top:calc(100% + 8px);left:0;right:0;justify-content:center;height:36px;gap:4px}.tools button{font-size:11px;min-height:36px;padding:6px 8px}#player-status{top:calc(100% + 52px);left:8px;right:8px;width:auto;font-size:12px;line-height:1.6;background:none;padding:0}#player-status div{display:inline-block;margin-right:9px}#map-name{font-size:11px}#chat-form{height:26px;bottom:1.8%;width:72%}#chat-input{font-size:11px}#chat-form button{font-size:11px}#chat-log{font-size:10px;top:76.5%;height:12%}.entrance{left:3%;right:3%}footer{font-size:10px}}

#chat-form button{white-space:nowrap;min-width:42px}button:disabled{cursor:default;opacity:.5}

#mobile-pad[hidden]{display:none}@media(max-width:700px){.battle-actions button{font-size:12px;min-height:34px;padding:6px 8px}.battle-actions{gap:5px;bottom:8%}#battle-log{font-size:12px}#battle-panel>div:first-child{font-size:11px}#battle-panel small{font-size:9px}}