.up-ranked-dialog{color:#e8e4db;background:linear-gradient(145deg,#242b2b,#111819);border:1px solid #a18c5b;border-radius:16px;width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 28px);padding:24px;box-sizing:border-box;overflow:auto;box-shadow:0 24px 70px #0009;font-family:inherit}.up-ranked-dialog::backdrop{background:#070c10bd}.ur-kicker{color:#b7a171;font-size:11px;letter-spacing:.18em;margin:0}.up-ranked-dialog h2{margin:8px 0 20px;font-size:26px}.ur-rank{border-top:1px solid #aa966a66;border-bottom:1px solid #aa966a66;padding:18px 0}.ur-rank>span{font-size:12px;color:#b9c2bf}.ur-rank h3{font-size:30px;margin:8px 0;color:#dfcb97}.ur-rank p{margin:8px 0}.ur-rank progress{width:100%;height:8px;accent-color:#cbb179}.up-ranked-dialog p{line-height:1.65}.up-ranked-dialog details{color:#bac4c0;font-size:12px}.up-ranked-dialog summary{cursor:pointer;padding:12px 0}.up-ranked-dialog footer{display:flex;flex-wrap:wrap;gap:8px;position:sticky;bottom:-24px;background:#151d1ef5;padding:16px 0 8px}.up-ranked-dialog button,.up-ranked-strip button{font:inherit;min-height:44px;border:1px solid #827454;border-radius:8px;background:#293432;color:#efe8d7;padding:10px 14px;cursor:pointer}.up-ranked-dialog button[data-r=search]{background:#c3a66a;color:#151b1b;font-weight:700;flex:1}.up-ranked-dialog button:disabled{opacity:.45}.up-ranked-dialog [data-r=result]{background:#ffffff08;border-left:3px solid #b9a16e;padding:12px;margin:12px 0}.up-ranked-dialog [data-r=outcome]{font-size:28px}.up-ranked-strip{position:fixed;z-index:58;top:calc(env(safe-area-inset-top) + 80px);left:50%;transform:translate(-50%);width:min(460px,calc(100vw - 24px));display:flex;align-items:center;gap:12px;box-sizing:border-box;padding:8px 12px;background:#111b20eb;color:#ece9e0;border:1px solid #99805d;border-radius:10px;font-size:12px;pointer-events:none}.up-ranked-strip button{pointer-events:auto;flex:none;font-size:11px;padding:6px;min-height:40px}.up-ranked-strip[hidden],.up-ranked-dialog [hidden]{display:none!important}@media(max-height:440px){.up-ranked-dialog{padding:14px}.up-ranked-dialog h2{font-size:20px;margin:6px 0}.ur-rank{padding:8px 0}.ur-rank h3{font-size:24px}.up-ranked-strip{top:48px;max-width:340px;font-size:10px}.up-ranked-dialog footer{bottom:-14px}}@media(min-width:600px)and (max-height:440px){.up-ranked-dialog:has([data-r=result]:not([hidden])){display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(660px,calc(100vw - 24px))}.up-ranked-dialog header,.up-ranked-dialog [data-r=message],.up-ranked-dialog details,.up-ranked-dialog footer{grid-column:1 / -1}.up-ranked-dialog [data-r=result]{margin:0;padding:8px}.up-ranked-dialog .ur-rank{padding:6px 8px}.up-ranked-dialog p{margin:4px 0;line-height:1.4}.up-ranked-dialog h3{margin:4px 0;font-size:22px}.up-ranked-dialog summary{padding:6px 0}.up-ranked-dialog footer{padding:8px 0 0}}.up-ranked-strip{background:none;border:0;box-shadow:none;justify-content:center;padding:0;min-height:0;text-shadow:0 1px 3px #000,0 0 5px #000;font-weight:600}.up-ranked-strip button[hidden]{display:none!important}.up-battle-hud.ranked-minimal .up-battle-bar{background:none;border:0;box-shadow:none;border-radius:0;padding:0;gap:10px;font-size:12px;text-shadow:0 1px 3px #000,0 0 4px #000;max-width:calc(100vw - 24px)}.ranked-minimal [data-up=master]{overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:40vw}.ranked-minimal [data-up=me],.ranked-minimal [data-up=time]{flex-shrink:0}@media(max-height:440px)and (min-width:600px){.up-battle-hud.ranked-minimal .up-battle-bar{top:16px}}.up-height-gauge{position:fixed;z-index:57;right:calc(env(safe-area-inset-right) + 10px);top:27%;width:92px;color:#ece8dd;pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center;font:11px/1.3 system-ui,sans-serif;text-shadow:0 1px 3px #000;background:linear-gradient(90deg,transparent,#101a20a6,transparent);padding:8px 0;border-radius:8px}.up-height-gauge[hidden]{display:none!important}.up-height-gauge header{font-size:10px;letter-spacing:.08em;color:#e0cfaa;margin-bottom:24px}.uh-track{height:clamp(100px,26dvh,230px);position:relative;margin:0 0 24px}.uh-ruler{position:absolute;left:calc(50% - 5px);width:10px;height:100%;background:repeating-linear-gradient(to top,#c5b58b 0 1px,transparent 1px 10%)}.uh-ruler:after{content:"";position:absolute;left:4px;top:0;bottom:0;width:1px;background:#decba0}.uh-top,.uh-bottom{position:absolute;left:0;right:0;font-size:10px;color:#ddd5c1;font-variant-numeric:tabular-nums}.uh-top{top:-18px}.uh-bottom{bottom:-18px}.uh-self,.uh-peer{position:absolute;display:flex;align-items:center;gap:3px;transform:translateY(50%);transition:bottom .35s ease;white-space:nowrap}.uh-self{right:calc(50% + 8px);color:#82d9f3}.uh-peer{left:calc(50% + 8px);color:#ffba7f}.uh-self b,.uh-peer b{font-size:13px}.uh-self small,.uh-peer small{font-size:10px;font-weight:700}.uh-gap{font-size:14px;font-variant-numeric:tabular-nums}.uh-state{display:block;font-size:9px;color:#c5c6c1;margin-top:3px}.up-height-gauge[data-stale=true] .uh-state{color:#ffd291}@media(max-width:600px){.up-height-gauge{top:25%;right:calc(env(safe-area-inset-right) + 3px);width:84px}.uh-track{height:20dvh}}@media(max-height:440px){.up-height-gauge{top:85px;right:calc(env(safe-area-inset-right) + 5px);padding:3px 0;width:84px}.up-height-gauge header{margin-bottom:18px;font-size:9px}.uh-track{height:72px;margin-bottom:18px}.uh-top{top:-14px}.uh-bottom{bottom:-14px}.uh-gap{font-size:12px}.uh-state{font-size:8px}}@media(prefers-reduced-motion:reduce){.uh-self,.uh-peer{transition:none}}.up-height-gauge{left:calc(env(safe-area-inset-left) + 12px);right:auto;top:25%;width:52px;padding:0;background:none;border-radius:0}.up-height-gauge header,.up-height-gauge .uh-self small,.up-height-gauge .uh-peer small{display:none}.up-height-gauge .uh-track{height:clamp(88px,17dvh,130px);margin:14px 0 16px}.up-height-gauge .uh-ruler{opacity:.55;width:8px;left:calc(50% - 4px)}.up-height-gauge .uh-ruler:after{left:3px}.up-height-gauge .uh-self{right:calc(50% + 6px)}.up-height-gauge .uh-peer{left:calc(50% + 6px)}.up-height-gauge .uh-self b,.up-height-gauge .uh-peer b{font-size:11px}.up-height-gauge .uh-top,.up-height-gauge .uh-bottom{font-size:8px;opacity:.65}.up-height-gauge .uh-top{top:-13px}.up-height-gauge .uh-bottom{bottom:-13px}.up-height-gauge .uh-gap{font-size:11px;font-weight:600;white-space:nowrap}.up-height-gauge .uh-state{display:none}.up-height-gauge[data-stale=true] .uh-state{display:block;white-space:nowrap}body:has(.up-height-gauge:not([hidden])) :is(.loot-log,.hud-chat-log,.objective-indicator){display:none!important}@media(max-height:440px){.up-height-gauge{top:84px;left:calc(env(safe-area-inset-left) + 14px);right:auto}.up-height-gauge .uh-track{height:66px;margin-top:12px;margin-bottom:14px}}.npc-nameplates{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;overflow:hidden}.npc-nameplates[hidden]{display:none}.npc-nameplate{position:absolute;left:0;top:0;padding:2px 4px;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font:700 11px/1.35 system-ui,sans-serif;text-shadow:-1px -1px 1px #111,1px -1px 1px #111,-1px 1px 1px #111,1px 1px 1px #111,0 2px 4px #000;pointer-events:none}.npc-nameplate[hidden]{display:none}body.dialogue-open .npc-nameplates,body.panel-open .npc-nameplates{visibility:hidden}@media(max-width:700px){.npc-nameplate{max-width:170px}}.globe-map{width:min(1000px,calc(100vw - 24px));height:calc(100dvh - 24px);max-height:none;padding:12px;border:1px solid #83bcaf;border-radius:14px;background:#10272b;color:#fff;overflow:hidden;font:14px/1.5 system-ui}.globe-map footer>div{display:flex;gap:8px;justify-content:flex-end}.globe-map[open]{display:flex;flex-direction:column;gap:8px}.globe-map::backdrop{background:#06131be8}.globe-map header,.globe-map footer,.globe-map form{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-shrink:0}.globe-map h2,.globe-map p{margin:0}.globe-map h2{font-size:19px}.globe-map button,.globe-map input{font:inherit;min-height:44px;border:1px solid #83bcaf;border-radius:8px;padding:6px 12px;background:#295b58;color:#fff}.globe-map button:disabled{opacity:.5}.globe-map label{display:flex;align-items:center;gap:6px;min-width:0}.globe-map input{width:140px;min-width:0}.globe-map-canvas{flex:1;min-height:80px;position:relative}.globe-map form{justify-content:flex-start}.globe-map footer span{font-size:12px}.globe-map [data-go]{white-space:nowrap;background:#367660}.globe-map .cesium-widget-credits{font-size:9px}.globe-map-hint-mobile{display:none}.globe-coordinate-panel{flex-shrink:0}.globe-coordinate-panel summary{cursor:pointer;color:#c4d9d5;font-size:12px}.globe-coordinate-panel form{margin-top:8px}.globe-place-search label{flex:1}.globe-place-search input{width:100%;max-width:none}.globe-place-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px;max-height:156px;overflow:auto;padding:6px;border:1px solid #83bcaf66;border-radius:8px;background:#06191c}.globe-place-results[hidden]{display:none}.globe-place-results button{display:flex;flex-direction:column;align-items:flex-start;min-height:54px;text-align:left}.globe-place-results strong{font-size:13px}.globe-place-results small{color:#c4d9d5;font-size:10px;line-height:1.35}.globe-google-attribution{grid-column:1/-1;padding:2px 10px 0;text-align:right;color:#fff;font:500 12px/1.4 Arial,sans-serif;white-space:nowrap}@media(max-width:500px){.globe-map{box-sizing:border-box;width:100vw;height:100dvh;margin:0;max-width:none;max-height:none;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border:0;border-radius:0;gap:6px}.globe-map header{min-height:40px}.globe-map header button{min-height:40px;padding:4px 12px}.globe-map h2{font-size:18px}.globe-place-search{flex-wrap:nowrap!important;gap:6px!important}.globe-place-search label{flex:1;width:auto}.globe-place-search label>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.globe-place-search input{width:100%;min-height:42px}.globe-place-search button{min-height:42px;padding-inline:14px}.globe-map-hint-wide{display:none}.globe-map-hint-mobile{display:inline}.globe-map-hint{font-size:11px;color:#c4d9d5}.globe-map-canvas{min-height:220px}.globe-place-results{position:absolute;z-index:20;top:98px;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));grid-template-columns:1fr;max-height:min(34dvh,240px);box-shadow:0 12px 30px #000b}.globe-coordinate-panel summary{min-height:30px;display:flex;align-items:center}.globe-coordinate-panel form{display:grid;grid-template-columns:1fr 1fr;gap:6px}.globe-coordinate-panel label{display:grid;gap:2px;font-size:11px}.globe-coordinate-panel input{box-sizing:border-box;width:100%;min-height:40px}.globe-coordinate-panel button{grid-column:1/-1;min-height:40px}.globe-map footer{display:grid;grid-template-columns:1fr;gap:5px;align-items:stretch}.globe-map footer span{min-height:18px}.globe-map footer>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.globe-map footer button{width:100%;min-height:44px;padding:5px 8px}}body:has(.globe-map[open]) .touch-layer{visibility:hidden}body.world-travel .objective-indicator,body.world-travel .story-experiment-status{display:none}.field-badge{position:fixed;z-index:35;top:108px;left:16px;max-width:265px;padding:7px 10px;border:1px solid #8dc7b8;border-radius:8px;background:#102a2ce6;color:#d6fff4;font:600 12px/1.5 sans-serif;text-align:left;cursor:pointer}.field-badge.danger{border-color:#f4a783;color:#ffccb5}.field-badge[hidden]{display:none}.field-book,.defeat-screen{box-sizing:border-box;max-width:650px;width:calc(100% - 28px);max-height:88dvh;overflow:auto;border:1px solid #80b8ac;border-radius:16px;padding:22px;background:#10272b;color:#eefaf7;font:15px/1.7 sans-serif}.field-book::backdrop,.defeat-screen::backdrop{background:#06131bcb}.field-book button,.defeat-screen button{padding:10px 18px;border:1px solid #83bcaf;border-radius:8px;color:#fff;background:#295b58;font:inherit;cursor:pointer}.field-book>[data-close]{float:right}.field-book section{border-top:1px solid #4a6667;margin-top:20px}.field-book article{padding:8px 12px;background:#193a3d;margin:8px 0;border-radius:8px}.field-book small{display:block;color:#b7d7cb}.field-book p{margin:6px 0}.defeat-screen{text-align:center;max-width:480px}.defeat-screen h2{font-size:30px;color:#f6c0a8}.defeat-screen button{margin-top:14px;width:100%}body:has(.field-book[open]) .field-badge,body:has(.defeat-screen[open]) .field-badge{display:none}@media(max-width:600px){.field-badge{top:98px;left:10px;max-width:180px;font-size:10px;padding:5px 7px}.field-book,.defeat-screen{padding:16px;font-size:13px}}.material-sources select,.material-source-card button{min-height:44px;max-width:100%;font:inherit;padding:8px 12px}.material-source-card{padding:14px 0;border-bottom:1px solid #63767a}.material-source-card h3{margin:0 0 6px}.material-source-card button{display:block;margin-top:10px}.material-source-card p{overflow-wrap:anywhere}.field-book>[data-close]{position:sticky;top:0;z-index:2;float:right;box-shadow:0 2px 8px #071619}.material-sources,.adventure-services{scroll-margin-top:60px;clear:both}.adventure-services button:disabled{opacity:.45;cursor:not-allowed}.adventure-services h4{margin:6px 0}.adventure-services button{min-height:44px;max-width:100%;margin:6px 4px 6px 0}.adventure-services p,.adventure-services small{overflow-wrap:anywhere}.field-book-header{position:sticky;top:-16px;z-index:3;display:flex;align-items:center;justify-content:space-between;background:#10272b;padding:8px 0;gap:12px}.field-book-header h2{margin:0}.field-book button{min-height:44px}.field-book-tabs{display:flex;gap:6px;flex-wrap:wrap}.field-book-tabs button[aria-pressed=true]{background:#39776c;border-color:#c3ffdf}.field-book [hidden]{display:none!important}.monster-search{display:grid;gap:6px;margin:12px 0}.monster-search input{width:100%;min-height:44px;padding:8px 12px;font:inherit;color:#fff;background:#193a3d;border:1px solid #83bcaf;border-radius:8px}.monster-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 0}.monster-list button{text-align:left;padding:10px}.field-book .monster-detail{background:none;padding:12px 0;margin:0}.monster-detail h3{font-size:22px;margin:12px 0}.monster-detail h4{margin:18px 0 6px;color:#b9e9d6}.monster-detail .monster-habitat{margin:8px 0;padding:12px;background:#193a3d;border-radius:8px}.monster-note{font-size:12px;color:#b7d7cb}@media(max-width:700px),(max-height:500px){.field-book{width:calc(100% - 24px);max-width:760px;max-height:calc(100dvh - 24px);padding:12px 16px;font-size:14px}.field-book-header{top:-12px}}@media(max-width:480px){.monster-list{grid-template-columns:1fr 1fr}}@media(orientation:landscape)and (max-height:500px){.field-book-header{padding:0;min-height:44px}.field-book-header h2{font-size:20px}.field-book-tabs{gap:6px}.field-book-tabs button{padding:6px 12px}.field-book .monster-encyclopedia{margin-top:8px}.monster-search{grid-template-columns:150px minmax(0,1fr);align-items:center;margin:8px 0}.monster-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:4px 0}.monster-list button{padding:6px 8px}}.town-journal{width:min(820px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box;padding:20px;border:1px solid #609f99;border-radius:16px;background:#0d2023;color:#ecf8f4;font:14px/1.6 system-ui;overscroll-behavior:contain}.town-journal::backdrop{background:#020b12c9}.town-journal header,.town-journal nav,.town-filters,.town-card-heading,.town-card-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.town-journal header{justify-content:space-between}.town-journal h2,.town-journal h3,.town-journal p{margin:4px 0 10px}.town-journal h2{font-size:23px}.town-journal h3{font-size:17px}.town-journal button,.town-journal input,.town-journal select{font:inherit;color:inherit;background:#18373b;border:1px solid #508681;border-radius:8px;padding:8px 12px;min-height:44px;box-sizing:border-box}.town-journal button{cursor:pointer}.town-journal button:hover,.town-journal button[aria-pressed=true]{background:#31655e}.town-journal nav{margin:14px 0}.town-filters input{flex:1;min-width:140px}.town-filters select{max-width:100%}.town-summary{color:#b7d4ce;padding-top:10px}.town-notice{color:#ffe3a1}.town-cards{display:grid;gap:12px}.town-cards article{padding:14px;border:1px solid #365658;border-radius:10px;background:#132b2e}.town-card-heading{justify-content:space-between}.town-card-heading span,.town-journal small{font-size:12px;color:#b3cfc8}.town-card-actions{margin-top:12px}.town-result,.town-card-heading .town-status-done{color:#84dba6}.town-card-heading .town-status-ready{color:#ffe096}body:has(.town-journal[open]) .story-experiment-status,body:has(.town-journal[open]) .objective-indicator{visibility:hidden}@media(max-width:600px){.town-journal{padding:12px;width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.town-journal h2{font-size:20px}.town-filters{align-items:stretch}.town-filters input,.town-filters select{width:100%}.town-cards article{padding:12px}.town-card-actions button{flex:1}.town-card-heading{display:block}}.town-journal blockquote{margin:12px 0;padding:10px 14px;border-left:3px solid #73c4b3;background:#193538;color:#e2efeb}.town-journal details{margin-top:12px;color:#b8d2cc}.town-journal summary{cursor:pointer;min-height:32px;display:list-item}.town-journal details p{margin-top:8px}.town-next{padding:10px 12px;background:#21443f;border-radius:8px;font-size:16px}.town-owner{color:#b8d2cc}.town-empty{padding:24px 12px;text-align:center}.town-journal footer{margin-top:18px}.town-journal button:focus-visible,.resident-quest-choice button:focus-visible{outline:3px solid #ffe096;outline-offset:3px}.resident-quest-choice[hidden]{display:none!important}.resident-quest-choice{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.resident-quest-info{flex-basis:100%;font-size:13px;color:#c2dfd5;margin:0!important}.resident-quest-choice button{font:inherit;min-height:44px;padding:10px 18px;border:1px solid #80b4a5;background:#244d44;color:#fff;border-radius:8px;cursor:pointer}.resident-quest-choice button:first-of-type{background:#d7b671;color:#172320}.resident-quest-choice button:last-of-type{background:#263339}.dialogue-box:has(.resident-quest-choice:not([hidden])){max-height:60dvh;overflow-y:auto;pointer-events:auto}@media(max-width:600px){.town-journal nav{gap:6px}.town-journal nav button{flex:1;font-size:12px;padding:8px 5px}.resident-quest-choice button{flex:1}.town-journal details{overflow-wrap:anywhere}}@media(max-width:600px){.resident-quest-choice[data-choice^="bell:"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.resident-quest-choice[data-choice^="bell:"] .resident-quest-info{grid-column:1/-1}.resident-quest-choice[data-choice^="bell:"] button{padding:10px 8px;min-width:0;word-break:normal;overflow-wrap:normal}}@media(max-width:600px){.resident-quest-choice[data-choice^="prayer:"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.resident-quest-choice[data-choice^="prayer:"] .resident-quest-info{grid-column:1/-1}.resident-quest-choice[data-choice^="prayer:"] button{min-height:52px;padding:10px 8px;min-width:0;word-break:keep-all;overflow-wrap:normal}}.mine-hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:32;color:#e3ebe7;font:500 14px/1.5 system-ui,sans-serif}.mine-area{position:absolute;left:50%;top:92px;transform:translate(-50%);text-align:center;padding:7px 20px;border-bottom:1px solid #718f8266;background:linear-gradient(90deg,transparent,#081915cc,transparent);white-space:nowrap;letter-spacing:.06em}.mine-hud button{pointer-events:auto;min-height:44px;color:#edf4ef;background:#0c1d1eea;border:1px solid #83b49d;border-radius:6px;padding:9px 14px;cursor:pointer}.mine-journal-button{position:absolute;right:16px;top:150px}.mine-retry{position:absolute;right:16px;top:200px;font-size:12px}.mine-interact{position:absolute;left:50%;bottom:24%;transform:translate(-50%);max-width:80vw}.mine-notice{position:absolute;left:50%;top:133px;transform:translate(-50%);max-width:65vw;text-align:center;color:#e9d3a4;text-shadow:0 2px 3px #000}.mine-journal{color:#e6eee9;background:#101e23;border:1px solid #718d88;border-radius:12px;width:min(700px,calc(100vw - 28px));max-height:82dvh;padding:24px;box-sizing:border-box;line-height:1.8;font:16px/1.8 system-ui,sans-serif;overscroll-behavior:contain}.mine-journal::backdrop{background:#02080dc4}.mine-journal h2{font-size:24px;margin:8px 65px 22px 0}.mine-journal h3{font-size:19px;color:#d6c696;margin-bottom:8px}.mine-journal h4{font-size:13px;letter-spacing:.05em;color:#a1cbbb;margin:16px 0 4px}.mine-journal p{white-space:pre-line;overflow-wrap:anywhere;margin:6px 0 14px}.mine-journal article{border-top:1px solid #526b6d;padding:14px 0 20px}.mine-journal a{color:#8be1d2;text-underline-offset:3px}.mine-replay{min-height:44px;padding:10px 18px;background:#284b48;color:#fff;border:1px solid #8bac99;border-radius:5px;cursor:pointer}.mine-film{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;border-top:8vh solid #03090b;border-bottom:19vh solid #03090b;box-sizing:border-box;color:#f4efdf}.mine-film[hidden]{display:none}body.mine-cinematic .game-ui,body.mine-cinematic .mine-hud{visibility:hidden!important;pointer-events:none!important}.mine-film-credit{position:absolute;left:18px;top:-6vh;font:12px/1.5 system-ui;color:#b3c1bb}.mine-film-subtitles{position:absolute;left:50%;bottom:-17vh;transform:translate(-50%);width:min(900px,90vw);font:18px/1.65 system-ui;text-align:center}.mine-film-subtitles strong{color:#dfc48f;font-size:14px}.mine-film-subtitles p{margin:4px 0}.mine-film-controls{position:absolute;top:8px;right:12px;display:flex;gap:8px;pointer-events:auto}.mine-film-controls button{min-height:44px;padding:7px 13px;background:#071419e6;border:1px solid #8ea8a3;color:#eee;border-radius:5px;cursor:pointer}@media(max-width:700px){.mine-film{border-bottom-width:28vh}.mine-film-subtitles{bottom:-26vh;font-size:15px;line-height:1.6}.mine-film-credit{font-size:10px}.mine-film-controls button{font-size:12px}}.mine-close{position:sticky;top:0;float:right;min-height:44px;padding:8px 17px;background:#274347;color:#fff;border:1px solid #729f96;border-radius:6px;cursor:pointer}@media(max-width:700px){.mine-area{top:84px;font-size:12px;max-width:95vw;white-space:normal;width:max-content}.mine-journal-button{top:163px;right:8px;font-size:12px}.mine-retry{top:210px;right:8px;font-size:11px}.mine-notice{top:116px;font-size:12px;max-width:90vw}.mine-journal{padding:18px;max-height:86dvh}.mine-interact{bottom:29%;font-size:13px}}.mine-journal.mine-record-reading{max-height:calc(100dvh - 24px);padding:18px}.mine-record-reading h2{font-size:20px;margin:0 76px 12px 0}.mine-record-reading article{border:0;margin:0;padding:0}.mine-record-reading h4{margin:12px 0 6px}.mine-record-reading p{margin:8px 0;line-height:1.6}.mine-record-reading details{margin-top:12px}.mine-record-reading summary{cursor:pointer;color:#bbcfc7;font-size:13px;min-height:24px}.mine-map-button{position:absolute;right:16px;top:202px}.mine-retry{top:254px}.mine-record-body{overflow:auto;max-height:calc(100dvh - 170px);overscroll-behavior:contain;padding-right:8px}.mine-record-body small{color:#b9c9c7;font-size:12px}.mine-inscription{border-left:2px solid #9bb1a6;padding-left:12px;font-size:14px}.mine-record-effect{color:#a7e5cf;font-size:13px}.mine-record-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px;background:#101e23;position:sticky;bottom:0}.mine-record-actions button,.mine-archive button,.mine-journal>button{min-height:44px;padding:8px 14px;color:#edf4ef;background:#274347;border:1px solid #729f96;border-radius:6px;cursor:pointer}.mine-archive-item{display:block;width:100%;text-align:left;margin:8px 0;min-height:48px}.mine-record-talk{border-top:1px solid #526b6d;margin-top:10px;padding-top:8px}.mine-archive p{white-space:pre-line}@media(max-height:500px){.mine-journal.mine-record-reading{width:min(800px,calc(100vw - 24px));font-size:14px}.mine-record-reading h2{font-size:18px}.mine-record-body{max-height:calc(100dvh - 134px)}.mine-record-reading p{line-height:1.5;margin:5px 0}.mine-record-actions{padding-top:6px}}.story-opening{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#020709;display:grid;place-items:center;color:#eafff8}.story-opening video{width:100%;height:100%;object-fit:contain}.story-opening>div{position:absolute;inset:auto 12px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#041419dc;padding:12px;border-radius:12px}.story-opening button{min-height:44px;padding:8px 14px;background:#214640;color:#fff;border:1px solid #8bc5b5;border-radius:8px}.story-opening p{margin:0}.story-experiment-status{position:fixed;top:150px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);padding:8px 14px;border:1px solid #88d7c5;border-radius:8px;background:#082626dc;color:#e5fff6;pointer-events:none;z-index:22;font:14px/1.5 system-ui;text-align:center}.story-experiment-status:empty{display:none}@media(max-width:600px){.story-experiment-status{top:175px;width:calc(100% - 48px);font-size:12px}.story-opening>div{bottom:env(safe-area-inset-bottom,12px);gap:8px}.story-opening span{flex-basis:100%}}.story-opening video{opacity:0;transition:opacity .65s ease;background:#000}.story-start-loading{z-index:9999;align-content:center;gap:20px;padding:24px;text-align:center}.game-start-loading{isolation:isolate;background:url(/ui/metachi-title-v4.webp) center/cover no-repeat;font:700 clamp(14px,2vw,18px)/1.6 Inter,"Segoe UI",sans-serif;text-shadow:0 2px 12px #000}.game-start-loading:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:#02080ab8}.game-start-loading:after{content:"";width:34px;height:34px;margin:0 auto;border:3px solid rgba(238,247,242,.22);border-top-color:#d8c66f;border-radius:50%;animation:game-start-loading-spin .8s linear infinite}.game-start-loading[data-state=error]:after{display:none}.game-start-loading>button{justify-self:center;min-width:180px}.game-start-loading>p{position:static;max-width:min(520px,calc(100vw - 48px));margin:0 auto;color:#eef7f2;text-shadow:0 2px 12px #000}@keyframes game-start-loading-spin{to{transform:rotate(360deg)}}#story-restart-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;border:1px solid #83bbaa;border-radius:16px;background:#102824;color:#effaf5;padding:22px;font:16px/1.65 system-ui}#story-restart-dialog::backdrop{background:#000b}#story-restart-dialog h2{font-size:20px;margin:0 0 16px}#story-restart-dialog>div{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}#story-restart-dialog button{min-height:44px;padding:10px 16px;background:#294d43;color:#fff;border:1px solid #8bc5b5;border-radius:8px}#story-restart-dialog [data-confirm]{background:#813f40;border-color:#dc9898}#story-restart-dialog .restart-error{color:#ffbdbd}.story-opening>div{inset:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) auto max(12px,env(safe-area-inset-left));background:none;padding:0;border-radius:0;gap:8px;justify-content:flex-end;font:13px/1.5 system-ui;pointer-events:none}.story-opening>div span{flex-basis:auto;margin-right:auto;background:#041419b8;padding:5px 9px;border-radius:6px;font-size:12px}.story-opening>div button{pointer-events:auto;min-height:44px;font:600 13px/1.4 system-ui;background:#102b2bba;padding:8px 12px}.story-opening>div p:empty{display:none}.story-opening>div p:not(:empty){flex-basis:100%;margin:0 0 0 auto;max-width:420px;padding:10px 12px;background:#041419ed;border-radius:8px;pointer-events:auto}.story-opening>[data-skip]{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));min-height:44px;padding:10px 8px;border:0;border-radius:0;background:transparent;color:#fff;font:500 13px/1.4 system-ui;text-shadow:0 1px 4px #000,0 0 8px #0009;box-shadow:none;touch-action:manipulation}.story-opening>[data-skip]:focus-visible{outline:1px solid white;outline-offset:2px}.story-opening>p{position:absolute;bottom:70px;left:16px;right:16px;text-align:center;font:13px system-ui;color:#fff;text-shadow:0 1px 4px #000}.story-opening>p:empty{display:none}.story-video-primer{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;bottom:0;left:0}.story-opening>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.story-opening.game-start-loading>p{position:static;max-width:min(520px,calc(100vw - 48px));margin:0 auto;color:#eef7f2;text-align:center;text-shadow:0 2px 12px #000}.up-tier{--ut-accent: #ecc779;--ut-soft: #ecc7791c;color:#e9eef2;font-family:system-ui,sans-serif;font-size:14px;line-height:1.5}.up-tier[data-level=top]{--ut-accent: #9ee4f2;--ut-soft: #9ee4f21c}.up-tier[data-level=unranked]{--ut-accent: #aab8c5;--ut-soft: #aab8c51c}.up-tier *{box-sizing:border-box}.up-tier [hidden]{display:none!important}.up-tier button{font:inherit;cursor:pointer;touch-action:manipulation}.up-tier button:focus-visible{outline:2px solid #fff;outline-offset:3px}.ut-card{background:radial-gradient(ellipse at 0 0,#d6b36b12,transparent 65%),repeating-linear-gradient(110deg,#ffffff02 0 1px,transparent 1px 5px),linear-gradient(140deg,#303633,#1a2429 70%);border:1px solid #8d815b;border-radius:8px;padding:24px;box-shadow:inset 0 0 0 4px #101919,inset 0 0 0 5px #7b725b55,0 10px 30px #0003}.ut-identity{display:flex;align-items:center;gap:20px;margin-bottom:26px}.ut-emblem{flex:0 0 90px;height:106px;background:repeating-linear-gradient(125deg,#ffffff10 0 1px,transparent 1px 4px),linear-gradient(145deg,#6e5838,#d8bd80 27%,#f4dfab 30%,#b49354 55%,#73552d 85%,#dec28a);clip-path:polygon(50% 0,98% 22%,89% 76%,50% 100%,11% 76%,2% 22%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#272b26;text-shadow:0 1px 0 #fae3aa88;filter:drop-shadow(0 4px 12px #0006)}.ut-emblem .ut-gem{font-size:24px;line-height:1}.ut-emblem>span:nth-child(2){font-size:30px;font-weight:850;line-height:1.2}.ut-emblem i{font-size:8px;letter-spacing:3px;font-style:normal}[data-level=top] .ut-emblem{background:linear-gradient(130deg,#dcf9ff,#61a9d4)}[data-level=unranked] .ut-emblem{background:linear-gradient(130deg,#b3c1ce,#586c80)}.ut-eyebrow{font-size:10px;letter-spacing:1.4px;color:var(--ut-accent);margin:0 0 6px}.ut-eyebrow span{letter-spacing:0;margin-left:6px;color:#a9bac8}.ut-identity h2{font-size:clamp(23px,5vw,32px);margin:0 0 6px;line-height:1.2}.ut-standing{font-size:12px;color:#bac7d1;margin:0}.ut-goal{background:#0d161bb0;border:1px solid #90815c40;border-radius:4px;padding:18px;box-shadow:inset 0 2px 8px #0003}.ut-goal-heading{display:flex;align-items:center;justify-content:space-between;color:#cbd8e1}.ut-next-mark{color:var(--ut-accent);border:1px solid #526471;border-radius:7px;width:30px;text-align:center}.ut-distance{margin:4px 0 15px;color:#bac7d1}.ut-distance strong{font-size:32px;color:var(--ut-accent);font-variant-numeric:tabular-nums;letter-spacing:-.8px}.ut-track{height:10px;background:#354552;border-radius:5px;overflow:hidden}.ut-track>span{display:block;height:100%;background:linear-gradient(90deg,#b99652,var(--ut-accent));border-radius:inherit;transition:width .65s ease}.ut-heights{display:flex;justify-content:space-between;gap:8px;margin-top:10px;color:#98abba;font-size:11px}.ut-heights>span:last-child{text-align:right}.ut-heights strong{display:block;color:#e2eaf0;font-size:14px;font-weight:550;font-variant-numeric:tabular-nums}.ut-footnote{font-size:11px;color:#9badbc;margin:14px 0 0}.ut-population{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:14px;font-size:12px;color:#c1cdd7}.ut-population button{min-height:44px;color:var(--ut-accent);background:transparent;border:0;padding:8px 0}.ut-distribution{margin-top:14px;border:1px solid #716d58;border-radius:8px;background:linear-gradient(140deg,#29312e,#18242b);padding:20px}.ut-distribution h3{margin:0 0 4px;font-size:17px}.ut-muted{color:#a9bbc9;font-size:12px;margin:0 0 16px}.ut-bar{display:grid;grid-template-columns:100px 1fr 54px;gap:10px;align-items:center;width:100%;min-height:48px;border:1px solid transparent;border-radius:8px;padding:6px;background:none;color:#c0cdd6;font-size:11px!important;text-align:left}.ut-bar>span:last-child{text-align:right;font-variant-numeric:tabular-nums}.ut-bar-rail{height:10px;border-radius:3px;background:#ffffff08;overflow:hidden}.ut-bar-rail>span{display:block;height:100%;background:#60788a;min-width:2px;border-radius:inherit}.ut-bar[aria-pressed=true]{border-color:#8199aa;background:#ffffff06}.ut-is-you{color:var(--ut-accent)}.ut-is-you .ut-bar-rail>span{background:var(--ut-accent)}.ut-bar small{display:block;font-size:10px;font-weight:700}.ut-breakdown{border-top:1px solid #3b4d5c;margin-top:14px;padding-top:16px}.ut-breakdown h4{margin:0 0 12px;font-size:13px}.ut-population-compare{color:#c1cdd7;font-size:12px;margin:0 0 12px}.ut-population-delta{font-variant-numeric:tabular-nums}.ut-breakdown>.ut-muted{margin:12px 0 0}.ut-divisions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ut-divisions>div{padding:10px 4px;border-radius:8px;background:#ffffff05;text-align:center;border:1px solid #3b4d5c}.ut-divisions strong,.ut-divisions span,.ut-divisions small{display:block}.ut-divisions span{font-size:12px;margin-top:3px}.ut-divisions small{font-size:10px;margin-top:3px}.ut-divisions .ut-current-division{border-color:var(--ut-accent);color:var(--ut-accent);background:var(--ut-soft)}.ut-notice{text-align:center;color:var(--ut-accent);min-height:24px;margin:14px 0}.ut-promoted .ut-emblem{animation:ut-celebrate .75s ease-out}.up-result-rank{border:1px solid #8d815b;border-radius:8px;padding:16px;margin:16px 0;background:linear-gradient(140deg,#303633,#1a2429);color:#e9eef2;overflow-wrap:anywhere}.up-result-rank[hidden]{display:none!important}.up-result-rank .urr-heading{font-size:12px;color:#ecc779;margin:0 0 14px;letter-spacing:1px}.urr-identity{display:flex;align-items:center;gap:14px}.urr-badge{display:grid;place-items:center;flex:0 0 56px;height:66px;font-size:25px;font-weight:800;color:#292e26;background:linear-gradient(140deg,#73552d,#f4dfab,#b49354);clip-path:polygon(50% 0,98% 22%,89% 76%,50% 100%,11% 76%,2% 22%)}.urr-name{font-size:22px;color:#ecc779}.up-result-rank .urr-transition,.up-result-rank .urr-standing,.up-result-rank .urr-next{font-size:12px;margin:8px 0;line-height:1.6}.up-result-rank .urr-note{font-size:10px;color:#a9bbc9;margin:12px 0 0;line-height:1.6}.up-result-rank.is-promoted .urr-badge{animation:ut-celebrate .75s ease-out}.up-result-rank .urr-heading{font-size:18px;font-weight:700;letter-spacing:0}.up-result-rank .urr-name{font-size:28px}.up-result-rank .urr-transition:empty,.up-result-rank .urr-goal:empty{display:none}.urr-goal-box{background:#0d161b90;border-radius:4px;padding:12px;margin:16px 0 12px}.up-result-rank .urr-goal{font-size:12px;color:#bac7d1;margin:0}.up-result-rank .urr-next{font-size:23px;color:#ecc779;font-weight:700;margin:4px 0 0}.rank-help>summary,.up-season-history .rank-help>summary{min-height:44px;padding:12px 0;cursor:pointer;font-size:11px;color:#a9bbc9}.rank-help>summary:focus-visible{outline:2px solid #fff;outline-offset:2px}.up-season-history .rank-help{border:0;border-radius:0;background:none}@media(prefers-reduced-motion:reduce){.up-result-rank.is-promoted .urr-badge{animation:none}}.up-season-history{color:#e9eef2;font:14px/1.5 system-ui,sans-serif;margin:12px 0 22px}.up-season-history[hidden]{display:none!important}.up-season-history details{border:1px solid #716d58;border-radius:8px;background:linear-gradient(140deg,#29312e,#18242b)}.up-season-history summary{cursor:pointer;min-height:48px;padding:14px 16px;color:#ecc779;touch-action:manipulation}.up-season-history summary:focus-visible{outline:2px solid white;outline-offset:3px}.ush-list{padding:0 14px 14px}.ush-card{border-top:1px solid #716d5866;padding:16px 0 8px;overflow-wrap:anywhere}.ush-card .ush-period{margin:0 0 12px;font-size:14px;color:#d2c49e}.ush-ranks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 12px}.ush-ranks>div{min-width:0}.ush-ranks dt{color:#a9bbc9;font-size:11px}.ush-ranks dd{margin:5px 0 0;font-size:18px;font-weight:700}.ush-ranks>div:first-child dd{color:#ecc779}.up-season-history .ush-result{font-size:12px;margin:0 0 8px;line-height:1.7}.up-season-history .ush-note{font-size:11px;color:#a9bbc9;margin:6px 0 12px;line-height:1.7}@keyframes ut-celebrate{0%{transform:scale(.88)}45%{transform:scale(1.1)}to{transform:scale(1)}}@media(max-width:420px){.ut-card{padding:18px}.ut-identity{gap:14px}.ut-emblem{flex-basis:76px;height:92px}.ut-goal{padding:15px}.ut-distance strong{font-size:30px}.ut-distribution{padding:16px 12px}.ut-bar{grid-template-columns:94px 1fr 50px;gap:6px}}@media(prefers-reduced-motion:reduce){.ut-track>span{transition:none}.ut-promoted .ut-emblem{animation:none}}:root{color-scheme:dark;font-family:Inter,Segoe UI,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;background:#081111;color:#eef7f2}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100dvh;margin:0;overflow:hidden;background:#081111;overscroll-behavior:none}body{min-width:320px}button{font:inherit}#game-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#081111;overflow:hidden}body.touch-mode #game-root{inset:auto;top:var(--app-viewport-top, 0px);left:var(--app-viewport-left, 0px);width:var(--app-viewport-width, 100vw);height:var(--app-viewport-height, 100dvh);border:0;outline:0}#cesium-world{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:none;overflow:hidden;pointer-events:none}html[data-world-visual-mode=cesium] #cesium-world{display:block}.map-credits{position:absolute;z-index:12;left:max(4px,env(safe-area-inset-left));bottom:max(3px,env(safe-area-inset-bottom));display:none;pointer-events:auto}html[data-world-visual-mode=cesium] .map-credits{display:block}.map-credits .cesium-widget-credits{position:relative;display:flex;align-items:center;gap:3px;white-space:nowrap;font-size:8px;line-height:10px;padding:1px 3px;border-radius:4px;background:#0000007a}.map-credits .cesium-widget-credits img[title=Cesium]{width:auto;height:12px;vertical-align:middle!important}.map-credits .cesium-widget-credits img[alt=Google],.map-credits .cesium-widget-credits img[alt="Google Maps"]{width:auto;height:16px;vertical-align:middle!important}.map-credits .cesium-widget-credits img[alt=Google],.map-credits .cesium-widget-credits img[alt="Google Maps"]{margin-inline:10px}.map-credits .cesium-credit-expand-link{display:inline-block!important;padding:2px 5px;border:1px solid rgb(255 255 255 / 42%);border-radius:4px;color:#fff;background:#00000094;font-size:9px;line-height:12px;text-decoration:none;cursor:pointer}#game-root>.cesium-credit-lightbox-overlay{z-index:140}#game{position:relative;z-index:1}#game.cesium-overlay{background:transparent}canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:0}canvas.camera-captured{cursor:none}[hidden]{display:none!important}.game-ui{opacity:0;visibility:hidden;transition:opacity .18s ease}#game-root.game-started .game-ui{opacity:1;visibility:visible}.entry-flow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:auto;background:#071011}body.mode-switch-resuming .entry-flow{visibility:hidden;pointer-events:none}.title-screen,.character-screen{display:none;width:100%;height:100%}.entry-flow[data-screen=title] .title-screen{display:flex}.entry-flow[data-screen=character] .character-screen{display:grid}.title-screen{position:relative;align-items:flex-end;overflow:hidden;padding:8vh clamp(28px,7vw,96px);background:url(/ui/metachi-title-v4.webp) center / cover no-repeat;isolation:isolate}.title-screen:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:#02080a24}.title-brand{position:relative;max-width:720px;text-shadow:0 3px 18px rgba(0,0,0,.8)}.title-auth{margin-top:18px;text-shadow:none}.auth-open-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;border:1px solid rgba(238,247,242,.28);background:#070e0d99;color:inherit;font-size:13px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-open-button svg{width:16px;height:16px}.auth-note{margin:8px 0 0;font-size:11px;opacity:.7;max-width:34em}.title-start-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.entry-start-button-secondary{display:inline-flex;align-items:center;padding:10px 16px;border-radius:8px;border:1px solid rgba(238,247,242,.28);background:#070e0d99;color:inherit;font-size:13px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0}.auth-signed-in{display:flex;align-items:center;gap:10px}.auth-user{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#070e0d99;border:1px solid rgba(123,223,242,.4);font-size:13px;font-weight:700}.auth-user.has-avatar:before{content:"";width:22px;height:22px;border-radius:50%;background-image:var(--auth-avatar);background-size:cover;background-position:center}.auth-signout-button{padding:8px 12px;border-radius:8px;border:1px solid rgba(238,247,242,.2);background:transparent;color:inherit;font-size:12px}.auth-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:20px;background:#030808b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-modal[hidden]{display:none}.auth-modal-box{width:min(420px,100%);max-height:90vh;overflow-y:auto;border-radius:12px;border:1px solid rgba(238,247,242,.16);background:#091110f5;box-shadow:0 24px 60px #00000080}.auth-modal-body{display:grid;gap:12px;padding:14px}.auth-providers{display:grid;gap:8px}.auth-provider-button{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:8px;border:1px solid rgba(0,0,0,.2);font-size:13px;font-weight:700}.auth-provider-button svg{flex:none}.auth-email-form{display:flex;gap:8px;padding-top:4px;border-top:1px solid rgba(238,247,242,.12)}.auth-email-input{flex:1;min-width:0;padding:10px 12px;border-radius:8px;border:1px solid rgba(238,247,242,.18);background:#070e0d8c;color:inherit;font:inherit;font-size:13px}.auth-email-input:focus{outline:none;border-color:#7bdff299}.auth-message{margin:0;min-height:1em;font-size:12px;color:#a9dbe5}.title-kicker,.character-screen-head p,.character-role{margin:0 0 8px;color:#a9dbe5;font-size:12px;font-weight:800;letter-spacing:0}.title-brand h1{margin:0;font-size:72px;line-height:.96;letter-spacing:0}.title-subtitle{margin:18px 0 26px;color:#e2efec;font-size:18px}.entry-start-button,.player-name-field{display:grid;gap:5px;margin:10px 0 12px}.player-name-field span{color:#91b8af;font-size:11px;font-weight:700;letter-spacing:.06em}.player-name-field input{height:40px;padding:0 12px;border:1px solid rgba(238,247,242,.22);border-radius:8px;color:#eef7f2;background:#070e0db3;font:inherit;font-size:14px;outline:none}.player-name-field input:focus{border-color:#7bdff2b3}.character-start-button{min-width:180px;min-height:50px;border:1px solid #d8c66f;border-radius:4px;background:#d8c66f;color:#101718;font-weight:900;cursor:pointer}.entry-start-button:hover,.character-start-button:hover{background:#f0df82}.character-screen{position:relative;grid-template-rows:auto 1fr;overflow:hidden;padding:24px clamp(22px,4vw,64px) 34px;background:url(/ui/metachi-character-bg.webp) center / cover no-repeat;isolation:isolate}.character-screen:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:#030a0cb8}.character-screen-head{display:flex;align-items:center;gap:18px}.character-screen-head h2{margin:0;font-size:24px;letter-spacing:0}.character-back-button{min-width:64px;min-height:38px;border:1px solid rgba(255,255,255,.28);border-radius:4px;background:#050e0fb8;color:#eef7f2;cursor:pointer}.character-select-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr);align-items:stretch;justify-content:space-between;gap:28px;min-height:0}.character-browser{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}.character-filters{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:2px;pointer-events:auto}.character-filters button{min-height:34px;padding:0 13px;border:1px solid rgba(255,255,255,.22);border-radius:4px;background:#050e0fc2;color:#dbe9e6;font-weight:700;white-space:nowrap;cursor:pointer}.character-filters button[aria-pressed=true]{border-color:#d8c66f;background:#d8c66f;color:#101718}.character-options{display:grid;grid-template-columns:repeat(5,minmax(88px,1fr));align-content:start;gap:8px;max-height:calc(100vh - 150px);overflow:auto;padding:2px 8px 10px 2px;scrollbar-color:rgba(216,198,111,.65) rgba(255,255,255,.08)}.character-option{min-width:0;min-height:132px;display:grid;grid-template-rows:92px auto;align-items:start;gap:7px;padding:6px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#060f10c7;color:#edf7f4;text-align:left;cursor:pointer}.character-option.selected{border-color:#d8c66f;background:#182222f0;box-shadow:inset 4px 0 #d8c66f}.character-option[hidden]{display:none}@media(max-width:1100px)and (min-width:721px){.character-select-layout{grid-template-columns:minmax(0,1.4fr) minmax(250px,.75fr);gap:18px}.character-options{grid-template-columns:repeat(4,minmax(96px,1fr))}}.character-swatch{position:relative;width:100%;height:92px;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:4px;background-color:#a7a9aa;background-image:var(--character-image);background-position:var(--character-position);background-repeat:no-repeat;background-size:var(--character-size)}.character-option[data-character-group=metachi] .character-swatch{filter:brightness(.9) contrast(1.08) saturate(1.04)}.character-code{position:absolute;top:4px;left:4px;min-width:24px;padding:2px 4px;border-radius:3px;background:#040a0ccc;color:#fff4b4;font-size:10px;line-height:1.25;text-align:center}.character-option-copy{min-width:0}.character-option-copy strong,.character-option-copy small{display:block;letter-spacing:0}.character-option-copy strong{display:-webkit-box;overflow:hidden;font-size:13px;line-height:1.2;overflow-wrap:anywhere;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.character-option-copy small{margin-top:3px;color:#afc6c3;font-size:10px;line-height:1.25}.character-confirm{position:relative;display:flex;min-height:min(70vh,680px);align-items:flex-end;justify-content:flex-start;overflow:hidden;padding:20px 0;text-shadow:0 2px 14px rgba(0,0,0,.9)}.character-portrait{position:absolute;top:0;right:0;height:min(70vh,680px);aspect-ratio:1 / 2;background-color:#9fa4a51f;background-image:var(--character-image);background-position:var(--character-position);background-repeat:no-repeat;background-size:var(--character-size);filter:drop-shadow(0 18px 32px rgba(0,0,0,.52));-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 100%);mask-image:linear-gradient(to bottom,#000 72%,transparent 100%)}.character-portrait[data-character-group=metachi]{filter:brightness(.88) contrast(1.1) saturate(1.04) drop-shadow(0 18px 32px rgba(0,0,0,.52))}.character-confirm-copy{position:relative;z-index:1;max-width:320px;padding:18px 0}.character-confirm h3{margin:0;font-size:38px;letter-spacing:0}.character-confirm-copy>p:not(.character-role){min-height:48px;margin:10px 0 20px;color:#dbe9e6;line-height:1.6}.hud{--right-hud-width: min(240px, calc(100vw - 24px) );position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(12px,2vw,22px);gap:12px}.top-row,.bottom-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.top-row{grid-row:1}.bottom-row{grid-row:3;align-self:end;align-items:flex-end}.status{width:min(420px,calc(100vw - 24px));display:grid;gap:8px}.bar-wrap{display:grid;grid-template-columns:72px 1fr 58px;align-items:center;gap:8px;font-size:12px;line-height:1;color:#d8ede6;text-shadow:0 1px 2px rgba(0,0,0,.65)}.bar{height:10px;border:1px solid rgba(255,255,255,.16);background:#0000006b;overflow:hidden;border-radius:999px}.bar>i{display:block;height:100%;width:50%;border-radius:inherit;transition:width .13s ease}.hp i{background:linear-gradient(90deg,#e24949,#ff9a61)}.mana i{background:linear-gradient(90deg,#3588ff,#64e4ff)}.stamina i{background:linear-gradient(90deg,#3ec06b,#d8df5d)}.level-box,.quest-box,.loot-log,.hud-voice{display:none;gap:8px;justify-content:flex-end;pointer-events:auto}body.touch-mode .hud-voice{display:flex}.hud-voice-button{touch-action:manipulation;width:44px;height:44px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid rgba(238,247,242,.18);background:#070e0da3;color:#eef7f2b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-voice-button svg{width:20px;height:20px}.hud-voice-button.is-on{border-color:#7bdff28c;background:#7bdff238;color:#dff6fb}.level-box{width:var(--right-hud-width);min-width:0;padding:10px 12px;border-radius:8px;display:grid;gap:7px}.level-title{display:flex;flex-direction:column;gap:2px;font-size:14px;font-weight:700}#xp-label{font-size:11px;font-weight:500;opacity:.75}.xp-track{height:8px;border-radius:999px;background:#ffffff1f;overflow:hidden}.xp-track>i{display:block;height:100%;background:linear-gradient(90deg,#e9c46a,#f4f1a6);width:0}.quest-box{align-self:start;justify-self:end;width:var(--right-hud-width);padding:12px;border-radius:8px;line-height:1.35;pointer-events:auto;display:block}.quest-box:not(.compact){width:min(340px,calc(100vw - 24px))}.quest-box-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.quest-box h1{margin:0;font-size:15px;letter-spacing:0}.quest-copy{margin-top:6px}.quest-box p{margin:0;color:#d1dfda;font-size:12px}.position-info{margin-top:9px!important;padding-top:8px;border-top:1px solid rgba(139,225,210,.24);color:#9fd8cd!important;font-variant-numeric:tabular-nums;white-space:pre-line}.npc-prompt{margin-top:7px!important;color:#fff1a8!important;font-weight:700}.quest-size-toggle{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:1px solid rgba(238,247,242,.18);border-radius:6px;background:#ffffff12;color:#eef7f2;cursor:pointer}.quest-size-toggle:hover{background:#ffffff24}.quest-size-toggle svg{width:16px;height:16px}.show-when-expanded{display:none}.quest-box:not(.compact) .show-when-compact{display:none}.quest-box:not(.compact) .show-when-expanded{display:grid}.quest-box.compact{width:var(--right-hud-width);display:grid;grid-template-areas:"title copy toggle";grid-template-columns:auto minmax(0,1fr) 30px;align-items:center;gap:10px;padding:8px 10px}.quest-box.compact .quest-box-head{display:contents}.quest-box.compact h1{grid-area:title}.quest-box.compact .quest-size-toggle{grid-area:toggle}.quest-box.compact .quest-copy{grid-area:copy;min-width:0;margin:0}.quest-box.compact #quest-text,.quest-box.compact .npc-prompt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.quest-box.compact .npc-prompt{display:none;margin:0!important}.quest-box.compact .position-info,.quest-box.compact.has-prompt #quest-text{display:none}.quest-box.compact.has-prompt .npc-prompt{display:block}.splat-status{position:absolute;top:18px;left:50%;z-index:12;display:flex;align-items:center;gap:9px;min-height:36px;max-width:min(420px,calc(100vw - 32px));padding:8px 12px;border:1px solid rgba(128,210,255,.32);border-radius:6px;background:#060e12d6;color:#dff5ff;box-shadow:0 12px 32px #00000057;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;font-weight:700;transform:translate(-50%);transition:opacity .22s ease,visibility .22s ease}.splat-status.hidden{visibility:hidden;opacity:0}.objective-indicator,.target-panel{position:absolute;left:50%;z-index:11;transform:translate(-50%);border:1px solid rgba(238,247,242,.18);background:#070e0db8;box-shadow:0 12px 30px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.objective-indicator{top:18px;min-width:220px;max-width:calc(100vw - 520px);min-height:42px;padding:7px 12px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:7px;transition:top .18s ease}.splat-status:not(.hidden)~.objective-indicator{top:66px}.objective-indicator[hidden],.target-panel[hidden]{display:none}.objective-arrow{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;color:#f4d35e;filter:drop-shadow(0 0 5px rgba(244,211,94,.4));transition:transform 90ms linear}.objective-arrow svg{width:20px;height:20px}.objective-indicator>div{min-width:0;display:flex;align-items:baseline;gap:8px}.objective-indicator strong{overflow:hidden;color:#f4f7f2;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.objective-indicator span{color:#f4d35e;font-size:11px;font-weight:800}.target-panel{top:72px;width:min(300px,calc(100vw - 32px));padding:9px 11px 10px;border-radius:7px;transition:border-color .1s ease,transform .1s ease}.target-panel.hit{border-color:#fff1a6cc;transform:translate(-50%) scale(1.02)}body.party-mode-active .quest-box,body.party-mode-active .objective-indicator{display:none!important}.target-panel.locked{border-color:#ffd166b8;box-shadow:0 0 0 1px #ffd1662e,0 12px 30px #0000004d}.target-toggle.is-on{border-color:#ffd166d1;color:#fff0a8;background:#744e0cb8;box-shadow:0 0 16px #ffd16647}.target-reticle{position:absolute;z-index:17;width:46px;height:46px;border:2px solid rgba(255,220,107,.95);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:inset 0 0 12px #ffd16647,0 0 14px #ffd16661}.target-reticle:before,.target-reticle:after{content:"";position:absolute;top:50%;left:50%;background:#ffe38a;transform:translate(-50%,-50%)}.target-reticle:before{width:58px;height:2px}.target-reticle:after{width:2px;height:58px}.target-reticle[hidden]{display:none}.target-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}.target-panel-head strong{color:#fff5cf;font-size:12px}.target-panel-head span{color:#b8c9c4;font-size:10px}.target-hp-track{height:7px;overflow:hidden;border-radius:999px;background:#ffffff1f}.target-hp-track i{display:block;width:100%;height:100%;border-radius:inherit;background:#e8675d;transition:width .12s ease}.splat-status-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#65d6ff;box-shadow:0 0 12px #65d6ffcc;animation:splatPulse 1.1s ease-in-out infinite}.splat-status[data-mode=ready] .splat-status-dot{background:#76e5a8;box-shadow:0 0 12px #76e5a8b8;animation:none}.splat-status[data-mode=error]{border-color:#ffb26b61;color:#ffe3c1}.splat-status[data-mode=error] .splat-status-dot{background:#ffb26b;box-shadow:0 0 12px #ffb26bb8;animation:none}@keyframes splatPulse{50%{opacity:.42;transform:scale(.76)}}.center-tip{align-self:center;justify-self:center;min-width:min(500px,calc(100vw - 32px));max-width:640px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:#050909c2;padding:18px;text-align:center;pointer-events:auto;cursor:pointer;box-shadow:0 18px 45px #0000005c}.center-tip strong{display:block;font-size:clamp(22px,4vw,42px);line-height:1.08;letter-spacing:0;margin-bottom:10px}.center-tip span{display:block;color:#d8ede6;line-height:1.55}.weapon-strip,.spell-strip,.quick-slots{pointer-events:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.menu-dropdown{position:absolute;bottom:calc(100% + 8px);right:0;z-index:20;pointer-events:auto;display:grid;min-width:176px;overflow:hidden;border:1px solid rgba(238,247,242,.2);border-radius:8px;background:#0c1614fa;box-shadow:0 14px 34px #00000080}.menu-dropdown button{display:flex;align-items:center;gap:10px;padding:10px 13px;border:0;background:none;color:#d8ede6;font-size:12px;text-align:left;cursor:pointer}.menu-dropdown button:hover{background:#7bdff224}.menu-dropdown .touch-menu-only{display:none}body.touch-mode .menu-dropdown .touch-menu-only{display:flex}.credits-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;padding:0;border:1px solid #44635a;border-radius:14px;background:#10211d;color:#e5f7f4;overflow-y:auto;overscroll-behavior:contain}.credits-dialog::backdrop{background:#000000a6}.credits-dialog header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #44635a}.credits-dialog h2{margin:0;font-size:20px}.credits-content{padding:0 20px 16px;font-size:14px;line-height:1.75}.credits-content h3{font-size:15px;margin-bottom:8px}.credits-content a{color:#baf7e8;text-decoration:underline;overflow-wrap:anywhere}.map-place-detail{--place-color: #22d3ee;position:fixed;z-index:120;right:max(18px,env(safe-area-inset-right));top:50%;width:min(360px,calc(100vw - 36px));max-height:min(72vh,620px);overflow:auto;padding:18px;border:1px solid color-mix(in srgb,var(--place-color) 65%,white 15%);border-radius:16px;background:#051516f0;color:#effbf8;box-shadow:0 22px 60px #00000094,inset 4px 0 var(--place-color);transform:translateY(-50%);pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.map-place-detail[hidden]{display:none}.map-place-detail-close{position:absolute;top:9px;right:10px;width:34px;height:34px;border:0;border-radius:50%;background:#ffffff1a;color:#fff;font-size:22px;cursor:pointer}.map-place-detail-hero{display:flex;align-items:center;gap:13px;padding-right:30px}.map-place-detail-icon{flex:0 0 54px;width:54px;height:54px;display:grid;place-items:center;border:3px solid white;border-radius:50% 50% 50% 10px;background:var(--place-color);color:#fff;font-size:24px;font-weight:900;box-shadow:0 8px 20px #00000059;transform:rotate(-10deg)}.map-place-detail-category{margin:0 0 3px;color:var(--place-color);font-size:11px;font-weight:900;letter-spacing:.12em}.map-place-detail-name{margin:0;font-size:21px;line-height:1.3}.map-place-detail-photo{width:100%;max-height:190px;object-fit:cover;margin:15px 0 0;border-radius:11px}.map-place-detail-description{margin:14px 0 0;color:#d8ebe7;font-size:13px;line-height:1.65}.map-place-detail-meta{display:grid;grid-template-columns:70px 1fr;gap:8px 10px;margin:15px 0 0;font-size:12px}.map-place-detail-meta dt{color:#86aaa4;font-weight:800}.map-place-detail-meta dd{margin:0;color:#eef8f5}.map-place-detail-link{display:block;margin-top:15px;padding:10px 12px;border-radius:9px;background:var(--place-color);color:#061817;font-size:13px;font-weight:900;text-align:center;text-decoration:none}.map-place-detail-source{margin:13px 0 0;color:#789993;font-size:10px;line-height:1.45}.map-place-community{display:grid;gap:18px;margin-top:16px;padding-top:15px;border-top:1px solid rgb(255 255 255 / 12%)}.map-place-community-block{display:grid;gap:9px}.map-place-community h3{margin:0;font-size:14px}.map-place-review-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.map-place-rating-summary{color:#ffd166;font-size:12px;white-space:nowrap}.map-place-photo-gallery{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(130px,72%);gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.map-place-photo-gallery figure{min-width:0;margin:0;scroll-snap-align:start}.map-place-photo-gallery img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:9px;background:#ffffff0f}.map-place-photo-gallery figcaption{margin-top:4px;overflow:hidden;color:#9dbbb5;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.map-place-public-reviews{display:grid;gap:8px}.map-place-public-review{padding:10px;border-radius:9px;background:#ffffff0f}.map-place-public-review>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 8px}.map-place-public-review strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.map-place-review-stars{color:#ffd166;font-size:11px;letter-spacing:.06em}.map-place-public-review time{grid-column:1 / -1;color:#789993;font-size:9px}.map-place-public-review p{margin:7px 0 0;color:#dceeea;font-size:12px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.map-place-photo-form,.map-place-public-review-form{display:grid;gap:8px;padding:10px;border:1px solid rgb(255 255 255 / 10%);border-radius:10px;background:#0000001f}.map-place-photo-form[hidden],.map-place-public-review-form[hidden]{display:none}.map-place-photo-form label,.map-place-public-review-form label{display:grid;gap:4px;color:#a9c7c0;font-size:10px;font-weight:800}.map-place-photo-form input,.map-place-public-review-form input,.map-place-public-review-form select,.map-place-public-review-form textarea{width:100%;min-width:0;box-sizing:border-box;border:1px solid rgb(255 255 255 / 16%);border-radius:7px;background:#031011cc;color:#fff;font:inherit;font-size:12px;padding:8px}.map-place-public-review-form textarea{resize:vertical}.map-place-photo-form button,.map-place-public-review-form button{min-height:36px;border:0;border-radius:8px;background:var(--place-color);color:#061817;font-size:12px;font-weight:900;cursor:pointer}.map-place-photo-form button:disabled,.map-place-public-review-form button:disabled{opacity:.55;cursor:wait}.map-place-photo-form small{color:#789993;font-size:9px}.map-place-community-empty,.map-place-community-login,.map-place-community-message{margin:0;color:#91afa8;font-size:11px;line-height:1.5}.map-place-community-message{min-height:1.5em;color:#baf7e8}@media(max-width:900px)and (orientation:landscape){.map-place-detail{right:10px;top:10px;bottom:10px;width:min(320px,44vw);max-height:none;transform:none}.map-place-detail-photo{max-height:110px}.map-place-photo-gallery{grid-auto-columns:58%}}@media(max-width:600px)and (orientation:portrait){.map-place-detail{right:max(8px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));bottom:max(8px,env(safe-area-inset-bottom));width:min(360px,calc(100vw - 16px));max-height:none;box-sizing:border-box;transform:none}}.menu-mode-label{padding:8px 13px 4px;border-top:1px solid rgba(238,247,242,.1);color:#91b8af;font-size:10px;font-weight:800;letter-spacing:.08em}.menu-mode-switch{display:grid;padding-bottom:5px;border-bottom:1px solid rgba(238,247,242,.1)}.menu-mode-switch button{min-height:42px}.menu-mode-switch button.active{color:#fff0ba;background:#e9c46a29}.menu-mode-switch button.active:after{content:"選択中";margin-left:auto;color:#e9c46a;font-size:9px;font-weight:800}.weapon-button,.spell-button,.slot-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;min-width:42px;border:1px solid rgba(238,247,242,.17);border-radius:8px;color:#edf9f5;background:#081111ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;box-shadow:0 10px 25px #00000040}.weapon-button{gap:7px;padding:0 12px;font-weight:700}.weapon-button svg,.slot-button svg,.icon-button svg{width:18px;height:18px;stroke-width:2.2}#potion-slot{background-image:url(/ui/metachi-items.webp);background-position:0 0;background-size:400% 200%}#potion-slot svg{opacity:0}.weapon-button.active,.spell-button.active,.slot-button.ready{border-color:#f4d160d9;background:#48320db8}.spell-button{width:44px;height:44px;font-weight:800}.spell-button.locked{opacity:.45;cursor:default}.map-fade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;background:#05090a;opacity:0;pointer-events:none;transition:opacity .6s ease}.map-fade.is-black{opacity:1;pointer-events:auto}.bottom-left{display:grid;gap:10px}.hud-chat{display:grid;gap:6px;width:min(380px,calc(100vw - 24px));pointer-events:none}.hud-chat-log{display:flex;flex-direction:column;gap:3px;max-height:calc(7.25em + 16px);overflow-y:auto;overscroll-behavior:contain;padding:8px 10px;border:1px solid rgba(238,247,242,.16);border-radius:8px;background:#070e0da3;box-shadow:0 14px 34px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;line-height:1.45;color:#d8ede6;pointer-events:auto}.hud-chat-log:empty{display:none}.hud-chat-line{margin:0;overflow-wrap:anywhere;flex-shrink:0}.hud-chat-line strong{margin-right:6px;color:#7bdff2;font-weight:600}.hud-chat-line{transition:opacity .8s ease}.hud-chat-line.is-fading{opacity:0}.hud-chat-line.is-system,.hud-chat-line.is-notice{color:#d8ede69e;font-size:11px}.hud-chat-compose{display:flex;gap:6px;align-items:center;pointer-events:auto}.hud-chat-compose input{flex:1 1 auto;min-width:0;height:34px;padding:0 10px;border:1px solid rgba(238,247,242,.2);border-radius:8px;background:#070e0dd1;color:#eef7f2;font:inherit;font-size:13px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:max(16px,13px)}.hud-chat-compose input:focus{outline:none;border-color:#7bdff299}.hud-chat-send{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(238,247,242,.2);border-radius:8px;background:#070e0dd1;color:#dff6fb;cursor:pointer;touch-action:manipulation;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-chat-send svg{width:16px;height:16px}body.touch-mode .hud-chat{position:fixed;left:max(10px,env(safe-area-inset-left));top:92px;width:min(250px,52vw);z-index:25}body.touch-mode .hud-chat-log{max-height:84px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:12px;color:#f2fbf7;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.8)}body.touch-mode .hud-chat-line.is-system,body.touch-mode .hud-chat-line.is-notice{color:#e2f0ebbf}body.touch-mode .hud-chat-compose{display:none}body.touch-mode.chat-composing .hud-chat-compose{display:flex;position:fixed;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));z-index:60}body.touch-mode.chat-composing .hud-chat-compose input{height:42px}body.touch-mode.chat-composing .hud-chat-send{width:42px;height:42px}body.touch-mode.chat-composing .hud-chat-log{max-height:168px}body.touch-mode.chat-composing .touch-side,body.touch-mode.chat-composing .touch-actions,body.touch-mode.chat-composing .touch-stick{display:none}.top-right,.bottom-right{display:grid;justify-items:end;gap:10px}.bottom-right{position:relative}.loot-log,.chat-panel,.inventory-panel,.keyconfig-panel,.profile-panel,.social-panel,.shop-panel,.place-panel{position:absolute;top:clamp(62px,8vh,92px);right:clamp(12px,2vw,22px);width:min(420px,calc(100vw - 24px));max-height:calc(100vh - 130px);pointer-events:auto;border-radius:8px;border:1px solid rgba(238,247,242,.18);background:#070e0ddb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 22px 62px #0000006b;display:none;overflow:hidden}.inventory-panel.open{display:grid;z-index:100;grid-template-rows:auto auto 1fr auto}.chat-panel.open{display:grid;grid-template-rows:auto minmax(0,1fr)}.chat-panel-title{display:flex;align-items:center;gap:9px}.chat-panel-title>svg{width:20px;height:20px;color:#7bdff2}.chat-panel-title h2{margin:0}.chat-panel-title span{display:block;margin-top:2px;color:#91b8af;font-size:11px}.chat-setup,.chat-room{min-height:0;padding:14px}.chat-setup[hidden],.chat-room[hidden]{display:none}.chat-setup{display:grid;gap:12px}.lobby-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;color:#d8ede6;font-size:12px}.lobby-summary>div{display:flex;align-items:center;gap:7px;min-width:0}#lobby-status-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#789d95}#lobby-status-dot.connecting{background:#f4d160;box-shadow:0 0 8px #f4d16080}#lobby-status-dot.connected{background:#70d6a3;box-shadow:0 0 8px #70d6a38c}.lobby-players{min-width:0;color:#91b8af;font-size:11px}.voice-roster{display:grid;gap:3px;min-width:0;max-height:132px;overflow-y:auto}.voice-roster-row{display:flex;align-items:center;gap:6px;min-width:0;padding:3px 0}.voice-roster-name{flex:1 1 auto;overflow:hidden;color:#d8ede6;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.voice-roster-empty{margin:0;color:#7a9c94;font-size:11px}.voice-mute-button{display:grid;flex:0 0 auto;place-items:center;width:26px;height:26px;padding:0;border:1px solid rgba(238,247,242,.16);border-radius:8px;background:#0c16148c;color:#91b8af;cursor:pointer}.voice-mute-button svg{width:14px;height:14px}.voice-mute-button:hover{border-color:#eef7f257;color:#d8ede6}.voice-mute-button.is-muted{border-color:#d95b539e;background:#d95b532e;color:#ff9d94}.room-directory{display:grid;gap:7px;padding:10px 0;border-top:1px solid rgba(238,247,242,.1);border-bottom:1px solid rgba(238,247,242,.1)}.room-directory-head{display:flex;align-items:center;justify-content:space-between;color:#d8ede6;font-size:12px}.room-directory-head span{color:#91b8af}.room-directory-list{display:grid;gap:6px;max-height:132px;overflow-y:auto}.room-directory-row{display:grid;grid-template-columns:minmax(0,1fr) 62px;align-items:center;gap:8px;min-height:42px;padding:6px 7px 6px 9px;border:1px solid rgba(238,247,242,.1);border-radius:6px;background:#ffffff0b}.room-directory-row>div{display:grid;min-width:0}.room-directory-row strong,.room-directory-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-directory-row strong{color:#eef7f2;font-size:12px}.room-directory-row span{color:#91b8af;font-size:10px}.room-directory-row button{height:30px;border:1px solid rgba(123,223,242,.45);border-radius:6px;background:#0d4852a6;color:#bff5ff;font-size:11px;font-weight:800;cursor:pointer}.room-directory-empty{margin:0;padding:8px 0;color:#789d95;font-size:11px;text-align:center}.chat-field{display:grid;gap:6px;min-width:0}.chat-field span,.chat-room-bar span{color:#91b8af;font-size:11px;font-weight:700}.chat-field input,.chat-compose input{min-width:0;height:40px;border:1px solid rgba(238,247,242,.18);border-radius:6px;outline:none;background:#ffffff12;color:#f4fbf8;padding:0 11px;font:inherit}.chat-field input:focus,.chat-compose input:focus{border-color:#7bdff2b8}.chat-primary-button,.chat-secondary-button,.voice-button,.chat-compose button{height:40px;border:1px solid rgba(238,247,242,.18);border-radius:6px;background:#ffffff14;color:#eef7f2;font-weight:800;cursor:pointer}.chat-primary-button{border-color:#f4d1608c;background:#48320db8}.chat-primary-button:disabled,.chat-secondary-button:disabled{cursor:wait;opacity:.5}.chat-join-row{display:grid;grid-template-columns:1fr 88px;align-items:end;gap:8px}.chat-secondary-button,.voice-button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.chat-secondary-button svg,.voice-button svg,.chat-compose button svg{width:17px;height:17px}.chat-error{min-height:18px;margin:0;color:#ff9d91;font-size:12px}.chat-room{display:grid;grid-template-rows:auto auto auto auto minmax(100px,1fr) auto;gap:10px;overflow:hidden}.chat-room-bar{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px}.chat-room-bar>div{display:grid;gap:2px}.chat-room-bar strong{color:#f4d160;font-size:18px;letter-spacing:2px}.icon-button.danger{color:#ff9d91}.chat-presence{display:flex;align-items:center;gap:9px;min-width:0;color:#91b8af;font-size:11px}.chat-presence span:first-child{flex:0 0 auto;color:#d8ede6;font-weight:800}.chat-presence-hint{overflow:hidden;color:#7a9c94;text-overflow:ellipsis;white-space:nowrap}.room-mode-control{display:grid;gap:7px;min-width:0;padding:9px 0;border-top:1px solid rgba(238,247,242,.1);border-bottom:1px solid rgba(238,247,242,.1)}.room-mode-head,.room-mode-actions,.party-hud-head,.draw-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.room-mode-head strong{color:#f4d160;font-size:11px;letter-spacing:1px}.room-mode-head span{color:#789d95;font-size:10px}#mode-selected{margin:0;overflow:hidden;color:#d8ede6;font-size:11px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.party-mode-grid{display:grid;grid-auto-columns:126px;grid-auto-flow:column;grid-template-rows:repeat(2,58px);gap:6px;max-width:100%;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.party-mode-grid.locked .party-mode-option:not(.selected){opacity:.45}.party-mode-option{position:relative;display:grid;align-content:center;gap:2px;min-width:0;padding:6px 50px 6px 10px;overflow:hidden;border:1px solid rgba(238,247,242,.11);border-radius:6px;outline:none;background:#ffffff0b;color:#eef7f2;text-align:left;cursor:pointer}.party-mode-option:before{content:"";position:absolute;top:0;right:0;width:58px;height:58px;background-image:linear-gradient(90deg,#070e0df5,#070e0d0d 48%),url(/ui/metachi-mode-atlas.webp);background-position:center,var(--mode-art-x) var(--mode-art-y);background-size:100% 100%,500% 200%;opacity:.72}.party-mode-option:after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--mode-color);box-shadow:0 0 12px color-mix(in srgb,var(--mode-color) 70%,transparent)}.party-mode-option.selected{border-color:var(--mode-color);background:color-mix(in srgb,var(--mode-color) 18%,rgba(7,14,13,.9))}.party-mode-option strong,.party-mode-option span{position:relative;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-mode-option strong{font-size:11px}.party-mode-option span{color:#91b8af;font-size:9px}.mode-start-button,.mode-end-button{width:100%;min-height:34px;border:1px solid rgba(244,209,96,.5);border-radius:6px;background:#48320db8;color:#fff4c4;font-weight:800;cursor:pointer}.mode-start-button:disabled{border-color:#eef7f21f;background:#ffffff0b;color:#789d95;cursor:not-allowed}.mode-end-button{border-color:#ff6f6880;background:#5c1919ad;color:#ffd5d1}.party-hud{position:absolute;top:18px;left:50%;z-index:4;width:min(560px,calc(100vw - 420px));min-width:320px;transform:translate(-50%);overflow:hidden;pointer-events:none;border:1px solid color-mix(in srgb,var(--mode-color) 48%,rgba(238,247,242,.18));border-radius:7px;background:#070e0dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 38px #00000047;padding:9px 108px 9px 12px}.party-hud:before{content:"";position:absolute;top:50%;right:5px;width:94px;height:94px;transform:translateY(-50%);background-image:linear-gradient(90deg,#070e0deb,#070e0d0a 50%),url(/ui/metachi-mode-atlas.webp);background-position:center,var(--mode-art-x) var(--mode-art-y);background-size:100% 100%,500% 200%;opacity:.58}.party-hud:after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--mode-color);box-shadow:0 0 18px var(--mode-color)}.party-hud>*{position:relative;z-index:1}.party-hud-head strong{color:color-mix(in srgb,var(--mode-color) 72%,white);font-size:14px}.party-hud-head span{color:#fff;font-size:18px;font-variant-numeric:tabular-nums;font-weight:900}.party-hud p{margin:3px 0 4px;overflow:hidden;color:#eef7f2;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.party-hud[data-mode=quiz]{width:min(720px,calc(100vw - 420px))}.quiz-question{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;margin:5px 0 4px}.quiz-question[hidden]{display:none}.quiz-question span{display:grid;height:32px;place-items:center;border:1px solid color-mix(in srgb,var(--mode-color) 72%,white);border-radius:5px;background:color-mix(in srgb,var(--mode-color) 28%,rgba(7,14,13,.88));color:#fff;font-size:13px;font-weight:900}.quiz-question strong{overflow-wrap:anywhere;color:#fff;font-size:16px;line-height:1.35}#party-scores{overflow:hidden;color:#a9c5bc;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.party-hud-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.party-hud-foot #party-scores{min-width:0}#party-action-button{min-width:62px;min-height:30px;flex:0 0 auto;pointer-events:auto;border:1px solid color-mix(in srgb,var(--mode-color) 72%,white);border-radius:6px;background:color-mix(in srgb,var(--mode-color) 32%,rgba(7,14,13,.9));color:#fff;font-weight:900;cursor:pointer}#party-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 7px;margin:5px 0 7px}#party-options[hidden]{display:none}#party-options span{overflow:hidden;border:1px solid rgba(217,243,255,.16);border-radius:4px;background:#ffffff0e;color:#d9f3ff;padding:4px 7px;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}#party-options span.correct{border-color:#82e39f;background:#28804661;color:#e5ffec}.party-overlay{position:absolute;top:25%;left:50%;z-index:7;display:none;width:min(620px,calc(100vw - 32px));transform:translate(-50%);pointer-events:none;overflow:hidden;border:1px solid color-mix(in srgb,var(--mode-color) 46%,rgba(238,247,242,.22));border-radius:8px;background:#050b0ce6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 70px #00000075;padding:18px 20px;text-align:center}.party-overlay:before{content:"";position:absolute;top:50%;right:-24px;width:176px;height:176px;transform:translateY(-50%);background-image:url(/ui/metachi-mode-atlas.webp);background-position:var(--mode-art-x) var(--mode-art-y);background-size:500% 200%;opacity:.16}.party-overlay>*{position:relative;z-index:1}.party-overlay.open{display:block}.party-overlay h2{margin:0 0 8px;color:color-mix(in srgb,var(--mode-color) 68%,white);font-size:26px}.party-overlay p{margin:0;color:#eef7f2;font-size:14px;line-height:1.6;white-space:pre-line}.party-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:13px;pointer-events:auto}.party-actions:empty{display:none}.party-actions button{min-height:36px;border:1px solid rgba(201,95,104,.6);border-radius:6px;background:#4b181fc7;color:#ffe5e7;padding:0 12px;font-weight:800;cursor:pointer}.party-actions button:disabled{opacity:.45}.party-actions button.party-key-selected,#party-action-button.party-key-selected,.draw-tools button.party-key-selected,#draw-clear.party-key-selected{outline:2px solid #ffffff;outline-offset:2px;border-color:var(--mode-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--mode-color) 46%,transparent),0 0 20px color-mix(in srgb,var(--mode-color) 55%,transparent);transform:translateY(-1px)}.draw-panel{position:absolute;top:112px;left:50%;z-index:6;width:min(640px,calc(100vw - 32px));transform:translate(-50%);pointer-events:auto;border:1px solid rgba(238,247,242,.2);border-radius:8px;background:#070e0deb;box-shadow:0 22px 62px #0000006b;padding:10px}.draw-panel-head{min-height:34px;color:#dff7e2}.draw-panel-head button,#draw-guess-form button{min-height:32px;border:1px solid rgba(238,247,242,.16);border-radius:6px;background:#ffffff14;color:#eef7f2;padding:0 12px;cursor:pointer}.draw-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;margin:3px 0 7px}.draw-colors,.draw-sizes{display:flex;align-items:center;gap:6px}.draw-tools button{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(238,247,242,.18);border-radius:5px;background:#ffffff0f;cursor:pointer}.draw-tools button.active{border-color:#f4d160;background:#f4d16029}.draw-colors span{width:17px;height:17px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:var(--draw-color)}.draw-sizes span{width:var(--draw-size);height:var(--draw-size);border-radius:50%;background:#eef7f2}#draw-canvas{display:block;width:100%;aspect-ratio:12 / 7;border-radius:5px;background:#f7fbf8;cursor:not-allowed;touch-action:none}#draw-canvas.drawable{cursor:crosshair}#draw-guess-form{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:7px;margin-top:8px}#draw-guess-form input{min-width:0;height:36px;border:1px solid rgba(238,247,242,.16);border-radius:6px;outline:none;background:#ffffff12;color:#eef7f2;padding:0 10px}.voice-button{width:100%}.voice-button.active{border-color:#7bdff2b8;background:#0d4852bf;color:#bff5ff}.chat-messages{min-height:0;overflow-y:auto;padding:9px;border:1px solid rgba(238,247,242,.1);border-radius:6px;background:#0000002e}.chat-message+.chat-message,.chat-message+.chat-notice,.chat-notice+.chat-message{margin-top:10px}.chat-message>div{display:flex;justify-content:space-between;gap:10px}.chat-message strong{color:#bff5ff;font-size:12px}.chat-message time,.chat-notice{color:#789d95;font-size:10px}.chat-message p{margin:3px 0 0;overflow-wrap:anywhere;color:#eef7f2;font-size:13px;line-height:1.45}.chat-notice{margin:7px 0;text-align:center}.chat-compose{display:grid;grid-template-columns:1fr 42px;gap:7px}.chat-compose button{width:42px;padding:0;background:#0d4852bf}#chat-toggle.connected{border-color:#7bdff2b8;color:#bff5ff}.keyconfig-panel.open{display:grid;grid-template-rows:auto minmax(0,1fr)}.settings-scroll-hint{position:absolute;inset:auto 0 0;height:28px;background:linear-gradient(transparent,#070e0db8);pointer-events:none}.settings-scroll-hint:after{content:"";position:absolute;left:calc(50% - 3px);bottom:8px;width:6px;height:6px;border-right:1px solid rgba(217,246,241,.65);border-bottom:1px solid rgba(217,246,241,.65);transform:rotate(45deg)}.settings-scroll-hint.is-complete{visibility:hidden}body.touch-mode #keyconfig-panel{max-height:calc(100dvh - 60px - var(--map-credit-height, 32px) - env(safe-area-inset-bottom))}@media(max-height:480px)and (orientation:landscape){body.touch-mode #keyconfig-panel{max-height:none;bottom:calc(max(8px,env(safe-area-inset-bottom)) + var(--map-credit-height, 32px))}}.profile-panel.open{display:grid;grid-template-rows:auto 1fr}.profile-body{overflow:auto;padding:12px 14px 14px;display:grid;gap:12px}.profile-login-notice{margin:0;color:#a9c5bc;font-size:13px}.profile-form{display:grid;gap:12px}.profile-stats-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:#d8ede6}.profile-stats-row span{padding:4px 8px;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.profile-section{display:grid;gap:8px;padding:10px;border-radius:8px;background:#ffffff0e;border:1px solid rgba(255,255,255,.075)}.profile-section h3{margin:0;font-size:13px;font-weight:700}.profile-field{display:grid;gap:4px;font-size:12px}.profile-field span{opacity:.75}.profile-field input,.profile-field select,.profile-field textarea{background:#00000047;border:1px solid rgba(238,247,242,.16);border-radius:6px;color:#eef7f2;padding:7px 9px;font-size:13px;font-family:inherit}.profile-field textarea{resize:vertical}.profile-visibility-toggle{display:flex;align-items:center;gap:6px;font-size:11px;opacity:.8}.profile-visibility-toggle input{width:14px;height:14px;accent-color:#7bdff2}.profile-inline-toggles{display:flex;gap:14px;flex-wrap:wrap}.profile-sns-list{display:grid;gap:6px}.profile-sns-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:#ffffff0d;font-size:12px}.profile-sns-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.75}.profile-sns-add{display:grid;grid-template-columns:auto 1fr auto;gap:8px}.profile-note{margin:0;font-size:11px;opacity:.66}.profile-form-actions{display:flex;align-items:center;gap:10px}.profile-save-message{font-size:12px;opacity:.8}.profile-badges-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#0000008c}.profile-badges-box{width:min(420px,calc(100vw - 32px));max-height:80vh;border-radius:8px;border:1px solid rgba(238,247,242,.18);background:#070e0df0;box-shadow:0 22px 62px #0000006b;overflow:hidden;display:grid;grid-template-rows:auto 1fr}.profile-badges-body{overflow:auto;padding:12px 14px 14px;display:grid;gap:8px}.profile-badge-row{display:grid;gap:4px;padding:8px 10px;border-radius:6px;background:#ffffff0d}.profile-badge-row p{margin:0;font-size:11px;opacity:.7}.profile-badge-type{justify-self:start;font-size:10px;padding:2px 6px;border-radius:4px}.profile-badge-type-common{background:#b4c8c840}.profile-badge-type-rare{background:#7bdff24d}.profile-badge-type-metachi{background:#ffd2784d}.shop-panel.open,.place-panel.open{display:grid;grid-template-rows:auto 1fr}.place-panel-body{min-height:0;overflow-y:auto;padding:12px 14px 16px}.place-form{display:grid;gap:10px}.place-form label{display:grid;gap:5px;color:#eef7f2d1;font-size:12px}.place-form input,.place-form select,.place-form textarea{width:100%;min-width:0;padding:9px 10px;border:1px solid rgba(238,247,242,.2);border-radius:6px;background:#ffffff14;color:#f3fbf8;font:inherit}.place-form select option{color:#111}.place-coordinate-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.place-submit{min-height:42px}.place-form-message{min-height:1.4em;margin:0;color:#baf7e8;font-size:12px}.place-review-section{margin-top:18px;border-top:1px solid rgba(238,247,242,.14)}.place-review-list{display:grid;gap:8px}.place-review-card{display:grid;gap:5px;padding:9px;border-radius:6px;background:#ffffff0f}.place-review-card>span{font-size:11px;opacity:.72}.place-review-card>div{display:flex;gap:8px}.place-review-card .danger{border-color:#f871718c;color:#fecaca}.place-attribution-note{margin:16px 0 0;font-size:10px;opacity:.62}.favorite-list-section{margin-top:18px;border-top:1px solid rgba(238,247,242,.14)}.favorite-list{display:grid;gap:8px}.favorite-card{display:grid;gap:7px;padding:10px;border-radius:7px;background:#ffffff0f}.favorite-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.favorite-card>small{opacity:.72}.favorite-card>div:last-child{display:flex;flex-wrap:wrap;gap:7px}.favorite-default-badge{padding:2px 7px;border-radius:999px;background:#83bcaf3d;color:#baf7e8;font-size:10px;white-space:nowrap}.panel-head{padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}.panel-head h2{font-size:16px;margin:0}.tabs{display:flex;gap:6px;padding:10px 14px 0}.tab-button{flex:1;min-height:34px;border:1px solid rgba(238,247,242,.14);border-radius:8px;background:#ffffff0f;color:#d8ede6;cursor:pointer}.tab-button.active{background:#eef7f224;color:#fff}.panel-body{overflow:auto;padding:12px 14px 14px}.social-panel.open{display:grid;grid-template-rows:auto 1fr}.social-body{overflow:auto;padding:12px 14px 14px;display:grid;gap:12px}.social-section,.social-profile-view{display:grid;gap:8px;padding:10px;border-radius:8px;background:#ffffff0e;border:1px solid rgba(255,255,255,.075)}.social-section h3,.social-profile-view h3{margin:0;font-size:13px;color:#bff5ff}.social-list{display:grid;gap:7px;color:#91b8af;font-size:12px}.social-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.social-row>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.social-row .small-button{padding:4px 7px;font-size:10px}.social-online-dot{width:8px;height:8px;border-radius:50%;background:#58706a}.social-online-dot.is-online{background:#73e39a;box-shadow:0 0 8px #73e39ab3}.social-profile-view p{margin:0;color:#d8ede6;font-size:12px;line-height:1.55}.skill-menu-summary{display:grid;gap:4px;padding:10px 12px;margin-bottom:10px;border:1px solid rgba(123,223,242,.28);border-radius:9px;background:#14485647}.skill-menu-summary span,.skill-card small{font-size:11px;opacity:.74}.skill-tree-list{display:grid;gap:7px}.skill-card{width:100%;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:9px;padding:9px;color:#e8f5f0;text-align:left;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b}.skill-card.unlocked:not(:disabled){cursor:pointer}.skill-card.selected{border-color:#ffd166;background:#ffd16621}.skill-card.locked{opacity:.42}.skill-level{font-size:11px;color:#7bdff2}.skill-copy{display:grid;gap:2px}.skill-state{font-size:10px;white-space:nowrap;color:#ffd166}.keyconfig-body{display:grid;gap:12px;overflow:auto;min-height:0;touch-action:pan-y;overscroll-behavior:contain;scrollbar-gutter:stable;padding:12px 14px 14px}.shop-body{overflow:auto;padding:12px 14px 14px}.shop-note{margin:0 0 12px;color:#a9c5bc;font-size:12px;line-height:1.5}.shop-list{display:grid;gap:10px}.product-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:11px;border-radius:8px;background:#ffffff0e;border:1px solid rgba(255,255,255,.075)}.product-card h3{margin:0 0 5px;font-size:14px}.product-card p{margin:0 0 7px;color:#a9c5bc;font-size:12px;line-height:1.45}.keyconfig-list{display:grid;gap:8px}.keyconfig-section{display:grid;gap:6px;padding:10px;border-radius:8px;background:#ffffff0e;border:1px solid rgba(255,255,255,.075)}.keyconfig-section h3{margin:0;font-size:13px;font-weight:700}.keyconfig-note{margin:0;font-size:11px;opacity:.66}.settings-choice-label{margin:6px 0 0;font-size:12px;font-weight:600}.keyconfig-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px}.keyconfig-choice-3{grid-template-columns:repeat(3,1fr)}.settings-row{display:grid;grid-template-columns:68px 1fr 46px;align-items:center;gap:10px;font-size:12px}.settings-row output{text-align:right;font-variant-numeric:tabular-nums;opacity:.8}.settings-row input[type=range]{width:100%;accent-color:#7bdff2}.settings-toggle{display:flex;align-items:center;gap:8px;font-size:12px}.settings-toggle input{width:16px;height:16px;accent-color:#7bdff2}.keyconfig-body{display:grid;gap:10px}.frame-error{position:fixed;left:10px;right:10px;bottom:10px;z-index:80;display:grid;gap:8px;padding:12px;border-radius:10px;border:1px solid rgba(255,138,128,.5);background:#280a0af0;color:#ffd9d4;font-size:12px;pointer-events:auto}.frame-error[hidden]{display:none}.diag-overlay{position:fixed;left:8px;top:50%;transform:translateY(-50%);z-index:75;padding:8px 10px;border-radius:8px;background:#030a09db;border:1px solid rgba(123,223,242,.4);color:#cfefff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.55;white-space:pre;pointer-events:none}.diag-overlay[hidden]{display:none}.frame-error-actions{display:flex;gap:8px}.frame-error pre{margin:0;max-height:30vh;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:11px;line-height:1.5}.settings-fold{display:block;padding:0}.settings-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;font-size:13px;font-weight:700;cursor:pointer;list-style:none}.settings-fold>summary::-webkit-details-marker{display:none}.settings-fold>summary svg{width:16px;height:16px;opacity:.7;transition:transform .16s ease}.settings-fold[open]>summary svg{transform:rotate(180deg)}.settings-fold[open]>.settings-fold-body{display:grid;gap:8px;padding:0 10px 10px}@media(prefers-reduced-motion:reduce){.settings-fold>summary svg{transition:none}}.keyconfig-choice .small-button.active{background:#e9c46a38;border-color:#e9c46a8c;color:#f6e4bb}.keyconfig-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:9px;border-radius:8px;background:#ffffff0e;border:1px solid rgba(255,255,255,.075)}.keyconfig-label{font-weight:700;font-size:13px}.keyconfig-alias{color:#a9c5bc;font-size:11px;line-height:1.35}.key-bind-button{min-width:112px}.key-bind-button.waiting{border-color:#f4d160d9;background:#48320db8}.equipment-grid{display:grid;gap:8px}.equip-row,.item-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;border-radius:8px;background:#ffffff0e;border:1px solid rgba(255,255,255,.075)}.item-row{grid-template-columns:54px minmax(0,1fr) auto}.item-art{display:block;width:52px;height:52px;border:1px solid rgba(238,247,242,.16);border-radius:6px;background-image:url(/ui/metachi-items.webp);background-position:var(--item-art-x, 0) var(--item-art-y, 0);background-size:400% 200%;box-shadow:inset 0 0 16px #00000047}.item-art.empty{background-image:none;background-color:#ffffff09}.item-slot-label{margin-bottom:2px;color:#78c9d8;font-size:10px;font-weight:800}.item-name{font-weight:700;font-size:13px}.item-meta{color:#a9c5bc;font-size:12px;line-height:1.35}.small-button{min-height:31px;border:1px solid rgba(238,247,242,.16);background:#eef7f21a;color:#edf9f5;border-radius:7px;cursor:pointer;padding:0 10px;white-space:nowrap}.crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);pointer-events:none}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#ffffffc7;box-shadow:0 0 8px #ffffff59}.crosshair{transition:scale 80ms ease}.crosshair.hit{scale:1.38}.crosshair.hit:before,.crosshair.hit:after{background:#fff1a6;box-shadow:0 0 12px #fff1a6cc}.damage-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;opacity:0;background:radial-gradient(circle at center,transparent 48%,rgba(194,31,45,.62) 100%);mix-blend-mode:screen;pointer-events:none;transition:opacity 70ms linear}.crosshair:before{left:8px;top:0;width:2px;height:18px}.crosshair:after{top:8px;left:0;width:18px;height:2px}.dialogue-box{position:absolute;left:50%;bottom:clamp(20px,7vh,72px);width:min(760px,calc(100vw - 32px));transform:translate(-50%);pointer-events:auto;display:none;border:1px solid rgba(238,247,242,.2);border-radius:8px;background:#070e0de6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 70px #0000007a;padding:14px 16px 16px}.dialogue-box.open{display:block}.dialogue-meta{display:flex;justify-content:space-between;gap:12px;color:#a9c5bc;font-size:12px}.dialogue-box h2{margin:4px 0 8px;font-size:18px;line-height:1.2}.dialogue-box p{margin:0;color:#eef7f2;line-height:1.7}.dialogue-topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));gap:6px;margin-top:12px}.dialogue-ai{display:grid;gap:8px;margin-top:12px}.dialogue-ai-heard{margin:0;color:#91b8af;font-size:12px}.dialogue-ai-form{display:flex;gap:8px;margin-bottom:8px}.dialogue-ai-input{flex:1;min-width:0;padding:9px 12px;border-radius:8px;border:1px solid rgba(238,247,242,.18);background:#070e0d8c;color:inherit;font:inherit;font-size:13px}.dialogue-ai-input:focus{outline:none;border-color:#7bdff299}.dialogue-ai-input:disabled{opacity:.5}.dialogue-ai-send{display:grid;place-items:center;width:40px;border-radius:8px;border:1px solid rgba(123,223,242,.4);background:#7bdff22e;color:#dff6fb}.dialogue-ai-send:disabled{opacity:.45}.dialogue-ai-send svg{width:18px;height:18px}.dialogue-ai-mic.is-thinking{animation:ai-thinking 1.1s ease-in-out infinite}@keyframes ai-thinking{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.dialogue-ai-mic.is-thinking{animation:none}}.dialogue-ai-controls{display:flex;gap:8px}.dialogue-ai-mic,.dialogue-ai-leave{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 16px;border:1px solid rgba(238,247,242,.2);border-radius:9px;background:#0c161499;color:#d8ede6;font-size:13px;font-weight:700;cursor:pointer}.dialogue-ai-mic{flex:1 1 auto;border-color:#7bdff273;color:#bdefff}.dialogue-ai-mic svg{width:16px;height:16px}.dialogue-ai-mic:disabled{opacity:.6;cursor:default}.dialogue-ai-mic.is-listening{border-color:#d95b53b3;background:#d95b5333;color:#ff9d94;animation:ai-mic-pulse 1.1s ease-in-out infinite}@keyframes ai-mic-pulse{50%{box-shadow:0 0 0 6px #d95b531f}}.dialogue-ai-note{margin:0;color:#ffd166;font-size:12px}@media(prefers-reduced-motion:reduce){.dialogue-ai-mic.is-listening{animation:none}}.ingame-windows{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40}.ingame-window{position:absolute;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(238,247,242,.22);border-radius:10px;background:#070e0df5;box-shadow:0 24px 68px #0000008c;pointer-events:auto}.ingame-window.is-focused{border-color:#7bdff280}.ingame-window.is-dragging .ingame-window-body{pointer-events:none;-webkit-user-select:none;user-select:none}.ingame-window-bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 12px;border-bottom:1px solid rgba(238,247,242,.12);background:#12201ee6;cursor:move;touch-action:none}.ingame-window-title{overflow:hidden;color:#d8ede6;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.ingame-window-buttons{display:flex;flex:0 0 auto;gap:4px}.ingame-window-buttons button{width:30px;height:28px;border:1px solid rgba(238,247,242,.16);border-radius:6px;background:#0c161499;color:#d8ede6;font-size:13px;line-height:1;cursor:pointer}.ingame-window-buttons button:hover{border-color:#eef7f25c}.ingame-window-buttons [data-window-action=close]:hover{border-color:#d95b53b3;background:#d95b5338;color:#ff9d94}.ingame-window-menu{position:absolute;top:calc(100% + 4px);right:8px;z-index:2;display:grid;min-width:176px;overflow:hidden;border:1px solid rgba(238,247,242,.2);border-radius:8px;background:#0c1614fa;box-shadow:0 14px 34px #00000080}.ingame-window-menu button{padding:10px 13px;border:0;background:none;color:#d8ede6;font-size:12px;text-align:left;cursor:pointer}.ingame-window-menu button:hover{background:#7bdff224}.ingame-window-body{position:relative;min-height:0;background:#fff}.ingame-window-frame{display:block;width:100%;height:100%;border:0}.ingame-window-blocked{display:grid;gap:10px;place-content:center;height:100%;padding:24px;background:#070e0df5;color:#91b8af;font-size:13px;text-align:center}.ingame-window-blocked strong{color:#d8ede6}.ingame-window-external{justify-self:center;padding:9px 18px;border:1px solid rgba(123,223,242,.5);border-radius:8px;background:#0c161499;color:#bdefff;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer}.ingame-window-external:hover{border-color:#7bdff2cc}.ingame-window-grip{position:absolute;touch-action:none}.ingame-window.is-maximized .ingame-window-grip{display:none}.ingame-window-grip[data-grip=n]{top:-3px;left:10px;right:10px;height:8px;cursor:ns-resize}.ingame-window-grip[data-grip=s]{bottom:-3px;left:10px;right:10px;height:8px;cursor:ns-resize}.ingame-window-grip[data-grip=w]{left:-3px;top:10px;bottom:10px;width:8px;cursor:ew-resize}.ingame-window-grip[data-grip=e]{right:-3px;top:10px;bottom:10px;width:8px;cursor:ew-resize}.ingame-window-grip[data-grip=nw]{top:-4px;left:-4px;width:16px;height:16px;cursor:nwse-resize}.ingame-window-grip[data-grip=se]{bottom:-4px;right:-4px;width:16px;height:16px;cursor:nwse-resize}.ingame-window-grip[data-grip=ne]{top:-4px;right:-4px;width:16px;height:16px;cursor:nesw-resize}.ingame-window-grip[data-grip=sw]{bottom:-4px;left:-4px;width:16px;height:16px;cursor:nesw-resize}.ingame-taskbar{position:absolute;bottom:0;left:0;right:0;display:flex;gap:6px;overflow-x:auto;padding:6px 8px;border-top:1px solid rgba(238,247,242,.14);background:#070e0de6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.ingame-tab{display:flex;flex:0 0 auto;align-items:center;max-width:220px;overflow:hidden;border:1px solid rgba(238,247,242,.18);border-radius:7px;background:#12201ee6}.ingame-tab-open{overflow:hidden;max-width:180px;padding:7px 8px 7px 11px;border:0;background:none;color:#d8ede6;font-size:12px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ingame-tab-close{padding:7px 9px;border:0;background:none;color:#7a9c94;font-size:13px;line-height:1;cursor:pointer}.ingame-tab-close:hover{color:#ff9d94}.shop-section-title{margin:14px 0 4px;color:#d8ede6;font-size:13px}.product-card.is-spot{border-left:2px solid rgba(123,223,242,.5)}.shop-spot-pending{align-self:center;color:#7a9c94;font-size:12px}.dialogue-topic{position:relative;display:flex;align-items:center;gap:8px;min-height:38px;padding:7px 12px 7px 8px;border:1px solid rgba(238,247,242,.16);border-radius:6px;background:#eef7f20d;color:inherit;font:inherit;text-align:left;cursor:pointer}.dialogue-topic:hover,.dialogue-topic:focus-visible{border-color:#ffd1669e;background:#ffd16624;outline:none}.dialogue-topic strong{font-size:13px;font-weight:600}.dialogue-topic[data-heard=true]{opacity:.6}.dialogue-topic-key{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:4px;background:#eef7f21f;color:#cfe3db;font-size:11px;font-weight:800}.dialogue-topic-tag{flex:none;padding:2px 6px;border-radius:999px;background:#7bdff229;color:#9fdbe8;font-size:10px;font-weight:700}.dialogue-topic-new{position:absolute;top:6px;right:7px;width:6px;height:6px;border-radius:50%;background:#ffd166;box-shadow:0 0 8px #ffd166d9}.dialogue-topic.is-leave{justify-content:flex-start;color:#a9c5bc}.touch-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;touch-action:none}.touch-layer.is-talking .touch-actions,.touch-layer.is-talking .touch-side,.touch-layer.is-talking .touch-topbar{display:none}body.touch-mode .dialogue-box.open{pointer-events:auto;cursor:pointer}.touch-stick{position:absolute;width:calc(var(--touch-stick-radius, 58px) * 2);height:calc(var(--touch-stick-radius, 58px) * 2);margin-left:calc(var(--touch-stick-radius, 58px) * -1);margin-top:calc(var(--touch-stick-radius, 58px) * -1);border:2px solid rgba(238,247,242,.28);border-radius:50%;background:#070e0d57;opacity:0;transition:opacity .12s ease;pointer-events:none}.touch-stick.is-active{opacity:1}.weapon-button.unequipped{opacity:.45;padding:0;width:42px}.weapon-button.unequipped span{display:none}.weapon-button.unequipped.active{opacity:.8;border-style:dashed}.touch-move-guide{position:absolute;left:max(34px,calc(env(safe-area-inset-left) + 22px));bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px));width:88px;height:88px;display:grid;place-items:center;border:1px solid rgba(225,245,239,.34);border-radius:50%;background:#070e0d38;box-shadow:inset 0 0 20px #7bdff214,0 2px 12px #00000038;opacity:.62;pointer-events:none}.touch-move-guide i{width:34px;height:34px;border-radius:50%;background:#7bdff247;box-shadow:0 0 14px #7bdff23d}.touch-move-guide span{position:absolute;bottom:8px;font-size:9px;font-weight:800;color:#eef7f2d6;text-shadow:0 1px 3px #000}.touch-layer:has(.touch-stick.is-active) .touch-move-guide{opacity:.2}.touch-stick i{position:absolute;top:50%;left:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#7bdff280;box-shadow:0 0 20px #7bdff266}.touch-right{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));display:grid;grid-template-areas:"mobility utility" "mobility actions";grid-template-columns:auto auto;justify-items:end;align-items:end;gap:8px 12px;pointer-events:auto}.touch-actions{grid-area:actions;position:relative;width:150px;height:124px}.touch-button{position:absolute;width:56px;height:56px;border:1px solid rgba(238,247,242,.3);border-radius:50%;color:#eef7f2;background:#070e0d6b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:12px;font-weight:700;cursor:pointer;opacity:.78;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.touch-button:active{transform:scale(.92);opacity:1;background:#7bdff257}.touch-button:disabled{opacity:.22}.touch-attack{right:0;bottom:0;width:68px;height:68px;border-color:#d94b559e;background:#781e2475;font-size:13px}.touch-talk{left:0;top:0;border-color:#ffd1669e;background:#7858186b}.touch-dodge{left:8px;bottom:0}.touch-jump{right:6px;top:0}.touch-side{display:grid;gap:8px}.touch-mobility{grid-area:mobility;grid-auto-flow:row;align-self:center}.touch-utility{grid-area:utility;grid-template-columns:repeat(3,auto);justify-content:end}.touch-mini{min-width:46px;height:38px;padding:0 8px;border:1px solid rgba(238,247,242,.22);border-radius:9px;color:#eef7f2;background:#070e0d9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:11px;font-weight:700;opacity:.92;text-shadow:0 1px 3px rgba(0,0,0,.95);box-shadow:0 2px 8px #00000038;cursor:pointer;-webkit-tap-highlight-color:transparent}.touch-mini:active{opacity:1;background:#7bdff24d}.touch-grapple{display:none;border-color:#87ebff94;color:#e8fcff}.touch-flight{display:none;border-color:#aa96ff9e;color:#f0ebff}html[data-world-visual-mode=cesium] body.touch-mode .touch-grapple,html[data-world-visual-mode=cesium] body.touch-mode .touch-flight{display:block}.touch-grapple.is-on{border-color:#ffffffeb;background:#2496b9b8;box-shadow:0 0 18px #78e6ff80}.touch-flight.is-on{border-color:#fffffff0;background:#6648bec7;box-shadow:0 0 18px #aa91ff85}.touch-quest{border-color:#ffd166c7;color:#fff1ad;background:#704c0ec2;box-shadow:0 0 14px #ffcc5347}.touch-grapple.is-aiming{opacity:1;transform:scale(1.08);border-color:#fff4aaf5;background:#2384a5e0;box-shadow:0 0 0 5px #78e6ff24,0 0 22px #78e6ffa8;touch-action:none}.touch-topbar{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;gap:6px;pointer-events:auto}body.portrait-mode .touch-topbar{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 24px);gap:5px}body.portrait-mode .touch-mini{min-width:42px;height:34px;font-size:11px}body.portrait-mode .touch-right{bottom:max(40px,env(safe-area-inset-bottom));gap:8px}body.portrait-mode .touch-button{width:52px;height:52px}body.portrait-mode .touch-side{grid-auto-flow:row;grid-template-columns:repeat(2,auto);justify-items:end}body.portrait-mode .status,body.portrait-mode .level-box,body.portrait-mode.show-quest .quest-box{--right-hud-width: min(210px, 56vw)}body.portrait-mode .chat-panel,body.portrait-mode .inventory-panel,body.portrait-mode .keyconfig-panel,body.portrait-mode .profile-panel,body.portrait-mode .social-panel,body.portrait-mode .shop-panel{top:46px;max-height:calc(100dvh - 56px)}.rotate-hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;align-content:center;justify-items:center;gap:10px;padding:32px;background:#040908eb;text-align:center}.rotate-hint strong{font-size:20px}.rotate-hint span{max-width:22em;color:#a9c5bc;font-size:13px;line-height:1.7}body.touch-mode .crosshair{opacity:.4}body.touch-mode .loot-log,body.touch-mode .splat-status,body.touch-mode .quick-slots{display:none}body.touch-mode .hud{padding:10px;gap:8px}body.touch-mode .status,body.touch-mode .level-box,body.touch-mode .quest-box{opacity:.94;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55))}body.touch-mode .status{padding:5px 7px;border-radius:9px;background:linear-gradient(90deg,#050b0c94,#050b0c29);text-shadow:0 1px 3px rgba(0,0,0,.95)}body.touch-mode .status{width:min(210px,36vw);gap:4px}body.touch-mode .bar-wrap{grid-template-columns:24px 1fr;gap:6px;font-size:10px}body.touch-mode .bar-wrap>span:last-child{display:none}body.touch-mode .level-box{--right-hud-width: min(132px, 30vw);padding:4px 8px;gap:3px;font-size:10px}body.touch-mode .xp-track{height:3px}body.touch-mode .quest-box{display:none}body.touch-mode.show-quest .quest-box{display:grid;--right-hud-width: min(280px, 62vw);padding:8px 10px;font-size:10px;opacity:.95}body.touch-mode .top-right{margin-top:40px;gap:6px}@media(orientation:landscape){body.touch-mode .touch-topbar,body.touch-mode .touch-right{right:max(88px,calc(env(safe-area-inset-right) + 18px))}body.touch-mode .top-right{margin-right:max(76px,env(safe-area-inset-right))}body.touch-mode .hud-chat-log{padding:5px 7px;border-radius:7px;background:linear-gradient(90deg,#050b0c6b,#050b0c14)}}body.touch-mode .weapon-strip,body.touch-mode .spell-strip{display:none}.touch-mini.is-on{border-color:#7bdff2b3;color:#bdefff;opacity:1}.touch-mini.is-low{border-color:#d94b5599;color:#ffb3b8}body.touch-mode .dialogue-topic{min-height:44px}body.touch-mode .chat-panel,body.touch-mode .inventory-panel,body.touch-mode .keyconfig-panel,body.touch-mode .profile-panel,body.touch-mode .social-panel,body.touch-mode .shop-panel,body.touch-mode .place-panel{top:50px;right:10px;left:10px;width:auto;max-height:calc(100dvh - 60px);z-index:100}body.touch-mode .chat-setup,body.touch-mode .chat-room,body.touch-mode .panel-body,body.touch-mode .keyconfig-body,body.touch-mode .shop-body,body.touch-mode .place-panel-body{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}body.touch-mode.panel-open .touch-side,body.touch-mode.panel-open .touch-actions,body.touch-mode.panel-open .touch-stick,body.touch-mode.panel-open .touch-topbar{display:none}body.touch-mode.panel-open .hud-chat,body.touch-mode.panel-open .top-row,body.touch-mode.menu-open .hud-chat,body.touch-mode.menu-open .top-row,body.touch-mode.show-quest .hud-chat{opacity:0;pointer-events:none}body.touch-mode.menu-open .hud,body.touch-mode.show-quest .hud,body.touch-mode.chat-composing .hud{z-index:100}body.touch-mode.menu-open .menu-dropdown{position:fixed;top:max(52px,calc(env(safe-area-inset-top) + 48px));right:max(10px,env(safe-area-inset-right));bottom:auto;width:220px;min-width:0;max-height:calc(100dvh - 62px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;z-index:110}body.touch-mode.menu-open .menu-dropdown button{min-height:44px;padding:9px 12px}body.touch-mode.show-quest .quest-box{position:fixed;top:max(54px,calc(env(safe-area-inset-top) + 50px));left:50%;right:auto;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 68px);overflow-y:auto;transform:translate(-50%);z-index:110;opacity:1;box-shadow:0 22px 62px #0000008f}body.touch-mode.show-quest .quest-box.compact{grid-template-areas:"title toggle" "copy copy";grid-template-columns:minmax(0,1fr) 30px;align-items:start;background:#070e0df0}body.touch-mode.show-quest .quest-box.compact #quest-text,body.touch-mode.show-quest .quest-box.compact .npc-prompt{display:block;overflow:visible;white-space:normal;text-overflow:clip}body.touch-mode.show-quest .quest-box.compact .position-info{display:block;white-space:pre-line}body.touch-mode.show-quest .status,body.touch-mode.show-quest .level-box,body.touch-mode.show-quest .hud-voice,body.touch-mode.show-quest .objective-indicator,body.touch-mode.show-quest .target-panel{opacity:0;pointer-events:none}body.touch-mode.show-quest .touch-right,body.touch-mode.chat-composing .touch-right,body.touch-mode.menu-open .touch-right{display:none}.enemy-tags,.player-tags{position:absolute;top:0;right:0;bottom:0;left:0;z-index:16;pointer-events:none;overflow:hidden}.world-tag{position:absolute;padding:2px 8px;border-radius:999px;background:#060c0b8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#dffaff;font-size:11px;font-weight:700;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.9);will-change:transform,left,top}.enemy-tag{position:absolute;display:grid;justify-items:center;gap:2px;padding:3px 7px;border-radius:6px;background:#060c0b80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);white-space:nowrap;will-change:transform,left,top}.enemy-tag strong{color:#eef7f2;font-size:10px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.9)}.enemy-tag i{display:block;width:54px;height:3px;border-radius:2px;background:#fff3;overflow:hidden}.enemy-tag i b{display:block;height:100%;background:linear-gradient(90deg,#ff8566,#d94b55)}.enemy-tag.is-target{background:#5a141899;box-shadow:0 0 0 1px #d94b558c}body.touch-mode.panel-open .enemy-tags{display:none}body.touch-mode .objective-indicator{top:54px;min-width:0;min-height:0;max-width:calc(100vw - 24px);gap:6px;padding:3px 9px;border-radius:999px;font-size:10px;opacity:.8}body.touch-mode .objective-indicator strong{font-size:10px}body.touch-mode .objective-arrow{width:14px;height:14px}body.touch-mode .objective-arrow svg{width:12px;height:12px}body.touch-mode .top-row:has(~.dialogue-box.open){opacity:.2}@media(max-height:480px)and (orientation:landscape){.dialogue-box{bottom:10px;padding:10px 12px 12px}.dialogue-box h2{margin:2px 0 5px;font-size:15px}.dialogue-text,.dialogue-box p{font-size:13px;line-height:1.6}.dialogue-topics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:8px}.touch-button{width:50px;height:50px;font-size:11px}.touch-attack{width:62px;height:62px;font-size:12px}.touch-mini{height:40px;min-width:44px;max-width:74px;padding:0 7px;font-size:10px}body.touch-mode .touch-topbar{top:max(6px,env(safe-area-inset-top));right:max(88px,calc(env(safe-area-inset-right) + 18px));gap:5px}body.touch-mode .touch-right{right:max(88px,calc(env(safe-area-inset-right) + 18px));bottom:max(12px,env(safe-area-inset-bottom));gap:7px}body.touch-mode .touch-side,body.touch-mode .touch-actions{gap:7px}body.touch-mode .chat-panel,body.touch-mode .inventory-panel,body.touch-mode .keyconfig-panel,body.touch-mode .profile-panel,body.touch-mode .social-panel,body.touch-mode .shop-panel{top:max(8px,env(safe-area-inset-top));bottom:max(8px,env(safe-area-inset-bottom));left:50%;right:auto;width:min(560px,calc(100vw - 32px));max-height:none;transform:translate(-50%)}body.touch-mode .panel-head{min-height:44px;padding:6px 10px}body.touch-mode .tabs{justify-content:center;padding:6px 10px 0}body.touch-mode .tab-button{flex:0 1 128px;min-height:40px}body.touch-mode .panel-body,body.touch-mode .keyconfig-body,body.touch-mode .profile-body,body.touch-mode .social-body,body.touch-mode .shop-body,body.touch-mode .chat-setup,body.touch-mode .chat-room{padding:8px 10px 10px}body.touch-mode.menu-open .menu-dropdown{top:max(50px,calc(env(safe-area-inset-top) + 46px))}body.touch-mode .top-right{margin-top:38px}}.floating-text{position:absolute;pointer-events:none;color:#fff2a8;font-weight:800;text-shadow:0 2px 6px rgba(0,0,0,.8);transform:translate(-50%,-50%);animation:floatUp .84s ease forwards}@keyframes floatUp{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 -34px}}@media(max-width:720px){.objective-indicator{top:104px;max-width:calc(100vw - 28px)}.target-panel{top:154px}.title-screen{padding:56px 22px;background-position:75% center}.title-brand h1{font-size:46px}.title-subtitle{font-size:15px}.character-screen{padding:16px 14px 20px}.character-select-layout{grid-template-columns:1fr;align-content:end;gap:12px}.character-options{grid-template-columns:repeat(3,minmax(88px,1fr));max-height:44vh;padding:2px 6px 6px 2px}.character-option{min-height:116px;grid-template-rows:78px auto}.character-swatch{height:78px}.character-option-copy strong{font-size:14px}.character-confirm{min-height:260px;padding:6px 0 0}.character-portrait{height:300px}.character-confirm-copy{max-width:210px;padding:8px 0}.character-confirm h3{font-size:28px}.character-confirm-copy>p:not(.character-role){min-height:0;margin:6px 0 12px;font-size:13px}.top-row,.bottom-row{align-items:stretch;flex-direction:column}.quest-box{justify-self:stretch;width:100%;max-width:none}.quest-box.compact{width:100%}.bottom-right{justify-items:start}.chat-panel,.inventory-panel,.keyconfig-panel,.profile-panel,.social-panel,.shop-panel,.place-panel{top:46px;right:6px;left:6px;bottom:6px;width:auto;max-height:none}.panel-body,.keyconfig-body,.profile-body,.shop-body,.place-panel-body,.chat-setup,.chat-room{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.equip-row,.item-row,.keyconfig-row,.product-card{grid-template-columns:1fr}.inventory-panel .equip-row,.inventory-panel .item-row{grid-template-columns:42px minmax(0,1fr) auto}.inventory-panel .item-art{width:42px;height:42px}.inventory-panel .small-button{min-height:44px}.inventory-panel.open{background:#070e0df7}body:has(.inventory-panel.open) .story-experiment-status,body:has(.inventory-panel.open) .objective-indicator{visibility:hidden}.item-row,.equip-row,.product-card{gap:6px;padding:8px 10px}.item-row p,.product-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}body.panel-open .touch-actions,body.panel-open .touch-side,body.panel-open .touch-stick{opacity:0;pointer-events:none}.party-hud{top:8px;width:calc(100vw - 16px);min-width:0}.party-hud[data-mode=quiz]{width:calc(100vw - 16px);padding-right:78px}.party-hud[data-mode=quiz]:before{width:68px;height:68px}.quiz-question strong{font-size:14px}.party-hud p{white-space:normal}.draw-panel{top:98px}}.mic-button.active{border-color:#7bdff2b3;color:#bdefff;background:#23788c59}.mic-button.active svg{color:#7bdff2}.chat-explainer{margin:0;color:#91b8af;font-size:11px;line-height:1.7}.chat-lock{display:flex;align-items:center;gap:8px;color:#cfe3db;font-size:12px;cursor:pointer}.chat-lock input{width:18px;height:18px;accent-color:#7bdff2}.panel-footer{padding:10px 14px 14px;border-top:1px solid rgba(238,247,242,.1)}.panel-footer .small-button{width:100%}.danger-button{border-color:#d94b5580;color:#ffb3b8;background:#5a141859}.danger-button:hover,.danger-button:focus-visible{border-color:#d94b55cc;background:#781e2480}body.god-mode-active .hud.game-ui{display:none}.god-mode-menu-item{color:#7bdff2}.god-mode-ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;font-family:inherit;color:#eef7f2}.god-mode-toolbar{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:12px;background:#0c1016db;border:1px solid rgba(123,223,242,.35);pointer-events:auto;max-width:calc(100vw - 16px);overflow-x:auto;overflow-y:hidden}.god-mode-toolbar>*{flex-shrink:0}.god-mode-badge{font-weight:700;color:#7bdff2;letter-spacing:.02em}.god-mode-modes,.god-mode-add{display:flex;gap:6px;align-items:center}.god-mode-ui button,.god-mode-ui select,.god-mode-ui input{font:inherit;color:inherit;background:#eef7f214;border:1px solid rgba(238,247,242,.2);border-radius:8px;padding:5px 9px;white-space:nowrap}.god-mode-ui button{cursor:pointer}.god-mode-ui button:hover,.god-mode-ui button:focus-visible{border-color:#7bdff299}.god-mode-modes button.active{background:#7bdff247;border-color:#7bdff2}.god-mode-exit{border-color:#d94b5580!important}.god-mode-publish{border-color:#8fe38899!important;color:#8fe388}.god-mode-collision-debug.active{background:#39ff883d;border-color:#39ff88!important;color:#39ff88}.god-mode-history{display:flex;gap:6px}.god-mode-ui button:disabled,.god-mode-ui input:disabled,.god-mode-ui select:disabled{opacity:.35;cursor:default}.god-mode-ui button:disabled:hover{border-color:#eef7f233}.god-mode-locked-note{margin:0;padding:8px;border-radius:8px;background:#ffd1661a;border:1px solid rgba(255,209,102,.3);font-size:.78em;line-height:1.5;color:#ffd166}.god-mode-portal-fields,.god-mode-collider-fields,.god-mode-spawn-fields{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:8px;background:#7bdff214}.god-mode-field-checkbox{flex-direction:row!important;align-items:center;gap:8px!important}.god-mode-field-checkbox input[type=checkbox]{width:auto}.god-mode-spawn-hint{margin:0;font-size:.78em;line-height:1.5;color:#eef7f2a6}.god-mode-collider-color{width:100%;height:32px;padding:2px;cursor:pointer}.god-mode-collider-opacity{width:100%}.god-mode-inspector{position:absolute;top:60px;right:12px;width:260px;padding:14px;border-radius:12px;background:#0c1016db;border:1px solid rgba(123,223,242,.35);pointer-events:auto;display:flex;flex-direction:column;gap:10px}.god-mode-object-list{position:absolute;top:60px;left:12px;width:240px;max-height:min(60vh,480px);padding:14px;border-radius:12px;background:#0c1016db;border:1px solid rgba(123,223,242,.35);pointer-events:auto;display:flex;flex-direction:column;gap:8px;overflow:hidden}.god-mode-object-list h3{margin:0;font-size:.95em;color:#7bdff2}.god-mode-list-count{margin:0;font-size:.75em;color:#eef7f299}.god-mode-list-body{list-style:none;margin:0;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-height:0}.god-mode-list-body li{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;cursor:pointer;font-size:.82em}.god-mode-list-body li:hover{background:#eef7f214}.god-mode-list-body li.is-selected{background:#7bdff247}.god-mode-list-type{flex:none;padding:1px 6px;border-radius:999px;background:#eef7f21f;font-size:.85em;color:#eef7f2bf}.god-mode-list-id{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.god-mode-inspector h3{margin:0;font-size:.95em;color:#7bdff2}.god-mode-field{display:flex;flex-direction:column;gap:4px;font-size:.85em}.god-mode-field input,.god-mode-field select{width:100%}.god-mode-id-error{margin:-4px 0 0;font-size:.78em;color:#ffb3b8}.god-mode-transform{margin:0;font-size:.8em;display:flex;flex-direction:column;gap:4px}.god-mode-transform div{display:flex;justify-content:space-between;gap:8px}.god-mode-transform dt{color:#eef7f299}.god-mode-transform dd{margin:0;text-align:right}.god-mode-delete{border-color:#d94b5580;color:#ffb3b8}.god-mode-coordinates{position:absolute;left:50%;bottom:42px;transform:translate(-50%);display:flex;gap:6px;padding:6px;border:1px solid rgba(123,223,242,.35);border-radius:10px;background:#080e13e6;pointer-events:auto}.touch-topbar .touch-mini{width:44px;min-width:44px;padding:0;font-size:0}.touch-topbar .touch-mini:before{font-size:14px;line-height:1}#touch-info:before{content:"情"}#touch-say:before{content:"話"}.touch-topbar [data-touch-action=inventory]:before{content:"袋"}.touch-topbar [data-touch-action=chat]:before{content:"通"}#touch-menu:before{content:"☰";font-size:18px}.touch-right.touch-compact{display:block;width:176px;height:112px;right:max(12px,calc(env(safe-area-inset-right) + 8px));bottom:max(20px,calc(env(safe-area-inset-bottom) + 8px));pointer-events:none}.touch-compact .touch-actions{width:176px;height:112px;display:grid;grid-template-columns:48px 48px 64px;grid-template-rows:48px 56px;gap:8px;align-items:end;justify-items:end;pointer-events:none}.touch-compact .touch-actions>button{position:static;width:48px;min-width:48px;height:48px;padding:0;font-size:12px;pointer-events:auto}.touch-compact .touch-dodge{grid-area:1 / 1}.touch-compact .touch-jump{grid-area:1 / 3}.touch-compact .touch-more{grid-area:2 / 1}.touch-compact #touch-skill{grid-area:2 / 2}.touch-compact .touch-actions>.touch-attack{grid-area:2 / 3;width:64px;height:56px}.touch-compact .touch-context{position:absolute;bottom:calc(100% + 60px);right:0;display:flex;gap:8px;pointer-events:none}.touch-compact .touch-context>button{position:static;min-width:64px;width:auto;height:44px;padding:0 8px;border-radius:12px;pointer-events:auto}.touch-tools{position:absolute;bottom:calc(100% + 60px);right:0;display:grid;grid-template-columns:repeat(3,60px);gap:6px;padding:8px;border:1px solid rgba(238,247,242,.25);border-radius:14px;background:#070e0df0;pointer-events:auto}.touch-compact .touch-tools>button{min-width:60px;height:44px}.touch-switches{position:absolute;right:0;bottom:calc(100% + 8px);display:flex;justify-content:flex-end;gap:8px;pointer-events:none}.touch-switches>button{position:static;width:48px;min-width:48px;height:44px;padding:0;pointer-events:auto}.touch-compact.tools-open .touch-context,.touch-layer.is-talking .touch-right.touch-compact,body.touch-mode.panel-open .touch-right.touch-compact{display:none}body.touch-mode .touch-topbar{right:max(12px,calc(env(safe-area-inset-right) + 8px))}body.touch-mode .touch-topbar .touch-mini{height:44px;font-size:0}body.touch-mode.portrait-mode .touch-right.touch-compact{bottom:max(72px,calc(env(safe-area-inset-bottom) + 40px))}@media(orientation:landscape){body.touch-mode .touch-right.touch-compact{right:max(12px,calc(env(safe-area-inset-right) + 8px));bottom:max(28px,calc(env(safe-area-inset-bottom) + 8px))}}.god-mode-coordinates button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;min-width:190px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76em}.god-mode-coordinates button[hidden]{display:none}.god-mode-coordinates span{color:#7bdff2;font-weight:800}.god-mode-coordinates output{color:#eef7f2}.god-mode-coordinates b{color:#8fe388;font-size:.86em}.god-mode-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);margin:0;padding:6px 12px;border-radius:8px;background:#0c1016b3;font-size:.78em;color:#eef7f2bf;white-space:nowrap}.god-mode-splat-panel{position:absolute;top:60px;left:50%;transform:translate(-50%);width:min(360px,calc(100vw - 24px));max-height:60vh;overflow-y:auto;padding:14px;border-radius:12px;background:#0c1016eb;border:1px solid rgba(123,223,242,.35);pointer-events:auto;display:flex;flex-direction:column;gap:10px}.god-mode-splat-panel h3{margin:0;font-size:.95em;color:#7bdff2}.god-mode-splat-hint{margin:0;font-size:.76em;line-height:1.5;color:#eef7f2a6}.god-mode-splat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.god-mode-splat-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:#eef7f20f;font-size:.82em}.god-mode-splat-row.is-active{background:#8fe38829;border:1px solid rgba(143,227,136,.4)}.god-mode-splat-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.god-mode-splat-empty{margin:0;font-size:.8em;color:#eef7f280}.god-mode-splat-add{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid rgba(238,247,242,.12)}@media(max-width:720px){.god-mode-coordinates{top:108px;bottom:auto;width:calc(100vw - 16px);overflow-x:auto}.god-mode-coordinates button{min-width:180px}.god-mode-hint{white-space:normal;text-align:center;width:min(92vw,420px)}.god-mode-inspector{width:min(80vw,300px)}.god-mode-object-list{width:min(80vw,300px);max-height:40vh}.god-mode-toolbar{top:4px;left:4px;right:4px;transform:none;width:auto;max-width:none;flex-wrap:wrap;justify-content:center;gap:5px;padding:6px 8px;font-size:.82em}.god-mode-ui button,.god-mode-ui select{padding:5px 7px}.god-mode-badge{width:100%;text-align:center}.god-mode-inspector,.god-mode-object-list{top:108px;max-height:32vh}}body.touch-mode .god-mode-object-list{bottom:4px;top:auto;left:4px;width:min(50vw,220px);max-height:60vh;padding:8px}body.touch-mode .god-mode-object-list h3{font-size:.85em}body.touch-mode .god-mode-toolbar{top:4px;padding:5px 8px;gap:5px;font-size:.78em}body.touch-mode .god-mode-ui button,body.touch-mode .god-mode-ui select{padding:4px 7px}body.touch-mode .god-mode-list-body li{min-height:40px}body.touch-mode .god-mode-inspector{bottom:4px;top:auto;right:4px;width:min(50vw,220px);max-height:60vh;overflow-y:auto;padding:8px}.dialogue-next{display:block;margin:12px 0 0 auto;min-height:44px;min-width:112px;padding:8px 18px;border:1px solid #80bbae;border-radius:10px;background:#234f47;color:#f4fffb;font:600 15px/1.4 system-ui;cursor:pointer}.dialogue-context-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.dialogue-context-actions[hidden]{display:none}.dialogue-context-actions button,.dialogue-context-actions a{display:inline-flex;align-items:center;min-height:44px;padding:8px 13px;border:1px solid #80bbae;border-radius:8px;background:#1b3e39;color:#effff9;font:600 13px/1.4 system-ui;text-decoration:none;cursor:pointer}.dialogue-next[hidden],body.dialogue-open .story-experiment-status,body.touch-mode .story-experiment-status{display:none}.story-travel-caption{position:fixed;z-index:38;left:50%;bottom:clamp(44px,8vh,78px);width:min(900px,calc(100vw - 32px));transform:translate(-50%);padding:0 12px;pointer-events:none;text-align:center;color:#fff;font:700 clamp(16px,1.7vw,22px)/1.55 system-ui,sans-serif;text-shadow:-2px -2px 2px #000,2px -2px 2px #000,-2px 2px 2px #000,2px 2px 2px #000,0 3px 5px #000}.story-travel-caption[hidden],.story-travel-caption span{display:none}.story-travel-caption strong{display:inline;color:#ffe7a8;font:inherit}.story-travel-caption strong:after{content:"："}.story-travel-caption p{display:inline;margin:0;color:#fff;font:inherit;text-wrap:balance}body.dialogue-open .story-travel-caption,body:has(.town-journal[open]) .story-travel-caption{display:none}body.touch-mode .story-travel-caption{bottom:calc(var(--map-credit-height,32px) + env(safe-area-inset-bottom) + 88px);width:calc(100vw - 24px);padding:0 8px;font-size:15px;line-height:1.5}body.touch-mode.dialogue-open :is(.top-row,.bottom-row,.touch-layer,.objective-indicator,.field-badge,.crosshair,.target-reticle,.enemy-tags,.player-tags,.loot-log,.menu-dropdown){visibility:hidden!important;pointer-events:none!important}body.touch-mode .dialogue-box.open{position:fixed;z-index:45;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(max(8px,env(safe-area-inset-bottom)) + var(--map-credit-height, 32px) + 10px);transform:none;width:auto;max-width:860px;margin-inline:auto;max-height:calc(70dvh - var(--map-credit-height, 32px) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;padding:14px 18px;border:1px solid #527c71;border-radius:14px;background:#0b1b19f5;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 8px 30px #0005;touch-action:pan-y}body.touch-mode .dialogue-box h2{font-size:19px;line-height:1.3;margin:4px 0 10px;color:#fff}body.touch-mode .dialogue-box p{font-size:16px;line-height:1.7;overflow-wrap:anywhere}body.touch-mode .dialogue-meta{font-size:12px;color:#bdd8ce}body.touch-mode .dialogue-meta #dialogue-hint{display:none}body.touch-mode .dialogue-topics{grid-template-columns:1fr}body.touch-mode .map-credits{max-width:100%}body.touch-mode .map-credits .cesium-widget-credits{flex-wrap:wrap;white-space:normal}@media(orientation:landscape)and (max-height:500px){body.touch-mode .dialogue-box.open{padding:10px 16px;max-height:calc(80dvh - var(--map-credit-height, 32px) - env(safe-area-inset-bottom))}body.touch-mode .dialogue-box h2{margin:2px 0 6px;font-size:18px}body.touch-mode .dialogue-next{margin-top:8px}}.dialogue-instagram{display:inline-flex;align-items:center;min-height:44px;padding:6px 12px;margin:4px 0 8px;border:1px solid #85c6c0;border-radius:8px;color:#c9fff4;background:#163e38;text-decoration:none;font-size:14px}.dialogue-instagram[hidden]{display:none}.dialogue-instagram:focus-visible{outline:2px solid #fff;outline-offset:2px}body.touch-mode .dialogue-box.open{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(max(3px,env(safe-area-inset-bottom)) + var(--map-credit-height,24px) + 6px);max-width:760px;padding:12px 16px;max-height:62dvh;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px}body.touch-mode .dialogue-box .dialogue-meta{grid-column:1;line-height:1.3}body.touch-mode .dialogue-box h2{grid-column:1;font-size:17px;margin:0;line-height:1.3}body.touch-mode .dialogue-box p{grid-column:1 / -1;font-size:15px;line-height:1.65;margin:2px 0}body.touch-mode .dialogue-box .dialogue-next{grid-column:2;grid-row:1 / 3;align-self:center;margin:0;min-height:44px;min-width:96px;font-size:14px;padding:8px 12px}body.touch-mode .dialogue-box :is(.dialogue-topics,.dialogue-ai,.dialogue-instagram,.dialogue-context-actions){grid-column:1 / -1}body.touch-mode .dialogue-topics{gap:6px}body.touch-mode .dialogue-topics button{min-height:44px;font-size:14px}@media(orientation:landscape)and (max-height:500px){body.touch-mode .dialogue-box.open{max-height:60dvh;padding:10px 14px}body.touch-mode .dialogue-topics{grid-template-columns:1fr 1fr}}.map-credits{left:0;bottom:0;max-width:100%;margin:0}.map-credits .cesium-widget-credits{gap:2px;padding:1px 2px;margin:0;border-radius:0 4px 0 0}.map-credits .cesium-widget-credits img[alt=Google],.map-credits .cesium-widget-credits img[alt="Google Maps"]{margin-inline:4px}#flight-speed{position:fixed;z-index:35;top:110px;left:max(12px,env(safe-area-inset-left));min-height:44px;max-width:calc(100vw - 24px);padding:8px 12px;border:1px solid #b4d1ff;border-radius:10px;background:#162d48ed;color:#fff;font:600 13px/1.4 system-ui;touch-action:manipulation}#flight-speed[hidden]{display:none}body:has(dialog[open]) #flight-speed{display:none}@media(max-height:500px){#flight-speed{top:100px;font-size:12px}}#flight-speed{left:50%;transform:translate(-50%)}#flight-toggle.is-on{background:#356fb8cc;border-color:#e5f1ff}#flight-toggle[hidden]{display:none}body:has(dialog[open]) #flight-toggle{display:none}@media(pointer:coarse){#flight-toggle{display:none!important}}#plaza-world-tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;display:none;background:linear-gradient(180deg,#5b189e85,#450c6c40 55%,#26044275);mix-blend-mode:multiply}body.plaza-curse-active #plaza-world-tint{display:block}body.plaza-curse-active #game,body.plaza-curse-active #cesium-world canvas{filter:sepia(.65) hue-rotate(225deg) saturate(1.5) brightness(.8)}.up-battle-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30}.up-battle-bar{position:absolute;top:64px;left:50%;transform:translate(-50%);display:flex;gap:14px;padding:6px 14px;border-radius:10px;background:#0c161ab8;color:#fff;font-size:14px;font-weight:600;white-space:nowrap}.up-battle-bar [data-up=time]{color:#ffd166;font-variant-numeric:tabular-nums}.up-battle-center{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:34px;font-weight:800;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.7);max-width:92vw}@media(max-width:520px){.up-battle-bar{font-size:12px;gap:8px;top:56px}.up-battle-center{font-size:24px}}.up-battle-center small{display:block;margin-top:6px;font-size:16px;font-weight:700;white-space:nowrap}body.hud-v2{--s: var(--touch-scale, 1);--edge: max(14px, calc(env(safe-area-inset-right) + 10px) );--bottom: max(10px, calc(env(safe-area-inset-bottom) + 6px) );--top: max(8px, calc(env(safe-area-inset-top) + 6px) );--icon-attack: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 17.5 3 6V3h3l11.5 11.5M13 19l6-6M16 16l4 4M19 21l2-2'/%3E%3C/svg%3E");--icon-dodge: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 12h11M15 7l5 5-5 5M3 8h5M4 12h2M3 16h5'/%3E%3C/svg%3E");--icon-jump: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20V5M5 12l7-7 7 7'/%3E%3C/svg%3E");--icon-skill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.1 6.9L21 12l-6.9 2.1L12 21l-2.1-6.9L3 12l6.9-2.1Z'/%3E%3C/svg%3E");--icon-target: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3'/%3E%3C/svg%3E");--icon-tools: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 0 0 5.4-5.4l-2.6 2.6-2.4-.6-.6-2.4Z'/%3E%3C/svg%3E");--icon-gear: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M2 12h3M19 12h3M4.9 19.1 7 17M17 7l2.1-2.1'/%3E%3C/svg%3E");--icon-chat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H8l-5 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2Z'/%3E%3C/svg%3E");--icon-potion: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6M10 3v5l-4 5v6a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-6l-4-5V3M7 15h10'/%3E%3C/svg%3E");--icon-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");--icon-bag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M6 8h12l-1 12H7Z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E")}body.hud-v2 .touch-right.touch-compact,body.hud-v2 .touch-compact .touch-actions,body.hud-v2 .touch-compact .touch-context{display:contents}body.hud-v2 #touch-info,body.hud-v2 .touch-switches,body.hud-v2 #touch-potion,body.hud-v2 #touch-fullscreen{display:none!important}body.hud-v2.touch-left-handed .touch-layer{direction:rtl}body.hud-v2.touch-left-handed .touch-move-guide{left:auto;right:max(34px,calc(env(safe-area-inset-right) + 22px))}body.hud-v2 .touch-compact .touch-actions>button,body.hud-v2 .touch-compact .touch-context>button,body.hud-v2 .touch-skill-slot{position:absolute;display:grid;place-items:center;width:calc(44px * var(--s));height:calc(44px * var(--s));min-width:0;padding:0;border-radius:50%;border:1px solid rgba(238,247,242,.28);background:#070e0d75;color:#eef7f2;font-size:0;opacity:var(--touch-alpha, .85);pointer-events:auto;transform:none;inset:auto}body.hud-v2 .touch-compact .touch-actions>button:before{content:"";width:52%;height:52%;background:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}body.hud-v2 .touch-compact .touch-actions>button:active,body.hud-v2 .touch-compact .touch-context>button:active,body.hud-v2 .touch-skill-slot:active{opacity:1;background:#7bdff257}body.hud-v2 .touch-attack{--icon: var(--icon-attack)}body.hud-v2 .touch-dodge{--icon: var(--icon-dodge)}body.hud-v2 .touch-jump{--icon: var(--icon-jump)}body.hud-v2 #touch-skill{--icon: var(--icon-skill)}body.hud-v2 #touch-target{--icon: var(--icon-target)}body.hud-v2 .touch-more{--icon: var(--icon-tools)}body.hud-v2 .touch-compact .touch-actions>.touch-attack{width:calc(66px * var(--s));height:calc(66px * var(--s));inset-inline-end:calc(var(--edge) + 50px * var(--s));bottom:calc(var(--bottom) + 60px * var(--s));border-color:#d94b559e;background:#781e2480}body.hud-v2 .touch-compact .touch-actions>.touch-dodge{inset-inline-end:calc(var(--edge) + 61px * var(--s));bottom:var(--bottom)}body.hud-v2 .touch-compact .touch-actions>#touch-skill{inset-inline-end:calc(var(--edge) + 111px * var(--s));bottom:var(--bottom)}body.hud-v2 .touch-compact .touch-actions>#touch-target{inset-inline-end:var(--edge);bottom:calc(var(--bottom) + 20px * var(--s))}body.hud-v2 .touch-compact .touch-actions>.touch-jump{width:calc(52px * var(--s));height:calc(52px * var(--s));inset-inline-end:var(--edge);bottom:calc(var(--bottom) + 76px * var(--s))}body.hud-v2 .touch-compact .touch-actions>.touch-more{inset-inline-end:var(--edge);bottom:calc(var(--bottom) + 150px * var(--s))}body.hud-v2 .touch-compact .touch-context>button{width:auto;min-width:calc(46px * var(--s));padding:0 calc(8px * var(--s));border-radius:calc(23px * var(--s));font-size:calc(12px * var(--s));font-weight:700}body.hud-v2 .touch-compact .touch-context>.touch-talk{inset-inline-end:calc(var(--edge) + 58px * var(--s));bottom:calc(var(--bottom) + 150px * var(--s));border-color:#ffd166bf;background:#070e0d8c;color:#ffd166;box-shadow:0 0 8px #ffd16640;animation:none}body.hud-v2 .touch-compact .touch-context>.touch-quest{inset-inline-end:calc(var(--edge) + 58px * var(--s));bottom:calc(var(--bottom) + 200px * var(--s))}body.hud-v2 .touch-tools{inset:auto;position:absolute;inset-inline-end:var(--edge);bottom:calc(var(--bottom) + 200px * var(--s));grid-template-columns:repeat(2,auto)}body.hud-v2 .touch-skill-arc{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}body.hud-v2 .touch-skill-arc[hidden]{display:none}body.hud-v2 .touch-skill-slot{--c: #7bdff2;width:calc(38px * var(--s));height:calc(38px * var(--s));display:grid;place-items:center;align-content:center;gap:1px;font-size:0;border:1.5px solid color-mix(in srgb,var(--c) 85%,transparent);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--c) 30%,rgba(8,18,20,.8)),#081214d1 70%);box-shadow:0 0 10px color-mix(in srgb,var(--c) 35%,transparent),inset 0 0 0 1px #ffffff14;color:#f4fbf8;opacity:1;line-height:1}body.hud-v2 .touch-skill-slot:nth-child(1){inset-inline-end:calc(var(--edge) + 78px * var(--s));bottom:calc(var(--bottom) + 151px * var(--s))}body.hud-v2 .touch-skill-slot:nth-child(2){inset-inline-end:calc(var(--edge) + 118px * var(--s));bottom:calc(var(--bottom) + 130px * var(--s))}body.hud-v2 .touch-skill-slot:nth-child(3){inset-inline-end:calc(var(--edge) + 140px * var(--s));bottom:calc(var(--bottom) + 90px * var(--s))}body.hud-v2 .touch-skill-slot:nth-child(4){inset-inline-end:calc(var(--edge) + 136px * var(--s));bottom:calc(var(--bottom) + 45px * var(--s))}body.hud-v2 .touch-skill-slot .slot-name{font-size:calc(10.5px * var(--s));font-weight:800;letter-spacing:0;text-shadow:0 1px 2px rgba(0,0,0,.7)}body.hud-v2 .touch-skill-slot .slot-sub{font-size:calc(8px * var(--s));font-weight:700;color:color-mix(in srgb,var(--c) 70%,#ffffff)}body.hud-v2 .touch-skill-slot .slot-lock{width:calc(12px * var(--s));height:calc(12px * var(--s));background:currentColor;-webkit-mask:var(--icon-lock) center / contain no-repeat;mask:var(--icon-lock) center / contain no-repeat}body.hud-v2 .touch-skill-slot.is-locked{--c: #8a9894;color:#eef7f299;border-color:#eef7f238;background:#080e0e9e;box-shadow:none}body.hud-v2 .touch-skill-slot.is-locked .slot-sub{color:#eef7f299}body.hud-v2 .touch-skill-slot.is-low{filter:saturate(.35) brightness(.8)}body.hud-v2 .touch-skill-slot.is-low .slot-sub{color:#ff9a9a}body.hud-v2 .touch-skill-arc:not([hidden]) .touch-skill-slot{animation:skill-slot-pop .16s ease-out both}body.hud-v2 .touch-skill-arc .touch-skill-slot:nth-child(2){animation-delay:25ms}body.hud-v2 .touch-skill-arc .touch-skill-slot:nth-child(3){animation-delay:.05s}body.hud-v2 .touch-skill-arc .touch-skill-slot:nth-child(4){animation-delay:75ms}@keyframes skill-slot-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){body.hud-v2 .touch-skill-arc:not([hidden]) .touch-skill-slot{animation:none}}body.hud-v2.skill-arc-open #touch-skill{border-color:#7bdff2e6;background:#286e828c}body.hud-v2.skill-arc-open .touch-talk,body.hud-v2.skill-arc-open .touch-quest,body.hud-v2.skill-arc-open .touch-more{visibility:hidden}body.hud-v2 .touch-strip{position:absolute;left:50%;bottom:calc(var(--bottom) + 20px);transform:translate(-50%);display:flex;gap:calc(5px * var(--s));direction:ltr;pointer-events:none}body:not(.hud-v2) .touch-strip,body:not(.hud-v2) .touch-skill-arc{display:none}body.hud-v2 .touch-strip-weapons{display:contents}body.hud-v2 .touch-chip{display:flex;align-items:center;gap:3px;white-space:nowrap;flex:none;height:calc(28px * var(--s));min-width:calc(36px * var(--s));padding:0 calc(8px * var(--s));border-radius:7px;border:1px solid rgba(238,247,242,.24);background:#070e0d80;color:#eef7f2db;font-size:calc(11px * var(--s));font-weight:700;opacity:var(--touch-alpha, .85);pointer-events:auto;touch-action:manipulation}body.hud-v2 .touch-chip[hidden]{display:none}body.hud-v2 .touch-chip:disabled{opacity:.35}body.hud-v2 .touch-chip.is-selected{border-color:#7bdff2d9;color:#dff6fb;background:#286e8280}body.hud-v2 .touch-chip.is-unequipped{border-style:dashed;color:#eef7f280}body.hud-v2 .touch-chip.is-low{color:#ff9a9a}body.hud-v2 .chip-icon{width:calc(14px * var(--s));height:calc(14px * var(--s));background:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}body.hud-v2 .chip-potion{--icon: var(--icon-potion)}body.hud-v2 .chip-bag{--icon: var(--icon-bag)}body.hud-v2 .touch-topbar{top:var(--top);right:var(--edge);gap:6px}body.hud-v2 .touch-topbar{gap:5px}body.hud-v2 .touch-topbar .touch-mini{width:calc(34px * var(--s));min-width:0;height:calc(34px * var(--s));border-radius:50%;display:grid;place-items:center;opacity:var(--touch-alpha, .85)}body.hud-v2 .touch-topbar .touch-mini:before{content:"";width:52%;height:52%;background:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}body.hud-v2 #touch-menu{--icon: var(--icon-gear);order:2}body.hud-v2 #touch-say{--icon: var(--icon-chat);order:1}body.hud-v2 .top-right{position:fixed;top:calc(var(--top) + 39px * var(--s));right:var(--edge);width:calc(73px * var(--s));display:flex;flex-direction:column;align-items:stretch;gap:5px;margin:0;direction:ltr}body.hud-v2 .hud-voice{flex-direction:row;justify-content:space-between;gap:5px}body.hud-v2 .hud-voice-button{width:calc(34px * var(--s));height:calc(34px * var(--s));border-radius:50%;border:1px solid rgba(238,247,242,.28);background:#070e0d75;color:#eef7f2;box-shadow:none;opacity:var(--touch-alpha, .85)}body.hud-v2 .hud-voice-button.is-on{border-color:#7bdff2d9;color:#7bdff2}body.hud-v2 .hud-voice-button svg{width:16px;height:16px;stroke-width:2}body.hud-v2 .level-box{--right-hud-width: 100%;width:100%;box-sizing:border-box;padding:4px 7px 5px;gap:3px;border-radius:9px;border:1px solid rgba(238,247,242,.2);background:#070e0d75;font-size:10px;opacity:var(--touch-alpha, .85)}body.hud-v2 .level-box .level-title{flex-direction:row;justify-content:space-between;align-items:baseline;gap:4px;line-height:1}body.hud-v2 .level-box #level-label{font-size:11px}body.hud-v2 .level-box #xp-label{font-size:8px;opacity:.75}body.hud-v2 .level-box .xp-track{height:3px}body.hud-v2.touch-first-labels .touch-topbar .touch-mini[data-label]:after{content:none}body.hud-v2 .objective-indicator{pointer-events:auto;cursor:pointer}body.hud-v2.touch-first-labels .touch-compact .touch-actions>button[data-label]:after,body.hud-v2.touch-first-labels .touch-topbar .touch-mini[data-label]:after{content:attr(data-label);position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:1px;font-size:9px;font-weight:700;white-space:nowrap;color:#eef7f2e6;text-shadow:0 1px 2px #000;direction:ltr}.touch-layer.is-talking .touch-strip,.touch-layer.is-talking .touch-skill-arc,body.touch-mode.panel-open .touch-strip,body.touch-mode.panel-open .touch-skill-arc,body.hud-v2.up-battle-active .touch-attack,body.hud-v2.up-battle-active .touch-dodge,body.hud-v2.up-battle-active #touch-skill,body.hud-v2.up-battle-active #touch-target,body.hud-v2.up-battle-active .touch-more,body.hud-v2.up-battle-active .touch-talk,body.hud-v2.up-battle-active .touch-quest,body.hud-v2.up-battle-active .touch-strip,body.hud-v2.up-battle-active .touch-skill-arc{display:none!important}body.hud-v2.up-battle-active .touch-compact .touch-actions>.touch-jump{width:calc(64px * var(--s));height:calc(64px * var(--s));bottom:calc(var(--bottom) + 40px * var(--s))}body:not(.touch-mode) .keyconfig-section:has(#setting-touch-scale){display:none}body.hud-v2.portrait-mode .touch-right.touch-compact,body.hud-v2.portrait-mode .touch-skill-arc{--bottom: max(70px, calc(env(safe-area-inset-bottom) + 66px) )}body.hud-v2 .touch-compact .touch-actions>button:before,body.hud-v2 .touch-topbar .touch-mini:before{position:absolute;left:50%;top:50%;width:var(--icon-size, 48%);height:var(--icon-size, 48%);transform:translate(-50%,-50%);pointer-events:none}body.hud-v2 .touch-compact .touch-actions>button,body.hud-v2 .touch-topbar .touch-mini{line-height:0}body.hud-v2 .touch-compact .touch-actions>.touch-attack{--icon-size: 42%}body.hud-v2 .touch-compact .touch-actions>.touch-jump{--icon-size: 44%}body.hud-v2 .hud-voice-button{display:grid;place-items:center;padding:0;line-height:0}body.hud-v2 .hud-voice-button svg{display:block;margin:0}.skill-bar-label{margin-left:2px;padding-left:8px;border-left:1px solid rgba(238,247,242,.25);font-size:11px;font-weight:700;color:#eef7f2bf;white-space:nowrap}.spell-button.skill-pick{--c: #7bdff2;width:38px;height:38px;min-width:38px;min-height:38px;font-size:11px;border-color:color-mix(in srgb,var(--c) 45%,transparent)}.spell-button.skill-pick.active{border-color:var(--c);background:color-mix(in srgb,var(--c) 28%,rgba(8,17,17,.8));box-shadow:0 0 8px color-mix(in srgb,var(--c) 40%,transparent)}.spell-button.skill-pick.locked{font-size:10px;border-color:#eef7f22b}body.touch-mode .skill-bar-label,body.touch-mode .skill-pick{display:none}.up-solo-dialog{box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;margin:auto;padding:24px;color:#edf4fa;background:#13202e;border:1px solid #465a70;border-radius:18px;box-shadow:0 16px 60px #0008;font:14px/1.6 system-ui,sans-serif}.up-solo-dialog::backdrop{background:#060e19b8}.up-solo-dialog h2{margin:4px 0 16px;font-size:24px}.up-solo-kicker{margin:0;color:#91cbbf;font-size:11px;letter-spacing:.12em}.up-solo-note{color:#afbdcd;font-size:12px}.up-solo-dialog [data-solo=error]:empty{display:none}.up-solo-dialog [data-solo=error]{color:#f0c587}.up-solo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.up-solo-actions button,.up-solo-finish{min-height:44px;padding:10px 16px;border:1px solid #627d8a;border-radius:10px;background:#24454d;color:#f5fffc;font:inherit;cursor:pointer;touch-action:manipulation}.up-solo-actions button{flex:1}.up-solo-actions [data-solo=resubmit]{flex-basis:100%;white-space:nowrap}.up-solo-ranking-link{width:100%;margin-top:12px;min-height:44px;border:1px solid #627d8a;border-radius:10px;color:#c1e6dd;background:transparent;font:inherit}.up-solo-ranking-link[hidden]{display:none}.up-solo-ranking{width:min(520px,calc(100vw - 32px))}.up-solo-ranking[open]{display:flex;flex-direction:column;overflow:hidden}.up-solo-ranking header,.up-solo-ranking footer{flex:none}.up-ranking-content{overflow-y:auto;min-height:0;overscroll-behavior:contain}.up-ranking-periods{display:flex;gap:8px;margin-bottom:8px}.up-ranking-periods button{flex:1;min-height:44px;color:#afbdcd;background:transparent;border:1px solid #465a70;border-radius:8px;font:inherit}.up-ranking-periods button[aria-pressed=true]{color:#f5fffc;background:#24454d;border-color:#91cbbf}.up-ranking-self{border-left:3px solid #91cbbf;padding:8px 10px;background:#24454d70;font-weight:600}.up-ranking-self:empty{display:none}.up-solo-ranking table{width:100%;border-collapse:collapse;font-size:12px}.up-solo-ranking th,.up-solo-ranking td{padding:10px 4px;text-align:left;border-bottom:1px solid #465a7055}.up-solo-ranking td:nth-child(2){overflow-wrap:anywhere}.up-solo-ranking th:last-child,.up-solo-ranking td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.up-solo-ranking tr.is-you{color:#bdece0;background:#24454d70}@media(max-height:440px){.up-solo-ranking{padding:12px 18px}.up-solo-ranking header{display:flex;align-items:center;gap:16px;margin-bottom:6px}.up-solo-ranking header .up-solo-kicker{display:none}.up-solo-ranking h2{font-size:20px;margin:0}.up-ranking-periods{flex:1;margin:0}.up-ranking-content>p{margin:6px 0}.up-solo-ranking footer{margin-top:8px}}.up-solo-actions button:disabled{opacity:.45;cursor:default}.up-solo-actions [data-solo=leave]{background:transparent}.up-solo-finish{position:fixed;top:132px;right:max(16px,env(safe-area-inset-right));z-index:60;font:12px system-ui,sans-serif}.up-solo-finish[hidden],.up-solo-actions button[hidden]{display:none}.npc-speech-bubble{position:fixed;z-index:30;transform:translate(-50%,-100%);max-width:min(78vw,420px);padding:8px 14px;border:3px solid #ffcf1f;border-radius:14px;background:#fffaebf5;color:#1b1b1b;font-weight:800;font-size:15px;line-height:1.35;text-align:center;pointer-events:none;box-shadow:0 4px 14px #00000059}.npc-speech-bubble:after{content:"";position:absolute;left:50%;bottom:-11px;transform:translate(-50%);border:8px solid transparent;border-top-color:#ffcf1f}.npc-speech-bubble[hidden]{display:none}