@charset "UTF-8";
:root{color-scheme:light;--ink:#35483e;--muted:#758174;--paper:#fbf7ed;--sage:#647d64;--sage-dark:#425f49;--line:#dcded0;--peach:#ead4bc;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{background:#c7d9c3}button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9ba9ce;outline-offset:4px}#game{position:relative;width:100%;height:100%;height:100dvh;isolation:isolate}#world{width:100%;height:100%;display:block;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 110px #324f3120;background:linear-gradient(#fbf7ed33,transparent 22%,transparent 80%,#415a391a)}
.brand{position:absolute;top:max(25px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);text-shadow:0 1px 12px #fff9}.brand>span:last-child{font:27px Georgia,serif;letter-spacing:-1px}.brand small{display:block;font:10px system-ui,sans-serif;letter-spacing:1.9px;text-transform:uppercase;margin-top:5px}.brand-mark{font:42px Georgia,serif;transform:rotate(-22deg);color:#657f63}.hud{position:absolute;top:max(24px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;padding:10px 24px;background:#fbf7ede0;box-shadow:0 5px 24px #384b2e0d;border:1px solid #ffffff8c;border-radius:50px;pointer-events:none;backdrop-filter:blur(12px)}.hud>span{display:flex;align-items:baseline;gap:5px}.hud strong{font:30px Georgia,serif;min-width:28px;font-variant-numeric:tabular-nums}.hud small{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.hud i{width:1px;height:25px;background:var(--line)}.hud .best{flex-direction:column;gap:2px}.hud b{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}.side-menu{position:absolute;right:max(22px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px}.icon-button{border:1px solid #fff9;border-radius:17px;min-width:64px;min-height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#fbf7edcf;color:var(--ink);box-shadow:0 3px 16px #32482d0b;backdrop-filter:blur(8px);transition:background .15s,transform .15s}.icon-button:hover{background:var(--paper);transform:translateX(-2px)}.icon-button>span{font-size:24px;line-height:1.1}.icon-button small{font-size:9px;letter-spacing:.3px}.lane-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:max(24px,env(safe-area-inset-bottom));display:flex;gap:9px;padding:10px 16px;background:#fbf7ed9e;border-radius:24px;pointer-events:none}.lane-dots span{width:6px;height:6px;background:#81917765;border-radius:50%;transition:transform .15s,background .15s}.lane-dots .active{background:var(--sage-dark);transform:scale(1.3)}
.touch-controls{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none}.touch-controls button{width:58px;height:58px;border-radius:50%;border:1px solid #fff9;background:#fbf7edbd;color:var(--ink);font:40px/1 Georgia,serif;pointer-events:auto;touch-action:manipulation;display:none}.toast{position:absolute;bottom:95px;left:50%;transform:translateX(-50%) translateY(8px);opacity:0;transition:opacity .2s,transform .2s;margin:0;padding:12px 20px;background:#fbf7edf0;border-radius:30px;font-size:12px;max-width:min(90%,460px);text-align:center;pointer-events:none}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.loading{position:absolute;inset:0;background:#e1e8d9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;transition:opacity .3s}.loading.hidden{opacity:0;pointer-events:none}.loading p{font:22px Georgia,serif;margin:12px 20px 0;text-align:center}.loading small{font-size:12px;color:var(--muted)}.spinner{width:28px;height:28px;border:2px solid #acbca9;border-right-color:var(--sage);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.paper-dialog{width:min(440px,calc(100vw - 36px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #fffdf5;border-radius:28px;padding:40px;background:linear-gradient(145deg,#fffaf0,#f3f0e5);color:var(--ink);box-shadow:0 25px 90px #28432d33;margin:auto;text-align:center;scrollbar-width:thin;overscroll-behavior:contain}.paper-dialog::backdrop{background:#314c332e;backdrop-filter:blur(3px)}.paper-dialog.compact{width:min(410px,calc(100vw - 36px));padding:36px 32px}.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:2.2px;color:var(--muted);margin-bottom:20px}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-1.8px;line-height:1.08;margin:0}h1{font-size:56px}h1 em{font-weight:400;color:var(--sage);font-style:italic}h2{font-size:38px;letter-spacing:-1.2px}.intro{font-size:13px;line-height:1.8;margin:20px 0;color:#768071}.paper-dialog p{line-height:1.7}.paper-dialog.compact>p{font-size:13px;color:var(--muted)}.control-guide{margin:24px 0 26px;display:flex;flex-direction:column;gap:10px;font-size:11px;color:var(--muted)}.control-guide>span{display:flex;align-items:center;justify-content:center;gap:5px}.control-guide small{font-size:10px}kbd{font:12px system-ui,sans-serif;min-width:26px;height:25px;display:inline-flex;align-items:center;justify-content:center;background:#e9ecdf;border:1px solid #d7decc;border-radius:6px;color:var(--ink)}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;width:100%;border-radius:13px;padding:13px 18px;font-size:12px;font-weight:500;border:0;transition:background .15s,transform .15s}.primary{background:var(--sage);color:#fffaf0;box-shadow:0 5px 12px #556f491c}.primary:hover{background:var(--sage-dark)}.primary>span{margin-left:auto;font-size:18px}.primary:active,.secondary:active{transform:translateY(1px)}.secondary{margin-top:10px;background:#e8ecdf;color:var(--ink)}.secondary:hover{background:#dce4d4}.text-button{background:none;border:0;color:#74836e;font-size:11px;padding:13px 6px;min-height:40px}.text-button:hover{text-decoration:underline}.fineprint{font-size:10px!important;color:#85907e;line-height:1.6;margin:12px 0}.fineprint:empty{display:none}.close-button{position:absolute;right:18px;top:14px;width:34px;height:34px;background:transparent;border:0;font-size:24px;color:var(--muted)}.field{display:flex;flex-direction:column;gap:7px;text-align:left;margin:22px 0 18px;font-size:11px;color:var(--muted)}.field input,.field select{border:1px solid #d5ddcd;border-radius:10px;padding:12px;background:#fffaf2;color:var(--ink);font-size:16px;min-width:0}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:18px;text-align:left;padding:14px 0;border-bottom:1px solid #e2e5d7;font-size:12px}.toggle-row small{display:block;font-size:10px;margin-top:4px;color:var(--muted)}.toggle-row input{accent-color:var(--sage);width:18px;height:18px;flex-shrink:0}.result{display:flex;flex-direction:column;gap:5px;margin:25px 0 12px}.result strong{font:65px Georgia,serif;font-variant-numeric:tabular-nums}.result span{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted)}.record-note{font:italic 17px Georgia,serif;color:var(--sage);margin:18px 0}.score-list{list-style:none;padding:0;margin:20px 0;text-align:left;counter-reset:scores}.score-list li{counter-increment:scores;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:13px 0;font-size:12px}.score-list li:before{content:counter(scores,decimal-leading-zero);font:16px Georgia,serif;color:#98a28d}.score-list li span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-list li b{font-weight:500;white-space:nowrap}.noscript{position:fixed;inset:0;background:var(--paper);display:grid;place-content:center;padding:30px}
@media(pointer:coarse){.touch-controls button{display:block}}@media(max-width:650px){.brand{top:max(18px,env(safe-area-inset-top));left:18px;gap:6px}.brand>span:last-child{font-size:22px}.brand-mark{font-size:31px}.brand small{font-size:8px;letter-spacing:1px}.hud{top:max(18px,env(safe-area-inset-top));left:auto;right:16px;transform:none;padding:7px 14px;gap:12px}.hud strong{font-size:24px}.hud small{font-size:8px}.hud b{font-size:11px}.side-menu{right:12px;gap:7px;top:36%}.icon-button{min-width:44px;min-height:46px;border-radius:13px}.icon-button>span{font-size:20px}.icon-button small{font-size:7px}.paper-dialog{padding:32px 28px}h1{font-size:48px}.paper-dialog.compact{padding:32px 26px}h2{font-size:33px}.brand small{max-width:130px}.lane-dots{bottom:max(36px,env(safe-area-inset-bottom))}}@media(max-height:600px){.paper-dialog{padding:25px 30px}.eyebrow{margin-bottom:12px}h1{font-size:40px}h2{font-size:31px}.intro{margin:12px 0}.control-guide{margin:12px 0 18px}.brand{top:15px}.hud{top:12px}.side-menu{gap:6px}.icon-button{min-height:44px;min-width:48px;border-radius:12px}.result{margin:15px 0}.result strong{font-size:48px}.paper-dialog.compact{padding:25px 30px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.spinner{animation:none}}
.xp-panel{position:absolute;top:max(93px,calc(env(safe-area-inset-top) + 73px));left:50%;transform:translateX(-50%);width:190px;padding:10px 14px;background:#fbf7edde;border-radius:14px;backdrop-filter:blur(8px);pointer-events:none}.xp-panel>span{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--sage-dark)}.xp-panel b{font-weight:500;margin-right:auto}#xp-track{height:4px;background:#a5bca540;border-radius:4px;overflow:hidden;margin-top:7px}#xp-fill{display:block;height:100%;width:0;background:#77b9b1;border-radius:4px;transition:width .2s}#shield-count:empty{display:none}.upgrade-choices{display:grid;gap:10px;margin:22px 0}.upgrade-card{display:grid;grid-template-columns:32px 1fr;gap:10px;text-align:left;border:1px solid #d8dfcf;background:#f2f4e9;border-radius:13px;padding:16px;color:var(--ink);min-height:82px}.upgrade-card:hover{background:#e5eddc;border-color:#96ad8d}.upgrade-card>span:first-child{font:28px Georgia,serif;color:#7fa59a}.upgrade-card b{display:block;font-size:13px;font-weight:500}.upgrade-card small{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:5px}#jump-button{font-size:28px}.touch-controls{gap:12px}#jump-button{margin-left:auto;margin-right:10px}@media(max-width:650px){.xp-panel{top:max(79px,calc(env(safe-area-inset-top) + 63px));left:auto;right:16px;transform:none;width:158px}.xp-panel>span{font-size:9px;gap:8px}.touch-controls{bottom:max(16px,env(safe-area-inset-bottom))}.lane-dots{bottom:max(88px,env(safe-area-inset-bottom))}}@media(max-height:600px){.xp-panel{top:76px;padding:7px 12px}.control-guide small{font-size:9px}}@media(prefers-reduced-motion:reduce){#xp-fill{transition:none}}
#jump-button{margin:0}
[hidden]{display:none!important}.battle-ui{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:24px}.combat-bars{display:flex;justify-content:space-between;align-items:center;gap:20px}.combat-health{width:min(32vw,300px);padding:14px 18px;border-radius:18px;background:#fbf7ede8;display:grid;grid-template-columns:1fr auto;gap:7px;backdrop-filter:blur(8px)}.combat-health small{font:19px Georgia,serif}.combat-health b{font-size:11px;font-weight:500;align-self:center}.hp-track{grid-column:1/-1;background:#adbbab44;height:7px;border-radius:6px;overflow:hidden}.hp-track i{display:block;height:100%;background:#7ea387;transition:width .3s}.enemy .hp-track i{background:#bb8e74}.combat-number{font:italic 18px Georgia,serif;color:#536849;background:#fbf7edba;border-radius:25px;padding:9px 20px}.combat-tray{pointer-events:auto;width:min(840px,100%);margin:0 auto;padding:20px 26px 8px;background:linear-gradient(135deg,#fffaf2f5,#f1f1e6f5);border:1px solid #fff9;border-radius:24px;box-shadow:0 14px 40px #31473117;backdrop-filter:blur(10px)}#boss-tell{font:italic 23px Georgia,serif;margin:0 0 8px}#battle-log{font-size:12px;color:#697864;min-height:18px;margin:8px 0 12px}.battle-hint{font-size:11px;color:#7c8876;margin:0}.combat-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.combat-actions button{padding:12px 9px;border:1px solid #d6decd;background:#e9eedf;border-radius:12px;min-height:57px;color:var(--ink)}.combat-actions button:hover{background:#dae5ce}.combat-actions button b{font-size:12px;font-weight:500}.combat-actions button small{display:block;font-size:9px;line-height:1.4;color:#78846f;margin-top:4px}.combat-tray>.text-button{display:block;margin:auto}.is-battle .brand,.is-battle .hud,.is-battle .xp-panel,.is-battle .side-menu,.is-battle .touch-controls,.is-battle .lane-dots{display:none}.character-dialog{width:min(650px,calc(100vw - 30px));padding:30px 34px}.character-summary{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:20px;text-align:left;margin:12px 0}.character-summary canvas{width:140px;height:163px;background:linear-gradient(#d7e5d9,#f1f0e0);border-radius:18px}.character-summary p{font-size:12px;color:#7a8671;margin:8px 0}.character-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.character-stats span{padding:9px;background:#e6eadc;border-radius:10px}.character-stats small{font-size:9px;display:block;color:#7d8975}.character-stats b{font:22px Georgia,serif;display:block;margin-top:3px}.point-note{color:#668163!important}.character-tabs{display:flex;gap:8px;margin:8px 0 16px}.character-tabs button{flex:1;border:0;border-radius:10px;padding:11px;background:#e7ebde;color:#798573;font-size:11px}.character-tabs button[aria-selected=true]{background:#6c8469;color:#fffaf2}.rpg-row{display:flex;gap:12px;align-items:center;text-align:left;padding:12px 0;border-bottom:1px solid #e2e6d9}.rpg-row>div{flex:1;min-width:0}.rpg-row strong{font-size:13px;font-weight:500}.rpg-row small{display:block;color:#7d8775;font-size:10px;margin-top:3px;line-height:1.5}.rpg-row .item-symbol{font:25px Georgia,serif;color:#839b7a;width:28px;flex-shrink:0}.rpg-row button{border:1px solid #cfd9c5;border-radius:9px;background:#e6eddb;color:#526b4c;min-height:36px;padding:8px 12px;font-size:11px}.rpg-row button:disabled{opacity:.45;cursor:default}.rpg-value{font:22px Georgia,serif;min-width:25px}.equipment-badge{font-size:9px;color:#64805d;display:block}.battle-ui[data-busy=true] .combat-actions{opacity:.65}@media(max-width:650px){.battle-ui{padding:12px 12px max(12px,env(safe-area-inset-bottom))}.combat-bars{gap:8px}.combat-health{width:44%;padding:10px}.combat-health small{font-size:14px}.combat-health b{font-size:9px}.combat-number{display:none}.combat-tray{padding:16px 15px 4px;border-radius:19px}#boss-tell{font-size:19px}.combat-actions{grid-template-columns:repeat(2,1fr);gap:7px}.combat-actions button{padding:9px 6px;min-height:48px}.combat-actions button small{font-size:8px}.battle-hint{font-size:10px}.character-dialog{padding:28px 22px}.character-summary{grid-template-columns:90px 1fr;gap:10px}.character-summary canvas{width:90px;height:115px}.character-stats{gap:5px}.character-stats span{padding:7px}.character-stats b{font-size:18px}.character-stats small{font-size:8px}.character-summary p{font-size:10px}.side-menu{top:39%}.rpg-row{gap:8px}.rpg-row button{padding:8px}.rpg-row strong{font-size:12px}}@media(max-height:600px){.combat-tray{padding:10px 20px 2px}#boss-tell{font-size:19px}#battle-log{margin:5px 0}.combat-actions button{min-height:45px;padding:7px}.battle-hint{font-size:9px}.battle-ui{padding:12px}.combat-health{padding:8px 14px}.character-summary{margin:4px 0}.character-summary canvas{height:110px;width:100px}}
#gate-goal{display:block;font-size:9px;color:#8a947d;margin-top:6px;text-align:center}@media(max-width:650px){.character-stats{grid-template-columns:repeat(2,1fr)}.character-stats>span:first-child{grid-column:1/-1}}
#character-title,.combat-bars strong{overflow-wrap:anywhere}
.music-volume{position:relative;margin:18px 0}.music-volume output{position:absolute;right:0;top:0;font-variant-numeric:tabular-nums}.music-volume input[type=range]{width:100%;padding:8px 0;accent-color:var(--sage)}
.item-icon{display:inline-block;width:32px;height:32px;flex-shrink:0;background-image:url('../assets/icons/shikashi-fantasy-icons-v2.png');background-repeat:no-repeat;image-rendering:pixelated;vertical-align:middle}
.character-dialog{width:min(900px,calc(100vw - 30px));padding:24px 28px}.character-dialog .eyebrow{margin-bottom:12px}.character-summary{grid-template-columns:100px 1fr;margin:8px 0}.character-summary canvas{width:100px;height:117px}.character-tabs{margin-bottom:12px}.inventory-layout{display:grid;grid-template-columns:220px 1fr;gap:20px;text-align:left}.inventory-heading{font:17px Georgia,serif;margin:0 0 10px;color:#526a51}.inventory-heading small{float:right;font:10px system-ui,sans-serif;color:#7b8773;padding-top:4px}.equipment-slots{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.gear-slot{min-width:0;min-height:91px;border:1px solid #a8b99c;border-radius:12px;background:#eef0e4;display:flex;align-items:center;flex-direction:column;padding:7px;gap:3px;color:#52694d;touch-action:none}.gear-slot small{font-size:10px;color:#7b8973}.gear-slot>span{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gear-slot.empty{border-style:dashed;background:#e8eadf66}.gear-slot.empty .item-icon{opacity:.25;filter:grayscale(1)}.inventory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:2px;border-radius:12px;min-height:100px}.bag-item,.bag-placeholder{height:56px;border-radius:9px;border:1px solid #d7decc;background:#e9eddf;min-width:0}.bag-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px;color:#5d7054;touch-action:none}.bag-item small{font-size:9px;line-height:12px}.bag-item.selected{outline:2px solid #6f947d;outline-offset:1px}.bag-placeholder{background:#e8eadb70;border-style:dashed}.stack-count{position:absolute;right:3px;top:2px;font-size:9px;background:#faf5e8;border-radius:4px;padding:1px 2px}.quality-uncommon{border-color:#7eaa83;background:#e3eddf}.quality-rare{border-color:#83a2bf;background:#e3eaf0}.quality-epic{border-color:#af93bf;background:#ede5f2}.quality-legendary{border-color:#c3a05b;background:#f2e8cf}.item-details{position:relative;min-height:92px;margin-top:10px;padding:10px 12px;border:1px solid #dbe1ce;border-radius:12px;background:#f8f6eb}.item-details>.item-icon{float:left;margin-right:9px}.item-details strong{display:block;font-size:13px;font-weight:500}.item-details>small{font-size:10px;color:#7e8b75;display:block;margin-top:3px}.item-details p{font-size:11px;color:#7a8772;line-height:1.5;margin:7px 0}.item-details .secondary{font-size:11px;min-height:34px;padding:7px;margin-top:7px}.item-comparison{display:flex;flex-wrap:wrap;gap:6px;clear:both}.item-comparison span{font-size:10px;padding:3px 6px;border-radius:5px;background:#e5ecd9}.item-comparison .positive{color:#477643}.item-comparison .negative{background:#f1e0d5;color:#a36550}.inventory-status{font-size:11px;color:#9e6b50;min-height:0;margin:7px 0!important}.inventory-status:empty{display:none}.drop-target{outline:3px solid #81a690!important;outline-offset:2px}.inventory-drag-ghost{position:fixed;pointer-events:none;z-index:1000;width:48px;height:48px;border:2px solid #86a78e;border-radius:10px;background:#faf5e7;display:grid;place-items:center;box-shadow:0 5px 15px #30432c44}.toast .item-icon{margin-right:8px}.combat-actions .item-icon{width:32px;display:block;margin:0 auto 3px}.upgrade-card .item-icon{font-size:initial}
@media(max-width:650px){.character-dialog{padding:24px 18px}.character-summary{grid-template-columns:80px 1fr}.character-summary canvas{width:80px;height:100px}.inventory-layout{grid-template-columns:1fr;gap:14px}.equipment-slots{grid-template-columns:repeat(3,1fr);gap:6px}.gear-slot{min-height:78px;padding:5px}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.inventory-heading small{float:none;display:block;padding-top:3px}.character-dialog h2{font-size:30px}}
.combat-actions #battle-potion{position:relative;padding-left:30px}.combat-actions #battle-potion>.item-icon{position:absolute;left:8px;top:10px;display:inline-block;margin:0;transform:scale(.7);transform-origin:top left}
.stamina-caption{display:flex;justify-content:space-between;color:#6d817b;font-size:9px;margin-top:9px}.stamina-caption b{font-weight:500;font-variant-numeric:tabular-nums}#stamina-track{height:5px;background:#b8cac044;border-radius:6px;overflow:hidden;margin-top:4px}#stamina-fill{display:block;height:100%;background:#7eaaa7;border-radius:6px}#stamina-track.exhausted #stamina-fill{background:#bf9a7b}.gear-slot .forge-progress{display:block;background:#dce6d0;color:#6c805b;padding:2px 6px;border-radius:7px;font-size:9px}.fusion-button{background:#e9dfc9;color:#816443}.gear-slot.just-upgraded{animation:forge-glow .45s ease-in-out 2}@keyframes forge-glow{50%{box-shadow:0 0 0 4px #d2b56f66;background:#f4e9c8}}@media(prefers-reduced-motion:reduce){.gear-slot.just-upgraded{animation:none}}
.stamina-caption b{margin-left:auto;margin-right:0}
.rpg-skin .paper-dialog{border:24px solid transparent;border-image-source:var(--ui-window);border-image-slice:110 fill;border-image-repeat:stretch;background:#faf7eb;background-clip:padding-box;border-radius:0;padding:20px 24px;box-shadow:0 20px 90px #2d463342}.rpg-skin .character-dialog{width:min(980px,calc(100vw - 24px))}.rpg-skin .primary,.rpg-skin .secondary,.rpg-skin .character-tabs button,.rpg-skin .combat-actions button,.rpg-skin .battle-submenu button,.rpg-skin .skill-card button{border:10px solid transparent;border-image-source:var(--ui-button);border-image-slice:35 65 fill;border-image-repeat:stretch;background:transparent;border-radius:0;padding:5px 10px;color:#415c4d}.rpg-skin .primary,.rpg-skin .character-tabs button[aria-selected=true]{border-image-source:var(--ui-selected);color:#fff8e9}.rpg-skin .primary{min-height:50px}.rpg-skin .character-summary canvas{background:var(--ui-portrait) center/100% 100% no-repeat,radial-gradient(#e7eedc,#f7f2e3);border-radius:50%}.rpg-skin .gear-slot,.rpg-skin .bag-item,.rpg-skin .bag-placeholder{background:var(--ui-slot) center/100% 100% no-repeat;background-color:var(--item-tint,#edf0e2);border:0;border-radius:2px}.rpg-skin .bag-placeholder{opacity:.35}.rpg-skin .gear-slot.empty{background-color:#f4f1e4}.quality-uncommon{--item-tint:#e3eddf}.quality-rare{--item-tint:#e3eaf0}.quality-epic{--item-tint:#ede5f2}.quality-legendary{--item-tint:#f2e8cf}.rpg-skin .combat-tray{background:#faf7eeee var(--ui-combat) center/100% 100% no-repeat;border:0;padding:24px 30px 10px;border-radius:18px}.rpg-skin .combat-health,.rpg-skin .xp-panel{background:#f8f5e8ef var(--ui-tooltip) center/100% 100% no-repeat;border-radius:12px}.rpg-skin .combat-health{padding:17px 22px}.rpg-skin .item-details{background:#faf7eb var(--ui-tooltip) center/100% 100% no-repeat;border:0;padding:14px 16px}.rpg-skin .hp-track,.rpg-skin .mp-track,.rpg-skin #xp-track,.rpg-skin #stamina-track{position:relative;height:10px;border:2px solid #d3bf8c;overflow:visible;background:#d9d8c7}.rpg-skin .hp-track:after,.rpg-skin .mp-track:after,.rpg-skin #xp-track:after,.rpg-skin #stamina-track:after{content:'';position:absolute;inset:-5px -9px;background:var(--ui-bar) center/100% 100% no-repeat;pointer-events:none}.rpg-skin .hp-track i,.rpg-skin .mp-track i{border-radius:4px}.mp-track{grid-column:1/-1;border-radius:6px;background:#bac6d5;height:6px}.mp-track i{display:block;height:100%;background:#849fc1;transition:width .3s}.mana-label{display:flex;justify-content:space-between;grid-column:1/-1;font-size:10px;color:#7d8fa2;margin-top:2px}.mana-label b{font-size:10px}.combat-effects{grid-column:1/-1;font-size:10px;color:#8a7856}.character-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.character-stats b{font-size:20px}.character-stats small{font-size:9px}.character-tabs button{min-width:0}.battle-submenu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px;max-height:155px;overflow:auto;padding:3px}.battle-submenu button{min-height:66px;text-align:left;font-size:11px;color:#4b6250}.battle-submenu .item-icon{float:left;margin-right:6px}.battle-submenu b{font-size:11px;display:block;font-weight:500}.battle-submenu small{display:block;font-size:9px;margin-top:3px}.skill-card{display:grid;grid-template-columns:36px 1fr 120px;gap:12px;text-align:left;padding:14px 0;border-bottom:1px solid #d8ddcb;align-items:center}.skill-card strong{font-size:14px;font-weight:500}.skill-card p{font-size:11px;color:#7b8971;margin:5px 0}.skill-card small{font-size:10px;color:#87907a}.skill-card button{font-size:11px;min-height:42px}.character-summary{grid-template-columns:100px 1fr}.equipment-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.combat-actions button[data-battle-menu]{font-family:inherit}.combat-actions small{line-height:1.4}
@media(max-width:650px){.rpg-skin .paper-dialog{border-width:16px;padding:14px 12px;max-height:calc(100dvh - 20px)}.rpg-skin .character-dialog{width:calc(100vw - 16px)}.character-summary{grid-template-columns:72px 1fr;gap:8px}.character-summary canvas{width:72px;height:86px}.character-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.character-stats>span:first-child{grid-column:auto}.character-stats b{font-size:16px}.character-stats span{padding:6px}.character-stats small{font-size:8px}.character-tabs{gap:3px}.rpg-skin .character-tabs button{font-size:9px;padding:4px;border-width:8px}.rpg-skin .combat-health{padding:12px 13px;width:46%}.combat-health small{font-size:12px}.combat-health b{font-size:8px}.mana-label{font-size:8px}.mana-label b{font-size:8px}.rpg-skin .combat-tray{padding:20px 19px 6px}.battle-submenu{grid-template-columns:repeat(2,minmax(0,1fr));max-height:120px}.skill-card{grid-template-columns:28px 1fr;gap:8px}.skill-card>.item-icon{transform:scale(.8);transform-origin:left center}.skill-card button{grid-column:2;width:100%}.skill-card p{font-size:10px}.equipment-slots{grid-template-columns:repeat(4,minmax(0,1fr))}.gear-slot{padding:4px 2px;min-height:86px}.gear-slot small{font-size:8px}.gear-slot>span{font-size:8px}.gear-slot .forge-progress{font-size:7px;padding:2px}.rpg-skin .combat-actions button{padding:4px;border-width:8px;min-height:54px}.combat-actions button small{font-size:8px}.character-summary p{font-size:9px}.rpg-skin .combat-tray #boss-tell{font-size:17px}.rpg-skin .combat-tray #battle-log{font-size:10px;margin:6px 0}.rpg-skin .xp-panel{padding:12px 16px}.skill-card strong{font-size:12px}}
.rpg-skin .combat-tray{border:24px solid transparent;border-image-source:var(--ui-combat);border-image-slice:58 fill;border-image-repeat:stretch;background:#faf7ee;background-clip:padding-box;border-radius:0;padding:10px 14px 2px}.rpg-skin .inventory-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.rpg-skin .bag-item,.rpg-skin .bag-placeholder{height:68px}.rpg-skin .gear-slot{padding:10px 7px;min-height:105px}.rpg-skin .item-details{padding:20px 28px}.rpg-skin .battle-submenu small{color:#53634f}@media(max-width:650px){.rpg-skin .combat-tray{border-width:16px;padding:9px 8px 2px}.rpg-skin .inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rpg-skin .bag-item,.rpg-skin .bag-placeholder{height:58px}.rpg-skin .gear-slot{padding:8px 3px;min-height:92px}.rpg-skin .item-details{padding:17px 20px}}
.rpg-skin .eyebrow{display:block;width:min(320px,100%);min-height:42px;margin:0 auto 12px;padding:13px 45px 11px;letter-spacing:1.4px;font-size:8px;background:var(--ui-title) center/100% 100% no-repeat}
.rpg-skin .paper-dialog,.rpg-skin .combat-tray{background-clip:border-box;border-radius:5px}
.combat-health{grid-template-columns:minmax(0,1fr) auto}.combat-health>small{min-width:0;overflow-wrap:anywhere}
/* Paper lives inside the atlas contour; transparent corners show the world. */
.rpg-skin .paper-dialog,.rpg-skin .combat-tray{background:none;background-color:transparent;box-shadow:none;backdrop-filter:none;border-radius:0}.rpg-skin .paper-dialog{filter:drop-shadow(0 12px 22px #2c412c26)}.rpg-skin .combat-health,.rpg-skin .xp-panel,.rpg-skin .item-details{background-color:transparent;backdrop-filter:none;box-shadow:none}.rpg-skin .character-summary canvas{background:var(--ui-portrait) center/100% 100% no-repeat;border-radius:0}.rpg-skin .gear-slot,.rpg-skin .bag-item,.rpg-skin .bag-placeholder,.rpg-skin .gear-slot.empty{background-color:transparent;background-image:var(--slot-face,var(--ui-slot));box-shadow:none}.quality-uncommon{--slot-face:var(--ui-slot-uncommon)}.quality-rare{--slot-face:var(--ui-slot-rare)}.quality-epic{--slot-face:var(--ui-slot-epic)}.quality-legendary{--slot-face:var(--ui-slot-legendary)}.start-name{margin:15px 0;text-align:left}.start-name input{background:#f4efdf;font-size:16px}.rpg-skin .hp-track,.rpg-skin .mp-track,.rpg-skin #xp-track,.rpg-skin #stamina-track{border-color:transparent;border-radius:8px;background:#7e8f6e22}
/* Handwritten paths through three parchment talent trees. */
.talent-forest{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;text-align:left}.talent-switch{display:none}.talent-starter{grid-column:1/-1;margin:0 0 4px;color:#77836b;font-size:12px;line-height:1.6}.talent-tree{min-width:0;padding:14px 8px;border:1px solid #c8cdb866;border-radius:22px;background:linear-gradient(180deg,#e5ebdf66,#f7f0e533)}.talent-tree h3{text-align:center;color:var(--tree-color);font:27px Georgia,serif;margin:2px 0 5px}.talent-tree>p:not(.talent-detail){text-align:center;font-size:9px;line-height:1.6;color:#7d846f;min-height:30px;margin:0 0 14px}.talent-path{position:relative}.talent-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.talent-links path{fill:none;stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.talent-links .sleeping{stroke:#b7bca277;stroke-dasharray:3 5}.talent-links .lit{stroke:#bd9b58;stroke-width:2.5}.talent-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,150px);gap:34px 10px}.talent-node{position:relative;min-width:0;border:1px solid #bac4b099;border-radius:13px;background:#f3f1e6;box-shadow:0 2px 8px #536b4b0a;text-align:center;padding:8px 5px;display:flex;flex-direction:column;align-items:center}.talent-node.learned{background:#e5ebd8;border-color:#b29a5c;box-shadow:0 0 0 2px #ccbc8d33}.talent-node.available{border-color:var(--tree-color);background:#faf5e5}.talent-node:focus-visible{outline:3px solid #9faec7;outline-offset:3px}.talent-node button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;border:0;background:none;color:#455e50;width:100%;font:inherit;cursor:pointer}.talent-node button:disabled{cursor:default;opacity:1}.talent-node button strong{font:14px Georgia,serif;line-height:1.15;min-height:17px}.talent-node button .item-icon{width:32px;min-height:32px}.talent-node small{font-size:9px;color:#7b846d;margin-top:5px}.talent-node p{font-size:10px;line-height:1.35;color:#77816f;margin:5px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.talent-node>span{font-size:9px;color:#8a7956;margin-top:auto}.talent-node.learned>span{color:#5d8056}.talent-detail{font-size:11px;line-height:1.6;min-height:70px;margin:16px 2px 0;color:#6c7d65}.talent-node.sealed .item-icon{filter:saturate(.5);opacity:.7}
@media(max-width:750px) and (min-width:651px){.talent-forest{gap:6px}.talent-tree{padding:10px 4px}.talent-grid{column-gap:5px}.talent-node button strong{font-size:12px}.talent-node p{font-size:9px}.talent-node{padding:7px 3px}}
@media(max-width:650px){.talent-forest{grid-template-columns:minmax(0,1fr)}.talent-switch{display:flex;grid-column:1/-1;gap:5px}.talent-switch button{flex:1;border:1px solid #c7c5ac;background:#eeeedf;border-radius:11px;color:#69806c;font:14px Georgia,serif;padding:11px 3px}.talent-switch button[aria-pressed=true]{background:#dfe9d5;border-color:#8b9d77;color:#465f4a}.talent-tree[data-active=false]{display:none}.talent-tree{padding:14px 10px}.talent-grid{grid-template-rows:repeat(3,130px);row-gap:32px}.talent-node button strong{font-size:15px}.talent-node small{margin-top:3px}.talent-node p{margin:3px 0}.talent-detail{min-height:55px}.talent-starter{font-size:11px}.talent-node>span{font-size:10px}}
.talent-node.available{cursor:pointer}@media(max-width:650px){.talent-switch{position:sticky;top:0;z-index:3;background:#f8f5e8;padding:7px 0}.talent-node.available>span{font-weight:600}}
/* Compact icon trees; a shared inspector keeps explanations readable. */
.compact-talents{gap:10px}.compact-talents .talent-tree{padding:10px 8px;border-radius:15px}.compact-talents .talent-tree h3{font-size:23px;margin:0 0 4px}.compact-talents .talent-tree>p{min-height:0;margin:0 0 12px;font-size:10px}.compact-talents .talent-grid{grid-template-rows:repeat(3,80px);gap:20px 6px;justify-items:center}.compact-talents .talent-node{width:94px;height:80px;max-width:100%;padding:0;display:flex;align-items:center;gap:5px;border:0;background:none;box-shadow:none}.compact-talents .talent-node.learned,.compact-talents .talent-node.available,.compact-talents .talent-node.sealed{background:none;border:0;box-shadow:none}.compact-talents .talent-node button{position:relative;width:48px;height:48px;min-height:48px;border:2px solid #afad91;border-radius:7px;background:#e5e6d7;box-shadow:inset 0 0 0 2px #f9f1d3,0 2px 5px #3b46391a;display:grid;place-items:center;padding:0}.compact-talents .talent-node.learned button{border-color:#b28b43;background:#dce7c9;box-shadow:0 0 0 2px #dec58d66,inset 0 0 0 2px #f4e5b5}.compact-talents .talent-node.available button{border-color:#8da679;box-shadow:0 0 0 2px #b9ce9e55,inset 0 0 0 2px #f9f1d3}.compact-talents .talent-rank{position:absolute;right:-7px;bottom:-5px;margin:0!important;font:9px/14px system-ui,sans-serif;background:#e7e2c9;color:#647051;border:1px solid #c5b275;border-radius:4px;padding:0 3px}.compact-talents .learned .talent-rank{background:#dfe8c7;color:#4f7445}.compact-talents .talent-node>strong{font:11px/1.2 Georgia,serif;color:#55674f;font-weight:400;max-width:100%;text-align:center}.compact-talents .talent-links .hybrid{stroke:#8aa997;stroke-dasharray:2 3;stroke-width:1.8}.compact-talents .talent-starter{font-size:11px;margin-bottom:0}.talent-inspector{grid-column:1/-1;display:grid;grid-template-columns:32px 1fr auto;gap:10px;text-align:left;align-items:center;padding:10px 12px;border:1px solid #bfc9ae80;border-radius:12px;min-height:82px;background:#e8ecdd77}.talent-inspector strong{font:15px Georgia,serif;color:#4e6350}.talent-inspector p{font-size:12px;line-height:1.4;margin:4px 0;color:#68785f}.talent-inspector small{font-size:10px;color:#8b7b58}.rpg-skin .talent-buy{min-height:36px;margin:0;font-size:11px;padding:3px 6px;border-width:7px}.compact-talents .talent-switch{margin:0}
.inventory-help{text-align:left;margin:8px 0;color:#7c896e;font-size:11px}.inventory-help summary{cursor:pointer;list-style-position:inside}.inventory-help p{margin:8px 0;line-height:1.5}
@media(min-width:651px){.rpg-skin .paper-dialog{border-width:18px;padding:16px 20px}.rpg-skin .character-dialog{width:min(1040px,calc(100vw - 28px));padding:14px 18px}.character-dialog .eyebrow{font-size:9px;margin-bottom:5px;min-height:0;padding:4px 20px}.character-dialog h2{font-size:30px;margin:8px 0}.character-summary{grid-template-columns:66px 1fr;gap:12px;margin:5px 0}.character-summary canvas{width:66px;height:77px}.character-summary p{font-size:10px;margin:4px 0}.character-stats span{padding:7px}.character-stats b{font-size:18px}.character-tabs{margin:7px 0 9px;gap:6px}.rpg-skin .character-tabs button{font-size:11px;min-height:32px;padding:2px 6px;border-width:7px}.character-dialog .point-note{font-size:11px;margin:6px 0}.character-dialog .fineprint{font-size:10px;line-height:1.45;margin:8px 0}.character-dialog>.secondary{min-height:34px;font-size:11px;padding:2px 12px;border-width:7px}.inventory-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px}.inventory-heading{font-size:16px;margin:0 0 7px}.equipment-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.rpg-skin .gear-slot{min-height:82px;padding:6px 3px;gap:2px}.gear-slot small,.gear-slot>span{font-size:9px}.gear-slot .forge-progress{font-size:8px;padding:1px 3px}.inventory-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;max-height:145px;overflow-y:auto;overflow-x:hidden;padding:3px;scrollbar-width:thin}.rpg-skin .bag-item,.rpg-skin .bag-placeholder{height:45px}.bag-item .item-icon{transform:scale(.87);margin:-2px}.rpg-skin .item-details{min-height:72px;padding:12px 17px;margin-top:7px}.item-details p{font-size:10px;margin:4px 0}.item-details strong{font-size:12px}.item-details .secondary{min-height:29px;padding:2px 5px;border-width:6px;font-size:10px;margin-top:4px}.inventory-status:empty{display:none}.attribute-list{gap:5px}}
@media(min-width:651px) and (max-height:760px){.rpg-skin .character-dialog{border-width:14px;padding:10px 14px}.character-dialog h2{font-size:25px;margin:5px 0}.character-dialog .eyebrow{display:none}.character-summary canvas{width:55px;height:64px}.character-summary{grid-template-columns:55px 1fr}.compact-talents .talent-grid{grid-template-rows:repeat(3,72px);row-gap:15px}.compact-talents .talent-node{height:72px}.compact-talents .talent-tree>p{margin-bottom:7px}.compact-talents .talent-tree{padding:8px}.talent-inspector{padding:7px 10px;min-height:72px}}
@media(max-width:650px){.compact-talents{gap:8px}.compact-talents .talent-tree{padding:10px 14px}.talent-inspector{grid-template-columns:28px 1fr;gap:7px;padding:9px}.talent-inspector>.talent-buy{grid-column:2;justify-self:start}.talent-inspector p{font-size:11px}.compact-talents .talent-node>strong{font-size:12px}.compact-talents .talent-tree>p{margin-bottom:12px}.character-dialog .fineprint{font-size:10px}}
/* Reserve the middle of the sky for the sun and moon. */
@media(min-width:651px){.hud{left:auto;right:26px;transform:none;top:20px;padding:8px 16px;gap:12px}.hud strong{font-size:25px}.hud small{font-size:9px}.xp-panel{left:auto;right:26px;transform:none;top:82px;width:180px}.brand>span:last-child{font-size:24px}.brand-mark{font-size:36px}.character-dialog .eyebrow{display:none}.character-dialog h2{font-size:26px;margin:5px 0}.character-summary{grid-template-columns:55px 1fr}.character-summary canvas{width:55px;height:64px}.compact-talents .talent-grid{grid-template-rows:repeat(3,66px);row-gap:16px}.compact-talents .talent-node{height:66px}.compact-talents .talent-node button{width:42px;height:42px;min-height:42px}.compact-talents .talent-tree{padding:8px}.compact-talents .talent-tree h3{font-size:21px}.compact-talents .talent-tree>p{margin-bottom:8px;font-size:9px}.talent-inspector{min-height:60px;padding:7px 10px}.talent-inspector strong{font-size:14px}.talent-inspector p{font-size:11px;margin:3px 0}.character-dialog:has(#skills-panel:not([hidden])) #character-mode-note{display:none}.character-dialog:has(#skills-panel:not([hidden]))>.secondary{margin-top:5px}}
.is-night .brand{color:#e6e9d9;text-shadow:0 1px 9px #091124}.is-night .brand-mark{color:#bfd3b3}
@media(min-width:651px){.compact-talents .talent-grid{grid-template-rows:repeat(3,60px);row-gap:10px}.compact-talents .talent-node{height:60px;gap:3px}.compact-talents .talent-node button{width:40px;height:40px;min-height:40px}}@media(min-width:651px) and (max-height:760px){.compact-talents .talent-grid{grid-template-rows:repeat(3,56px)}.compact-talents .talent-node{height:56px}.compact-talents .talent-node button{width:38px;height:38px;min-height:38px}}
/* Compact classic RPG command list, using Windpfad's parchment frames. */
.rpg-skin .combat-tray{position:absolute;inset:0;width:auto;max-width:none;max-height:none;margin:0;padding:0;border:0;border-image:none;background:none;transform:none;pointer-events:none;display:block}.battle-command-panel{position:absolute;left:24px;bottom:24px;width:190px;border:14px solid transparent;border-image:var(--ui-window) 110 fill stretch;padding:3px 4px;pointer-events:auto}.command-heading{display:block;text-align:center;font-size:9px;letter-spacing:2px;color:#819071;margin:2px 0 5px}.rpg-skin .combat-actions{display:flex;flex-direction:column;gap:1px;margin:0}.rpg-skin .combat-actions button,.battle-command-panel #battle-character{position:relative;display:flex;align-items:center;gap:6px;width:100%;min-height:32px;margin:0;border:0;border-image:none;background:none;border-radius:4px;padding:3px 5px;color:#50624f;font:13px Georgia,serif;text-align:left}.rpg-skin .combat-actions button b{font:inherit}.rpg-skin .combat-actions button small{display:none}.battle-command-panel .item-icon{flex:0 0 32px;display:inline-block!important;margin:-5px -7px -5px -6px!important;transform:scale(.58);transform-origin:center}.rpg-skin .combat-actions button:hover:not(:disabled),.rpg-skin .combat-actions button:focus-visible,.battle-command-panel #battle-character:focus-visible,.battle-command-panel #battle-character:hover{background:#dce8cf;outline:1px solid #b6bf99}.rpg-skin .combat-actions button[aria-expanded=true]{background:#dfe7d3;color:#425c43}.rpg-skin .combat-actions button:focus-visible:before,.rpg-skin .combat-actions button:hover:not(:disabled):before{content:'▸';position:absolute;left:-8px;color:#ba985a;font-size:14px}.battle-dialogue{position:absolute;bottom:24px;right:24px;width:min(460px,calc(100vw - 270px));border:15px solid transparent;border-image:var(--ui-combat) 58 fill stretch;padding:6px 10px;pointer-events:auto;text-align:left}.rpg-skin .battle-dialogue #boss-tell{font:21px Georgia,serif;margin:0 0 7px}.battle-dialogue #battle-hint{font-size:10px;line-height:1.5;margin:5px 0}.rpg-skin .battle-dialogue #battle-log{font-size:12px;line-height:1.5;margin:5px 0;max-height:72px;overflow:auto}.rpg-skin .battle-submenu{position:absolute;left:232px;bottom:24px;width:285px;max-height:270px;overflow:auto;grid-template-columns:1fr;gap:3px;margin:0;border:12px solid transparent;border-image:var(--ui-window) 110 fill stretch;padding:4px;pointer-events:auto;background:none}.rpg-skin .battle-submenu button{min-height:47px;border-width:7px;padding:2px 5px}.battle-empty{font-size:12px;line-height:1.5;color:#78856d;margin:5px}.battle-submenu .item-icon{transform:scale(.75);margin-right:1px}.battle-submenu[hidden]{display:none!important}.character-stats{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:900px) and (min-width:651px){.battle-dialogue{bottom:310px;left:24px;right:auto;width:350px;max-width:calc(100vw - 48px)}}
@media(max-width:650px){.battle-command-panel{left:12px;bottom:12px;width:132px;border-width:10px;padding:2px}.command-heading{font-size:8px;letter-spacing:1px}.rpg-skin .combat-actions button,.battle-command-panel #battle-character{font-size:11px;min-height:31px;padding:2px 3px;gap:3px}.battle-command-panel .item-icon{transform:scale(.52)}.battle-dialogue{right:12px;bottom:12px;left:auto;width:calc(100vw - 168px);border-width:10px;padding:4px 5px}.rpg-skin .battle-dialogue #boss-tell{font-size:16px;line-height:1.2;margin-bottom:6px}.battle-dialogue #battle-hint{display:none}.rpg-skin .battle-dialogue #battle-log{font-size:10px;line-height:1.4;max-height:68px;margin:0}.rpg-skin .battle-submenu{left:156px;bottom:12px;width:calc(100vw - 168px);max-height:195px;border-width:9px;padding:2px}.rpg-skin .battle-submenu button{min-height:46px;border-width:5px;padding:3px}.combat-tray:has(.battle-submenu:not([hidden])) .battle-dialogue{bottom:220px}.battle-submenu b{font-size:11px}.battle-submenu small{font-size:9px}.character-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.battle-empty{font-size:11px}}
/* Compact journey HUD and a single collapsible menu. The controls retain keyboard shortcuts. */
.rpg-skin .xp-panel{width:210px;padding:12px 17px 10px;background-image:var(--ui-tooltip);background-size:100% 100%;}
.rpg-skin .xp-panel>span{font-size:11px;gap:9px}.rpg-skin .xp-panel #xp-track,.rpg-skin .xp-panel #stamina-track{height:5px;margin-top:5px;border-width:0;overflow:hidden;background:#c5cdb9;border-radius:4px}
.rpg-skin .xp-panel #xp-track:after,.rpg-skin .xp-panel #stamina-track:after{display:none}.rpg-skin .xp-panel .stamina-caption{font-size:10px;margin-top:7px}.rpg-skin .xp-panel #gate-goal{font-size:9px;margin-top:6px}
.menu-dock{position:absolute;z-index:8;right:max(20px,env(safe-area-inset-right));top:205px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.gear-toggle{width:46px;height:46px;min-height:46px;min-width:46px;padding:0;pointer-events:auto;background:#f6f1dfed;border:1px solid #cbbf98;box-shadow:0 3px 12px #354a3b24}.gear-toggle span{display:block;font-size:26px;line-height:1;transition:transform .25s}.open .gear-toggle span{transform:rotate(65deg)}
.menu-dock .side-menu{position:static;transform:translateX(12px);display:grid;grid-template-columns:repeat(2,72px);gap:5px;padding:8px;border-radius:16px;background:#f7f2e4f5;box-shadow:0 5px 25px #253e4328;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .22s,visibility .22s}.menu-dock.open .side-menu{transform:none;opacity:1;visibility:visible;pointer-events:auto}.menu-dock .side-menu .icon-button{min-height:56px;width:72px;padding:7px 3px;background:#dfe6d08c;border-radius:10px}.menu-dock .side-menu small{font-size:9px}.menu-dock .side-menu .icon-button>span{font-size:21px}.is-battle .menu-dock{display:none}.touch-controls{display:none!important}.lane-dots{bottom:max(18px,env(safe-area-inset-bottom))}
.checkpoint-price{padding:14px;border-radius:12px;background:#e5eadc;margin:14px 0}.checkpoint-price strong{display:block;font:30px Georgia,serif;color:#526e65}.checkpoint-price span{display:block;font-size:11px;margin-top:5px}.animations-enabled .menu-dock .side-menu{transition:opacity .2s,transform .22s,visibility .22s!important}.animations-enabled .gear-toggle span{transition:transform .25s!important}
@media(max-width:650px){.rpg-skin .xp-panel{width:170px;right:16px;padding:11px 15px 9px}.rpg-skin .xp-panel>span{font-size:10px}.rpg-skin .xp-panel .stamina-caption{font-size:9px;margin-top:6px}.menu-dock{top:185px;right:16px}.gear-toggle{width:44px;height:44px;min-height:44px;min-width:44px}.toast{bottom:52px}.lane-dots{bottom:max(18px,env(safe-area-inset-bottom))}}
@media(max-height:600px) and (min-width:651px){.menu-dock{top:185px}.menu-dock .side-menu{grid-template-columns:repeat(3,65px)}.menu-dock .side-menu .icon-button{width:65px;min-height:48px}}
@media(max-height:520px){.menu-dock{top:auto;bottom:max(16px,env(safe-area-inset-bottom));flex-direction:column-reverse}.menu-dock .side-menu{grid-template-columns:repeat(3,60px)}.menu-dock .side-menu .icon-button{width:60px;min-width:60px;min-height:46px}.menu-dock .side-menu small{font-size:8px}}
.battle-tactics{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:10px}.battle-tactics>span{padding:5px 9px;border-radius:8px;background:#e1e9dc;color:#49635a}.battle-tactics>span[data-threat=danger]{background:#f0d7c7;color:#814e3d}.battle-tactics>span[data-threat=opening]{background:#d9e8e3;color:#3d6960}.battle-tactics>b{white-space:nowrap;font-weight:500;color:#697c67}.battle-sequence{display:block;font-size:9px;line-height:1.5;color:#73836d;margin:6px 0}.combat-effects:empty{display:none}#hero-effects{grid-column:1/-1;color:#975e63;font-size:10px;line-height:1.35}#boss-effects{line-height:1.35}#boss-tell{font-size:clamp(15px,1.6vw,21px)}
@media(max-width:650px){.battle-tactics{font-size:8px;gap:5px;flex-wrap:wrap}.battle-tactics>span{padding:4px 6px}.battle-tactics>b{font-size:8px}.battle-sequence{font-size:8px}#hero-effects{font-size:8px}#boss-tell{font-size:14px}}
.route-choice{position:absolute;top:95px;left:50%;transform:translateX(-50%);max-width:420px;padding:12px 22px;border-radius:16px;background:#f7f1e3f2;border:1px solid #cbbb91;box-shadow:0 3px 15px #31483720;text-align:center;pointer-events:none;color:#486257;font-size:12px}.route-choice b,.route-choice span,.route-choice small{display:block;line-height:1.6}.route-choice small{color:#7a775a;font-size:10px}.visit-dialog{width:min(580px,calc(100vw - 26px));max-height:calc(100dvh - 28px);overflow:auto}.visit-dialog h2{margin-bottom:6px}#visit-portrait{display:block;width:120px;height:100px;margin:0 auto 8px}.visit-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.visit-offers button{padding:12px;text-align:left;border:1px solid #d7d9c5;border-radius:12px;background:#eaf0df;color:#415b50;display:grid;grid-template-columns:32px 1fr;gap:5px 9px;min-height:112px}.visit-offers button b{font-size:12px;font-weight:500}.visit-offers button small,.visit-offers button span{grid-column:1/-1;line-height:1.4;font-size:10px}.visit-offers button span{color:#7a6747}.visit-offers button:disabled{opacity:.5}.visit-footer{position:sticky;bottom:-1px;background:#f8f5e8;padding-top:8px;display:flex;gap:8px}.visit-footer button{flex:1;margin:0;min-width:0;font-size:11px;padding:12px 6px}.lap-build{text-align:left;padding:14px;border-radius:12px;background:#e8ecdf;font-size:12px;line-height:1.6}.lap-build b{display:block}.boss-intro{position:absolute;left:50%;top:26%;transform:translateX(-50%);z-index:3;max-width:85%;padding:18px 35px;border-radius:18px;background:#f7f1dfeb;color:#405d50;font:30px Georgia,serif;text-align:center;opacity:0;visibility:hidden;transition:opacity .3s}.battle-ui[data-intro=true] .boss-intro{opacity:1;visibility:visible}.battle-ui:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0;transition:opacity .25s}.battle-ui[data-feedback=guard]:after{opacity:1;background:radial-gradient(ellipse at 32% 56%,#99cddd28,transparent 55%)}.battle-ui[data-feedback=opening]:after{opacity:1;background:radial-gradient(ellipse at 68% 42%,#f4dda536,transparent 50%)}.battle-ui[data-feedback=hurt]:after{opacity:1;background:linear-gradient(transparent 60%,#c77e7117)}
@media(max-width:650px){.route-choice{top:186px;left:14px;right:72px;max-width:none;transform:none;padding:9px 8px;font-size:10px}.route-choice small{font-size:9px}.visit-dialog{padding:24px 19px}.visit-offers button{padding:9px;min-height:116px}.visit-offers button b{font-size:11px}.visit-footer{flex-direction:column}.boss-intro{font-size:23px;padding:15px 22px}.lap-build{font-size:11px}}@media(max-height:540px){#visit-portrait{display:none}.route-choice{top:78px;font-size:9px;padding:7px 10px}.boss-intro{font-size:20px;padding:10px 20px}}
.visit-dialog #visit-portrait{width:96px;height:80px}.visit-dialog .visit-offers button{min-height:98px;padding:10px}.visit-dialog .visit-footer{position:static}.visit-dialog #visit-status{margin:10px 0;font-size:11px;min-height:16px}