*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:'Segoe UI',sans-serif;color:#153d45;background:#b9e4ed}button,select{font:inherit}button{cursor:pointer;border:1px solid #d3e3df;background:#fffdf6;color:#153d45;border-radius:15px;padding:13px 19px;font-weight:750;transition:transform .15s,background .15s}button:hover,button:focus-visible{background:#ffe6a2;outline:3px solid #ffbf39;outline-offset:2px;transform:translateY(-2px)}button:disabled{opacity:.45;cursor:default}button small{font-weight:450;font-size:12px}button.selected{background:#ffce57;border-color:#c48a20}button.primary{background:#ffd05a;border:1px solid #e3a72b;box-shadow:0 5px 0 #c78b29;font-size:19px;padding:18px 22px}button.primary span{float:right}.screen{position:absolute;inset:0;background:linear-gradient(90deg,#eaf2eade 0%,#eaf2ea40 58%,transparent)}.menu-card{width:415px;max-width:94vw;margin:4vh 5vw;padding:30px;background:#fffef5ef;border:1px solid #ffffff;border-radius:28px;box-shadow:0 22px 60px #163c4930;display:grid;gap:13px;max-height:94vh;overflow:auto}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#497164}h1{font-size:65px;line-height:1.05;margin:2px 0;font-weight:900;letter-spacing:-3px}h1 i{font-size:40px;color:#d2952e;font-family:Georgia}h1 span{display:block;font-size:22px;line-height:1.25;letter-spacing:-.6px;margin-top:10px}p{line-height:1.65;margin:3px 0 8px;color:#537168}.choices,.twocol{display:flex;gap:10px}.choices>*{flex:1}.twocol>*{flex:1;padding:12px 5px}.select-label{font-size:12px;font-weight:700;display:grid;gap:6px}select{padding:10px;border-radius:10px;border:1px solid #c5d8d2;background:white;color:#153d45;width:100%}.version{font-size:9px;letter-spacing:1.3px;text-align:center;margin-top:5px;color:#66817c}.menu-note{position:absolute;bottom:8vh;right:5vw;display:grid;gap:15px;color:white;text-shadow:0 3px 10px #153d45}.menu-note b{font-size:40px;line-height:1.15}.menu-note span{font-size:13px;letter-spacing:3px}#world{width:100%;height:100%;display:block;touch-action:none}#hud{position:absolute;inset:0;pointer-events:none}#hud button{pointer-events:auto}.topbar{position:absolute;left:24px;right:24px;top:22px;display:flex;align-items:start;gap:18px;justify-content:space-between}.identity{background:#fffef3ee;border-radius:18px;padding:13px 22px;box-shadow:0 4px 20px #173b4725}.identity b{font-size:25px;display:block}.identity span{font-size:12px}.mission{width:365px;max-width:48vw;background:#fffef3ee;border:1px solid white;border-radius:18px;padding:15px 22px;box-shadow:0 4px 20px #173b4725}.mission>span{font-size:10px;letter-spacing:2px;font-weight:800;color:#61836a}.mission>b{display:block;font-size:19px;margin:4px 0 10px}.mission>div{display:flex;justify-content:space-between;font-size:13px;font-weight:700}#parts{color:#467b40}#score{color:#99660a}#pause{font-size:23px}#bottom{position:absolute;bottom:20px;left:24px;right:24px;display:flex;gap:10px;align-items:center}#bottom>span{background:#173c47dc;color:white;border-radius:12px;font-size:12px;padding:13px 17px;flex:1}kbd{font:inherit;background:#153d4512;padding:3px 6px;border-radius:4px;margin-left:5px}#tip{position:absolute;left:25px;bottom:90px;background:#fffdf1ed;border-left:4px solid #e5b847;border-radius:12px;max-width:330px;font-size:13px;padding:15px 20px;line-height:1.6}#interaction{position:absolute;left:50%;bottom:100px;transform:translateX(-50%);padding:15px 25px;background:#ffcf57;border:2px solid white;border-radius:20px;white-space:nowrap;box-shadow:0 5px 20px #173c4720}#roomStatus{position:absolute;top:110px;left:25px;font-size:11px;background:#fffef3dc;border-radius:8px;padding:7px}#roomStatus:empty{display:none}#splitLabels{position:absolute;top:48%;width:100%;display:flex;justify-content:space-around;color:white;font-weight:900;text-shadow:0 2px 4px black;letter-spacing:3px;font-size:11px}#splitLabels[hidden]{display:none}dialog{border:0;border-radius:25px;max-width:650px;width:92vw;max-height:88vh;padding:30px;color:#153d45;background:#fffef4;box-shadow:0 20px 100px #102f4566}dialog::backdrop{background:#0c293b80;backdrop-filter:blur(8px)}dialog h2{font-size:29px;margin:0 0 13px}dialog h3{margin-bottom:6px}dialog p{font-size:14px}dialog button{margin:6px 5px 0 0}dialog input{padding:12px;border:1px solid #93aaa2;border-radius:10px;font:inherit;text-transform:uppercase;width:100%}.mapgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.mapcard{padding:14px;border-radius:12px;background:#eaf1e5;font-size:13px}.mapcard.current{background:#ffde87}.mapcard b{display:block}.mapcard span{font-size:11px}.setting{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px;margin:15px 0}.setting label{font-size:13px}.binding{font-size:12px}#toast{position:absolute;top:24%;left:50%;transform:translateX(-50%);background:#173e45ee;color:white;border:1px solid #ffffff60;border-radius:20px;padding:14px 25px;pointer-events:none;opacity:0;transition:opacity .2s;text-align:center}#toast.show{opacity:1}#touch{display:none;position:absolute;bottom:80px;left:15px;right:15px;justify-content:space-between;align-items:end;pointer-events:none}#touch button{width:49px;height:49px;padding:5px;margin:3px;background:#fffef3bb;touch-action:none}#touch>div:first-child{text-align:center}@media(pointer:coarse){#touch{display:flex}#tip{display:none}#bottom>span{display:none}}@media(max-width:700px){.menu-card{margin:3vh auto;padding:23px;width:355px;gap:9px}h1{font-size:48px}.menu-note{display:none}.topbar{left:10px;right:10px;top:10px;gap:8px}.identity{padding:10px}.identity b{font-size:17px}.identity span{font-size:10px}.mission{padding:10px;max-width:57vw}.mission>b{font-size:14px}.mission>div{font-size:11px}#tip{max-width:260px;left:12px;font-size:11px;bottom:82px}#bottom{left:10px;right:10px;bottom:12px}#bottom>span{font-size:10px;padding:8px}#bottom button{font-size:11px;padding:10px}.mapgrid{grid-template-columns:1fr}}