:root{--sage: #b9c3b8;--coral: #f2796b;--cream: #efe9da;--cream-2: #f6f2e7;--ink: #2c3e48;--ink-soft: #5b6d76;--shadow: #2e4a5a;--line: rgba(44, 62, 72, .12);--font: Manrope, "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius: 16px;--panel-shadow: 0 10px 30px rgba(46, 74, 90, .18), 0 1px 0 rgba(255, 255, 255, .5) inset}body.night{--cream: #2f3f49;--cream-2: #3a4a54;--ink: #efe9da;--ink-soft: #b9c3b8;--line: rgba(239, 233, 218, .14);--panel-shadow: 0 10px 30px rgba(10, 20, 30, .45), 0 1px 0 rgba(255, 255, 255, .06) inset}body.night .msg{background:#3a4a54;color:var(--ink)}body.night .msg.mine{background:var(--coral);color:#fff}body.night #chat-input,body.night .fields input{background:#24323b;color:var(--ink)}body.night kbd{background:#24323b;color:var(--ink);border-color:#efe9da33;box-shadow:0 2px #0000004d}body.night .toolbar .mode,body.night .nearby li .ico,body.night .chip{background:#24323b}body.night .nearby li:hover,body.night .toolbar button:hover,body.night .pill.btn:hover,body.night .icon-btn:hover{background:#ffffff14}body.night .keys{background:#2f3f49d9}body.night .live{background:var(--coral)}body.night .minimap-card .expand{background:#2f3f49e6}body.night #hint{background:var(--coral);color:#fff}body.night .card{background:var(--cream)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;background:var(--sage);font-family:var(--font);color:var(--ink);font-size:14px;-webkit-text-size-adjust:100%}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text}img,canvas{-webkit-user-drag:none}#game{touch-action:none}#game{position:fixed;inset:0}#game canvas{display:block}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}kbd{display:inline-block;font:inherit;font-size:10px;font-weight:700;line-height:1;padding:4px 6px;border-radius:6px;background:#fff;border:1px solid rgba(44,62,72,.18);box-shadow:0 2px #2c3e4826;color:var(--ink);margin:0 2px}.pill{display:inline-flex;align-items:center;gap:8px;background:var(--cream);color:var(--ink);font-weight:600;padding:10px 16px;border-radius:999px;box-shadow:var(--panel-shadow);pointer-events:auto}.pill.btn:hover{background:#fff}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;background:var(--cream);box-shadow:var(--panel-shadow);pointer-events:auto}.icon-btn:hover{background:#fff}.icon-btn.small{width:34px;height:34px;box-shadow:none;background:transparent}.icon-btn.small:hover{background:#2c3e4814}.panel{background:var(--cream);border-radius:var(--radius);box-shadow:var(--panel-shadow);pointer-events:auto}.panel-head{display:flex;align-items:center;gap:12px;padding:16px 18px 0}.panel-head b{display:block;font-size:15px;font-weight:700}.panel-head small{display:block;color:var(--ink-soft);font-size:12px;margin-top:2px}.panel-head .close{margin-left:auto}.close{width:28px;height:28px;border-radius:999px;font-size:20px;line-height:1;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center}.close:hover{background:#2c3e4814;color:var(--ink)}.close[hidden]{display:none}.link{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;padding:14px 18px}.link span{transition:transform .15s}.link:hover span{transform:translate(3px)}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#2e4a5a47;z-index:30;padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.overlay[hidden]{display:none}.overlay.modal .eyebrow{margin-right:44px}.overlay.modal .eyebrow:after{content:" · mon personnage"}.overlay.modal .card h1,.overlay.modal .card>p{display:none}.overlay.modal .creator-grid{margin-top:18px}.card{position:relative;width:min(760px,100%);background:var(--cream);border-radius:24px;padding:34px 36px 30px;box-shadow:0 30px 60px #2e4a5a66}.card .close{position:absolute;top:16px;right:16px}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--coral);font-weight:800}.card h1{margin:8px 0;font-size:40px;line-height:1.05;letter-spacing:-.02em;font-weight:700}.card p{margin:0 0 22px;line-height:1.5;color:var(--ink-soft);font-size:15px;max-width:540px}.creator-grid{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:start}.preview{position:relative;width:240px;height:240px;border-radius:20px;background:radial-gradient(circle at 50% 35%,#d8dccf,#b9c3b8 70%);display:flex;align-items:center;justify-content:center;overflow:hidden}.preview canvas{position:relative;z-index:1;width:176px;height:176px;image-rendering:auto}.preview-shadow{position:absolute;left:62px;top:92px;width:150px;height:84px;background:#2e4a5a80;border-radius:50%;transform:rotate(35deg) translate(40px,20px)}.fields{display:flex;flex-direction:column;gap:12px}.fields label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}.fields input{font:inherit;font-size:15px;padding:10px 12px;border:2px solid rgba(44,62,72,.15);border-radius:12px;background:#fff;outline:none}.fields input:focus{border-color:var(--coral)}.row{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:10px;font-size:12px;font-weight:700}.swatches,.chips{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:26px;height:26px;border-radius:999px;border:3px solid transparent;box-shadow:0 0 0 1px #2c3e4826 inset;transition:transform .1s}.swatch:hover{transform:scale(1.1)}.swatch.active{border-color:var(--ink)}.chip{font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;background:#fff;border:2px solid transparent}.chip.active{border-color:var(--ink)}.primary{margin-top:22px;width:100%;font-weight:800;font-size:16px;padding:14px;border-radius:14px;background:var(--coral);color:#fff;box-shadow:8px 8px #2e4a5a73;transition:transform .08s,box-shadow .08s}.primary:active{transform:translate(3px,3px);box-shadow:4px 4px #2e4a5a73}.primary:disabled{opacity:.7;cursor:default}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}#hud[hidden]{display:none}.topbar{position:absolute;top:18px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px}.brand b{display:block;font-size:26px;font-weight:800;letter-spacing:-.03em;line-height:1}.brand .dot{color:var(--coral)}.brand small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-weight:700;margin-top:3px}.status-pill{font-size:13px}.status-pill .sep{width:1px;height:14px;background:var(--line);margin:0 2px}.live{width:8px;height:8px;border-radius:999px;background:var(--ink)}.actions{display:flex;align-items:center;gap:10px}.welcome{position:absolute;top:132px;left:22px;width:280px;padding-bottom:6px}.welcome .panel-head small{font-size:11px;color:var(--ink-soft)}.welcome h2{margin:12px 18px 10px;font-size:30px;line-height:1.05;letter-spacing:-.02em;font-weight:700}.welcome p{margin:0 18px 4px;color:var(--ink-soft);line-height:1.45;font-size:13px}.nearby{position:absolute;top:132px;right:22px;width:300px;padding-bottom:6px}.nearby ul{list-style:none;margin:10px 0 0;padding:0 6px}.nearby li{cursor:pointer;display:grid;grid-template-columns:36px 1fr auto 14px;align-items:center;gap:10px;padding:10px 12px;border-radius:12px}.nearby li:hover{background:#fff9}.nearby li .ico{width:36px;height:36px;border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--ink)}.nearby li b{display:block;font-size:13px}.nearby li small{display:block;font-size:11px;color:var(--ink-soft)}.nearby li .m{font-size:12px;color:var(--ink-soft);font-weight:700}.nearby li .arrow{color:var(--ink-soft)}.panel[hidden]{display:none}#hint{position:absolute;left:50%;bottom:128px;transform:translate(-50%,8px);background:var(--ink);color:var(--cream);font-weight:700;font-size:13px;padding:10px 18px;border-radius:999px;opacity:0;transition:opacity .15s,transform .15s;white-space:nowrap;box-shadow:0 8px 20px #2e4a5a4d}#hint.visible{opacity:1;transform:translate(-50%)}#notice{position:absolute;left:50%;top:84px;transform:translate(-50%);background:var(--coral);color:#fff;font-weight:700;font-size:13px;padding:9px 16px;border-radius:999px;opacity:0;transition:opacity .2s}#notice.visible{opacity:1}.route{position:absolute;left:50%;top:84px;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:var(--cream);color:var(--ink);padding:8px 10px 8px 12px;border-radius:999px;box-shadow:var(--panel-shadow);pointer-events:auto;max-width:calc(100% - 32px)}.route[hidden]{display:none}.route .ico{width:34px;height:34px;border-radius:999px;background:var(--coral);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}.route b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.route small{display:block;font-size:11px;color:var(--ink-soft);font-weight:700}.route .pill.btn.small{padding:8px 14px;font-size:13px;background:var(--ink);color:var(--cream);box-shadow:none}.route .pill.btn.small kbd{background:#ffffff2e;color:var(--cream)}.route.auto .pill.btn.small{background:var(--coral);color:#fff}.route .close{width:30px;height:30px}#notice.visible~.route{top:132px}body.night .route{background:#24323b;color:var(--cream)}body.night .route small{color:#efe9dab3}.bottom-left{position:absolute;left:22px;bottom:22px;display:flex;flex-direction:column;gap:12px;width:260px}.minimap-card{position:relative;padding:0;background:transparent;box-shadow:none;filter:drop-shadow(0 10px 20px rgba(46,74,90,.25))}#minimap-slot{height:140px;border:6px solid var(--cream);border-bottom:0;border-radius:16px 16px 0 0;background:transparent}.minimap-card .loc{background:var(--cream);border-radius:0 0 16px 16px}.minimap-card .expand{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:8px;background:#efe9dae6;display:flex;align-items:center;justify-content:center}.minimap-card .expand:hover{background:#fff}.loc{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;padding:12px 10px 8px}.loc b{display:block;font-size:13px}.loc small{display:block;font-size:11px;color:var(--ink-soft)}.me-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:10px 10px 10px 12px}.me-card canvas{width:48px;height:48px;border-radius:999px;background:#d8dccf}.me-card b{display:block;font-size:14px}.me-card small{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-soft)}.dot-status{width:7px;height:7px;border-radius:999px;background:var(--coral);display:inline-block}.bottom-center{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.toolbar{display:flex;align-items:center;gap:4px;background:var(--cream);border-radius:999px;padding:6px;box-shadow:var(--panel-shadow);pointer-events:auto}.toolbar .mode{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;padding:8px 16px 8px 12px;border-radius:999px;background:#fff}.toolbar button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 14px;border-radius:999px}.toolbar button:hover{background:#ffffffb3}.toolbar button kbd{font-size:9px;padding:2px 5px}.keys{font-size:11px;color:var(--ink);font-weight:600;background:#efe9dabf;padding:4px 10px;border-radius:999px}.chat{position:absolute;right:22px;bottom:22px;width:330px;display:flex;flex-direction:column}.chat .panel-head{padding-bottom:8px}.tabs{display:flex;align-items:center;gap:14px;padding:0 18px;border-bottom:1px solid var(--line)}.tabs button{font-size:12px;font-weight:700;color:var(--ink-soft);padding:8px 0;border-bottom:2px solid transparent}.tabs button.active{color:var(--ink);border-color:var(--ink)}.tabs #online{margin-left:auto;font-size:11px;color:var(--ink-soft);font-weight:600}#chat-log{height:190px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:12px 14px}.chat.active #chat-log{height:300px}.msg{font-size:13px;line-height:1.35;background:#fff;color:var(--ink);padding:7px 11px;border-radius:12px;width:fit-content;max-width:100%;word-wrap:break-word}.msg.mine{background:var(--ink);color:var(--cream);align-self:flex-end}.msg.system{background:transparent;padding:6px 4px}.msg.system b{display:block;font-weight:700;font-size:12px}.msg.system small{display:block;font-size:11px;color:var(--ink-soft);margin-top:2px}.msg .who{font-weight:800;margin-right:6px;font-size:12px}.msg .text{display:block}#chat-log[data-scope=near] .msg.scope-city,#chat-log[data-scope=city] .msg.scope-near{display:none}.input-row{display:flex;align-items:center;gap:8px;padding:10px 12px 12px}#chat-input{flex:1;font:inherit;font-size:13px;padding:10px 14px;border:2px solid transparent;border-radius:12px;background:#fff;color:var(--ink);outline:none}#chat-input:focus{border-color:var(--coral)}#chat-send{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--ink)}#chat-send:hover{background:#2c3e4814}.settings{position:absolute;top:74px;right:22px;width:300px;padding-bottom:10px}.settings .panel-head small{margin:0 0 0 auto;font-size:11px}.settings .panel-head .close{margin-left:4px}.setting{padding:14px 18px 0}.setting-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px;font-weight:700}.setting-head output{font-weight:600;font-size:12px;color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.setting-ctl{display:flex;align-items:center;gap:8px;margin-top:8px}.setting-ctl input[type=range]{flex:1;min-width:0;margin:0;accent-color:var(--coral)}.step{flex:none;width:30px;height:30px;border-radius:999px;background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;line-height:1;transition:background .12s,color .12s}.step:hover{background:var(--coral);color:#fff}.step.mute .off,.step.mute.muted .on{display:none}.step.mute.muted .off{display:block}.step.mute.muted{background:var(--ink);color:var(--cream)}.step.mute.muted+input[type=range]{opacity:.4}.segmented{display:flex;margin-top:8px;padding:3px;border-radius:12px;background:#2c3e4814}.segmented button{flex:1;padding:7px 4px;border-radius:9px;font-size:12px;font-weight:700;color:var(--ink-soft);transition:background .12s,color .12s}.segmented button:hover{color:var(--ink)}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #2e4a5a2e}.setting-hint{display:block;margin-top:8px;min-height:15px;font-size:11px;line-height:1.4;color:var(--ink-soft)}.row-link{display:flex;align-items:center;gap:10px;width:calc(100% - 20px);margin:12px 10px 0;padding:8px;border-radius:12px;font-weight:700;font-size:13px;text-align:left}.row-link:hover{background:#2c3e480f}.row-link .ico{flex:none;width:30px;height:30px;border-radius:999px;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}.row-link i{margin-left:auto;font-style:normal;transition:transform .15s}.row-link:hover i{transform:translate(3px)}.diag-box{margin:8px 18px 0;border-top:1px solid var(--line);padding-top:4px}.diag-box summary{display:flex;align-items:center;gap:6px;padding:6px 0;font-size:11px;font-weight:700;color:var(--ink-soft);cursor:pointer;list-style:none}.diag-box summary::-webkit-details-marker{display:none}.diag-box summary:before{content:"›";display:inline-block;font-size:14px;line-height:1;transition:transform .15s}.diag-box[open] summary:before{transform:rotate(90deg)}.diag-copy{display:block;margin:2px 0 4px;font-size:11px;font-weight:700;color:var(--coral)}.diag-copy:hover{text-decoration:underline}body.night .step,body.night .segmented button.active,body.night .row-link .ico{background:#24323b}body.night .step:hover{background:var(--coral)}body.night .step.mute.muted{background:var(--cream-2);color:var(--ink)}body.night .segmented{background:#ffffff0f}body.night .row-link:hover{background:#ffffff14}body.in-elevator .nearby{display:none}.elevator{position:absolute;top:132px;right:22px;width:300px;padding:14px 16px 12px;display:flex;flex-direction:column;align-items:center;gap:12px}.elevator-display{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:48px;border-radius:10px;background:#1d2a32;color:var(--coral);box-shadow:inset 0 2px 6px #0009,0 1px #ffffff59;font-variant-numeric:tabular-nums}.elevator-floor{font-size:28px;font-weight:800;letter-spacing:1px;text-shadow:0 0 8px rgba(242,121,107,.7)}.elevator-arrow{width:14px;font-size:13px;line-height:1;opacity:0;transition:opacity .15s}.elevator-arrow.moving{opacity:1;animation:elevator-blink .6s steps(2,start) infinite}@keyframes elevator-blink{to{opacity:.25}}.elevator-buttons{display:flex;flex-wrap:wrap-reverse;gap:10px;width:222px}.floor-btn{width:48px;height:48px;border-radius:999px;background:var(--cream-2);color:var(--ink);font-weight:800;font-size:17px;border:2px solid rgba(44,62,72,.28);box-shadow:0 2px #2c3e482e,inset 0 1px #ffffffb3;transition:background .12s,color .12s,transform .08s,box-shadow .12s}.floor-btn:hover{background:var(--coral);color:#fff;border-color:var(--coral)}.floor-btn:active{transform:translateY(1px);box-shadow:0 1px #2c3e482e}.floor-btn.current{border-color:var(--coral);color:var(--coral);box-shadow:0 0 0 3px #f2796b40,0 2px #2c3e482e}.floor-btn.current:hover{color:#fff}.floor-btn.called{background:var(--coral);color:#fff;border-color:var(--coral);animation:elevator-blink .6s steps(2,start) infinite}.elevator-help{color:var(--ink-soft);font-size:11px;font-weight:600}body.night .floor-btn{background:#24323b;border-color:#efe9da47;box-shadow:0 2px #0000004d}body.night .floor-btn:hover,body.night .floor-btn.called{background:var(--coral);border-color:var(--coral)}.help{position:absolute;left:50%;bottom:110px;transform:translate(-50%);width:420px;padding-bottom:10px}.help ul{margin:10px 0 0;padding:0 18px 0 34px;color:var(--ink-soft);font-size:13px;line-height:1.5}.help li{margin-bottom:6px}#hud.mapopen>:not(#bigmap){visibility:hidden}.bigmap{position:absolute;inset:0}.bigmap[hidden]{display:none}.bigmap-side{position:absolute;z-index:3;top:40px;right:40px;bottom:40px;width:360px;display:flex;flex-direction:column;gap:10px;pointer-events:auto;color:#efe9da;overflow:hidden}.bigmap-side>small{font-size:13px;opacity:.85;font-weight:600}.bigmap-side h2{margin:0;font-size:32px;line-height:1.05;letter-spacing:-.03em;font-weight:800}.bigmap-side p{margin:0 0 4px;font-size:14px;opacity:.85}.poi-filters{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px}.poi-filters button{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;border:1.5px solid rgba(239,233,218,.35);color:#efe9da;font-size:13px;font-weight:700;background:#efe9da0f}.poi-filters button svg{width:18px;height:18px}.poi-filters button.active{background:#efe9da;color:var(--ink);border-color:#efe9da}.discovered-head{font-size:13px;opacity:.85;font-weight:700;padding-top:4px}.places{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;min-height:80px;border-top:1px solid rgba(239,233,218,.15)}.places li{display:grid;grid-template-columns:34px 1fr 16px;align-items:center;gap:14px;padding:12px 6px;border-bottom:1px solid rgba(239,233,218,.15);cursor:pointer}.places li:hover,.places li.active{background:#efe9da14}.places li .ico{width:34px;height:34px;border-radius:10px;background:#efe9da1f;display:flex;align-items:center;justify-content:center}.places li .ico svg{width:20px;height:20px}.places li b{display:block;font-size:15px}.places li small{display:block;font-size:12px;opacity:.75}.places li .arrow{opacity:.6;font-size:20px}.places li.empty{display:block;opacity:.7;font-size:13px;cursor:default}.legend{display:flex;gap:16px;color:#efe9da;font-size:12px;font-weight:700;padding-top:4px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:999px;display:inline-block;border:2px solid #efe9da}.legend i.me{background:var(--coral)}.legend i.human{background:#8fb8c4}.legend i.npc{background:#efe9da}.bigmap-frame{position:absolute;inset:40px 440px 40px 40px;border-radius:14px;border:3px solid #efe9da;box-shadow:0 0 0 9999px #1e202af5;z-index:1;pointer-events:auto;cursor:crosshair}.poi-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.poi{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:10px;background:#2c3e48f0;color:#efe9da;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000059;pointer-events:auto;cursor:pointer;transition:transform .12s}.poi svg{width:20px;height:20px}.poi:hover{transform:scale(1.12)}.poi.faint{opacity:.55}.poi.active{background:var(--coral);color:#fff}.poi.tiny{width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:8px}.poi.tiny svg{width:15px;height:15px}.bigmap-x{position:absolute;top:22px;right:22px;width:44px;height:44px;border-radius:999px;background:var(--cream);color:var(--ink);font-size:26px;font-weight:700;line-height:1;box-shadow:0 8px 20px #2e4a5a66;pointer-events:auto;display:flex;align-items:center;justify-content:center;z-index:3}.bigmap-x:hover{background:#fff}#bigmap-close{position:absolute;left:40px;bottom:8px;display:none;z-index:3}@media(max-width:900px){.creator-grid{grid-template-columns:1fr}.preview{width:100%}.welcome,.nearby{display:none}.elevator{top:84px;right:auto;left:50%;transform:translate(-50%);width:auto;max-width:calc(100% - 20px);flex-direction:row;padding:8px 10px;gap:10px}.elevator-display{width:56px;height:40px;flex:none}.elevator-floor{font-size:22px}.elevator-buttons{width:auto;gap:6px}.floor-btn{width:36px;height:36px;font-size:14px}.elevator-help{display:none}.chat{width:min(330px,calc(100% - 44px))}.status-pill,.keys{display:none}}#touch{display:none}#zoom-guard{position:fixed;left:0;top:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1em;background:#2e4a5a8c;pointer-events:auto;touch-action:auto}#zoom-guard[hidden]{display:none}#zoom-guard *{touch-action:auto}.zoom-guard-card{background:var(--cream);color:var(--ink);border-radius:1.2em;padding:1.2em 1.5em;max-width:22em;text-align:center;box-shadow:var(--panel-shadow)}.zoom-guard-card b{display:block;font-size:1.15em;margin-bottom:.4em}.zoom-guard-card p{margin:0;font-size:1em;line-height:1.4;color:var(--ink-soft)}.install-hint{margin:12px 0 0;font-size:12px;line-height:1.45;color:var(--ink-soft)}.install-hint[hidden]{display:none}@media(pointer:coarse){#hud,#hud *,.overlay,.overlay *{touch-action:manipulation}.fields input,#chat-input{font-size:16px}#game canvas,#hud .stick,#hud .stick *,#hud .tbtn{touch-action:none}#touch{display:block}#hud.mapopen #touch,#hud.mapopen #bigmap{visibility:visible}.stick{position:absolute;left:16px;bottom:22px;width:140px;height:140px;pointer-events:auto;touch-action:none}.stick-base{position:absolute;inset:0;border-radius:999px;background:#efe9da4d;border:2px solid rgba(239,233,218,.7)}.stick-knob{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:999px;background:var(--cream);box-shadow:0 6px 16px #2e4a5a59}.touch-actions{position:absolute;right:16px;bottom:22px;display:grid;grid-template-columns:54px 54px;grid-template-rows:54px 54px;gap:10px;pointer-events:auto}.tbtn{border-radius:999px;font-weight:800;font-size:20px;background:#efe9daeb;color:var(--ink);box-shadow:0 6px 16px #2e4a5a59;touch-action:none;user-select:none;-webkit-user-select:none}.tbtn.big{grid-column:2;grid-row:1 / span 2;width:54px;height:118px;border-radius:27px;background:var(--coral);color:#fff;font-size:26px}.tbtn.small{width:54px;height:54px}.tbtn:active{transform:scale(.94)}.topbar{left:10px;right:10px;top:8px}.brand svg{width:28px;height:28px}.brand b{font-size:20px}.brand small,.status-pill,#invite{display:none}.icon-btn{width:38px;height:38px}.bottom-left{left:10px;top:52px;bottom:auto;width:132px;gap:6px}#minimap-slot{height:84px;border-width:4px;border-radius:12px 12px 0 0}.minimap-card .expand{top:10px;right:10px;width:24px;height:24px}.minimap-card .loc{padding:6px 8px;gap:6px;grid-template-columns:1fr}.minimap-card .loc svg,.minimap-card .loc kbd{display:none}.minimap-card .loc b{font-size:11px}.minimap-card .loc small{font-size:10px}.me-card{display:none}.bottom-center{inset:52px 10px auto auto;transform:none;align-items:flex-end}.toolbar{padding:4px;gap:2px}.toolbar .mode{font-size:11px;padding:6px 10px 6px 8px;gap:5px}.toolbar .mode svg{width:14px;height:14px}.toolbar button{padding:6px 9px}.toolbar button kbd,.keys{display:none}.chat{width:min(320px,calc(100% - 20px));left:10px;right:auto;bottom:176px}#chat-log{height:110px}.chat.active{bottom:10px}.chat.active #chat-log{height:38vh}.welcome,.nearby,.help{display:none}#hint{bottom:176px;font-size:12px;max-width:calc(100% - 20px);white-space:normal;text-align:center;padding:8px 14px}#notice{top:106px}.elevator{top:96px;right:10px;left:auto;transform:none;width:122px;max-width:none;flex-direction:column;padding:8px 8px 6px;gap:6px}.elevator-display{width:100%;height:38px}.elevator-floor{font-size:22px}.elevator-buttons{width:92px;gap:8px}.floor-btn{width:42px;height:42px;font-size:15px}.elevator-help{display:none}.settings{top:96px;right:10px;width:min(300px,calc(100% - 20px));max-height:calc(100% - 106px);overflow-y:auto}.settings .panel-head small{display:none}.bigmap-side{inset:8px 60px auto 10px;width:auto;height:auto;gap:4px;overflow:visible}.bigmap-side>small,.bigmap-side p,.legend,.discovered-head{display:none}.bigmap-side h2{font-size:18px}.poi-filters{flex-wrap:nowrap;overflow-x:auto;margin:4px 0 0;padding-bottom:4px;-webkit-overflow-scrolling:touch}.poi-filters button{flex:none;padding:7px 10px;font-size:12px}.places{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;border-top:0;gap:8px;min-height:0;max-height:58px}.places li{flex:none;grid-template-columns:26px 1fr;gap:8px;padding:6px 10px;border:1px solid rgba(239,233,218,.25);border-radius:12px}.places li .ico{width:26px;height:26px;border-radius:8px}.places li .ico svg{width:15px;height:15px}.places li b{font-size:12px;white-space:nowrap}.places li small,.places li .arrow{display:none}.bigmap-frame{inset:150px 10px 176px}.bigmap-x{top:6px;right:6px;width:40px;height:40px}.poi{width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:8px}.poi svg{width:15px;height:15px}.poi.tiny{width:20px;height:20px;margin:-10px 0 0 -10px}.poi.tiny svg{width:12px;height:12px}.route{top:106px;gap:8px;padding:6px 8px 6px 10px}.route b{max-width:120px}.route .pill.btn.small kbd{display:none}}@media(pointer:coarse)and (orientation:landscape){.elevator{top:52px;left:150px;right:auto;width:auto;max-width:calc(100% - 380px);flex-direction:row;padding:6px 8px;gap:8px}.elevator-display{width:52px;height:36px;flex:none}.elevator-floor{font-size:20px}.elevator-buttons{width:auto;gap:6px}.floor-btn{width:34px;height:34px;font-size:13px}}@media(max-width:700px){.overlay{align-items:flex-start;padding:12px}.card{padding:22px 18px 18px;border-radius:18px}.card h1{font-size:28px}.card p{font-size:14px;margin-bottom:14px}.creator-grid{grid-template-columns:1fr;gap:14px}.preview{width:150px;height:150px;margin:0 auto}.preview canvas{width:110px;height:110px}.preview-shadow{left:38px;top:58px;width:94px;height:52px}.fields input,#chat-input{font-size:16px}.swatch{width:30px;height:30px}.chip{padding:8px 12px}.primary{position:sticky;bottom:0;margin-top:16px}}.emoji-btn{width:36px;height:36px;border-radius:10px;background:#fff;font-size:18px;flex:none}.emoji-btn:hover{background:var(--cream-2)}.emoji-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:6px 10px 0}.emoji-picker[hidden]{display:none}.emoji-picker button{font-size:18px;padding:4px 0;border-radius:8px;line-height:1.2}.emoji-picker button:hover{background:#2c3e4814}body.night .emoji-btn{background:#24323b}.diag{margin:2px 0 6px;font-size:10px;line-height:1.4;color:var(--ink-soft);word-break:break-word;user-select:text;-webkit-user-select:text}