.stage-panel{overflow:hidden;border:1px solid var(--bronze-500);border-radius:var(--radius-sm);background:var(--paper-100)}.scene{position:relative;height:285px;overflow:hidden;background:var(--paper-200)}.scene canvas{display:block;width:100%;height:100%}.scene-corner{position:absolute;top:var(--space-2);left:var(--space-3);display:flex;gap:var(--space-2);pointer-events:none}.scene-corner span,.scene-bottom span{padding:0 6px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--paper-100) 78%,transparent);font:400 11px/16px var(--font-sans);color:var(--ink-900)}.scene-bottom{position:absolute;bottom:var(--space-2);left:18%;right:18%;display:flex;justify-content:space-between;pointer-events:none}.stage-pause{position:absolute;top:2px;right:2px;display:grid;place-items:center;width:var(--touch-min);height:var(--touch-min);min-height:var(--touch-min);padding:0;border:0;border-radius:var(--radius-full);background:none}.stage-pause:hover,.stage-pause:active,.stage-pause[aria-pressed=true],.stage-pause:disabled{background:none;color:var(--ink-900)}.pause-ring{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--paper-100) 88%,transparent);border:1.5px solid var(--ink-900)}.stage-pause:active .pause-ring{background:var(--paper-300)}.stage-pause[aria-pressed=true] .pause-ring{background:var(--jade-600);border-color:var(--jade-800);color:var(--on-accent)}.pause-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.result-toast{position:absolute;left:50%;top:var(--space-3);transform:translate(-50%);padding:4px 16px;white-space:nowrap;background:var(--paper-100);border:1px solid var(--bronze-500);border-radius:var(--radius-sm);font:500 14px/20px var(--font-serif);color:var(--ink-900);opacity:0;transition:opacity .2s;pointer-events:none}.result-toast.show{opacity:1}.yield-strip{display:flex;align-items:center;height:32px;padding:0 var(--space-2) 0 var(--space-3);background:var(--paper-100);border-top:1px solid var(--bronze-500);font:400 12px/16px var(--font-sans);color:var(--ink-900)}.strip-seg{display:flex;align-items:center;gap:var(--space-1);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip-seg:first-child{flex:1.6}.strip-seg+.strip-seg{border-left:1px solid var(--paper-300);padding-left:var(--space-2)}.strip-seg b{font-weight:600}.strip-seg .ic{color:var(--jade-600)}#stageTitle{font:600 13px/16px var(--font-serif)}#battleText{overflow:hidden;text-overflow:ellipsis;color:var(--ink-600)}.live-dot{flex:none;width:6px;height:6px;border-radius:50%;background:var(--jade-600)}.live-dot.paused{background:var(--gold-500)}.conn{flex:none;margin:0 var(--space-2);padding:1px 8px;border-radius:var(--radius-sm);background:var(--bronze-700);color:var(--on-accent);font:600 12px/16px var(--font-sans)}.yield-strip.offline .conn{flex:1;text-align:center}.strip-more{display:none;flex:none;place-items:center;width:var(--touch-min);min-width:var(--touch-min);height:var(--touch-min);margin:-6px -8px -6px 0;padding:0;border:0;background:none;color:var(--ink-900)}.strip-more:active{background:none;color:var(--jade-800)}body.compact .scene{height:190px}@media(min-width:1550px){.scene{height:305px}}@media(max-width:1180px){.scene{height:270px}}@media(orientation:portrait){.stage-panel{position:sticky;top:0;z-index:3;border-width:0 0 1px;border-radius:0;overflow:visible}.scene{height:170px}.scene-corner{top:6px;left:var(--space-2)}.scene-bottom{left:12%;right:12%;bottom:4px}.result-toast{top:6px;font-size:13px}.strip-more{display:grid}}.confirm{width:min(320px,calc(100% - 32px))}.confirm .dialog-inner{padding:var(--space-4)}.confirm h2{margin:0 0 var(--space-2);text-align:center;font-size:18px;line-height:24px}.confirm p{margin:0 0 var(--space-4);text-align:center;color:var(--ink-600)}.confirm-actions{display:flex;justify-content:center;gap:var(--space-3)}.confirm-actions button{min-width:88px;min-height:var(--touch-min)}.cell{position:relative;display:grid;place-items:center;flex:none;padding:0;min-width:0;min-height:0;border-radius:var(--radius-md);color:var(--on-accent);background:color-mix(in srgb,var(--q, var(--q1)) 72%,var(--ink-900));border:1px solid color-mix(in srgb,var(--q, var(--q1)) 45%,var(--ink-900));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--q, var(--q1)) 70%,var(--on-accent) 30%)}.cell.s44{width:44px;height:44px}.cell.s52{width:52px;height:52px}.cell.s64{width:64px;height:64px}.cell .ic{width:24px;height:24px}.cell.s64 .ic{width:30px;height:30px}button.cell:hover{border-color:var(--jade-800)}button.cell:active{background:color-mix(in srgb,var(--q, var(--q1)) 62%,var(--ink-900))}.cell.selected,button.cell[aria-pressed=true]{outline:2px solid var(--jade-600);outline-offset:1px}button.cell[aria-pressed=true]{background:color-mix(in srgb,var(--q, var(--q1)) 72%,var(--ink-900));color:var(--on-accent);border-color:color-mix(in srgb,var(--q, var(--q1)) 45%,var(--ink-900))}.cell.unusable{filter:saturate(.35)}.cell.unusable>.ic{opacity:.45}.cell-empty{background:var(--paper-300);border-color:var(--paper-300);box-shadow:none}.cell-unknown{background:var(--paper-300);border:1px dashed var(--bronze-500);box-shadow:none;color:var(--ink-600)}button.cell-unknown:active,button.cell-unknown[aria-pressed=true]{background:var(--paper-300);color:var(--ink-600);border-color:var(--bronze-500)}.cell-sealed{background:var(--paper-300);border:1px dashed var(--bronze-500);box-shadow:none;color:var(--ink-600);font:500 12px/1 var(--font-serif)}@media(orientation:portrait){button.cell{min-width:0;min-height:0}}.b-plus{position:absolute;top:3px;right:4px;font:700 11px/12px var(--font-sans);font-variant-numeric:tabular-nums;color:var(--on-accent);-webkit-text-stroke:2.5px var(--ink-900);paint-order:stroke fill;letter-spacing:-.02em}.b-plus.hi{color:var(--gold-500)}.b-up{position:absolute;right:3px;bottom:3px;width:10px;height:9px}.b-up path{fill:var(--up);stroke:var(--ink-900);stroke-width:1.1;stroke-linejoin:round}.b-req{position:absolute;left:0;right:0;bottom:0;height:15px;border-radius:0 0 5px 5px;background:color-mix(in srgb,var(--hp) 85%,var(--ink-900));font:600 11px/15px var(--font-sans);text-align:center;color:var(--on-accent)}.away-time{color:var(--jade-800)!important;font-weight:600!important}.away-grid{margin:10px 0}.away-best{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin:var(--space-1) 0 var(--space-2)}.away-item{display:grid;justify-items:center;gap:2px;width:64px;text-align:center;font:500 12px/16px var(--font-serif)}.equip-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2);margin-bottom:var(--space-3)}.equip-grid.with-figure{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)}.equip-col{display:grid;gap:var(--space-2);align-content:start;min-width:0}.equip-figure{display:flex;align-items:center;justify-content:center}.slot{display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px var(--space-2);align-items:center;min-width:0;padding:var(--space-1) 6px var(--space-1) var(--space-1);background:var(--paper-100);border:1px solid var(--paper-300);border-radius:var(--radius-md)}.slot-empty{background:var(--paper-200)}.slot .cell-sealed{width:44px;height:44px;text-align:center;line-height:1.1}.slot-name,.slot-sub{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.slot-name{font:500 14px/20px var(--font-serif)}.slot-sub{font:400 12px/16px var(--font-sans);color:var(--ink-600)}.slot-empty .slot-name{color:var(--ink-600)}.slot>span{min-width:0}@media(orientation:portrait)and (max-width:374px){.equip-grid.with-figure{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.equip-figure{display:none}}.overview .panel{margin-top:var(--space-3)}.metric-grid.ov-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:10px;padding:6px 0;background:var(--paper-200);border-radius:var(--radius-md)}.ov-metrics .metric{padding:0 4px;background:none;border-radius:0;text-align:center}.ov-metrics .metric+.metric{border-left:1px solid var(--paper-300)}.ov-metrics .metric strong{font-size:17px;line-height:24px}.ov-metrics .metric span{display:block;font-size:11px;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ov-links{display:flex;gap:var(--space-1)}.ov-config .equip-grid{margin-bottom:var(--space-2)}.ov-loadout{display:flex;gap:var(--space-2);padding:4px 0;border-top:1px solid var(--paper-300);font:400 13px/20px var(--font-serif)}.ov-loadout span{flex:none;min-width:56px;font:400 12px/20px var(--font-sans);color:var(--ink-600)}.ov-loadout .ov-sep{min-width:0;margin-left:var(--space-3)}.map-panel{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4)}.map-panel .section-title{margin:0}.map-buttons{display:flex;gap:var(--space-2);flex:1}.map-button{min-width:142px;text-align:left}.map-button small{padding-left:var(--space-2);font:400 12px/16px var(--font-sans);letter-spacing:0}.compact-stats{font:500 13px/18px var(--font-sans);color:var(--ink-900)}body.compact .map-panel .section-title{display:none}body.compact .map-button{min-width:0}body.compact .map-button small{display:none}@media(orientation:portrait){.map-panel{gap:var(--space-2)}body:not([data-mobile-view=battle]) .map-panel{display:none}.map-panel .section-title{width:100%}.map-buttons{width:100%;flex-wrap:wrap}.map-button{flex:1 1 30%;min-width:0;padding:6px 4px;text-align:center;letter-spacing:0}.map-button small{display:block;padding:0}.compact-stats{width:100%}}.ov-log{margin-top:var(--space-3)}.ov-log .logs{max-height:none}.char-info .section-title{margin-bottom:var(--space-2)}.char-head{display:flex;gap:var(--space-3);align-items:center}.char-portrait{display:grid;place-items:center;flex:0 0 64px;width:64px;height:80px;border:1px solid var(--bronze-500);border-radius:var(--radius-md);background:var(--paper-200);color:var(--ink-600);font:600 28px/1 var(--font-serif)}.char-id{display:grid;gap:2px;flex:1;min-width:0}.char-id strong{font:600 18px/24px var(--font-serif)}.char-realm{font:500 14px/20px var(--font-serif);color:var(--jade-800)}.char-age{font:400 14px/20px var(--font-sans)}.char-age small{margin-left:var(--space-1);font-size:12px;color:var(--ink-600)}.char-age-track{height:4px;margin-top:2px;border-radius:var(--radius-full);background:var(--paper-300);overflow:hidden}.char-age-track div{height:100%;background:var(--jade-600)}.char-ap{display:flex;justify-content:space-between;align-items:baseline;margin-top:var(--space-2);font:400 13px/18px var(--font-serif);color:var(--ink-600)}.char-ap strong{font:500 14px/20px var(--font-sans);color:var(--ink-900)}.char-ap b{color:var(--jade-800)}.conn-btn{display:grid;place-items:center;width:var(--touch-min);min-width:var(--touch-min);height:var(--touch-min);padding:0;border:0;background:none;border-radius:var(--radius-full)}.conn-btn:hover,.conn-btn:active{background:none}.conn-btn:focus-visible{outline:2px solid var(--jade-800);outline-offset:-4px}.conn-dot{width:10px;height:10px;border-radius:50%;background:var(--up);box-shadow:0 0 0 2px var(--paper-100),0 0 0 3px color-mix(in srgb,var(--ink-900) 25%,transparent)}.conn-btn[data-status=connecting] .conn-dot,.conn-btn[data-status=retrying] .conn-dot{background:var(--gold-500)}.conn-btn[data-status=starved] .conn-dot,.conn-btn[data-status=halted] .conn-dot{background:var(--hp)}.conn-rows{display:grid;grid-template-columns:72px minmax(0,1fr);gap:0 var(--space-3);margin:var(--space-3) 0 0;font:400 13px/20px var(--font-sans)}.conn-rows dt{padding:5px 0;color:var(--ink-600);border-bottom:1px solid var(--paper-300)}.conn-rows dd{margin:0;padding:5px 0;color:var(--ink-900);border-bottom:1px solid var(--paper-300)}.time-note,.compare-caption{font:400 12px/18px var(--font-sans);color:var(--ink-600)}.time-note{margin:var(--space-2) 0}.compare-box{margin-top:var(--space-3)}.compare-actions{display:flex;gap:var(--space-2);margin:var(--space-3) 0}.compare-actions button{flex:1;padding:6px 4px}.comparison{padding:10px var(--space-3);background:var(--paper-200);border:1px solid var(--paper-300);border-radius:var(--radius-sm);font:400 13px/20px var(--font-sans);color:var(--ink-900)}.compare-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr}.compare-grid>span{padding:3px 4px;border-bottom:1px solid var(--paper-300)}.compare-grid>span:nth-child(-n+3){font:600 13px/20px var(--font-serif);border-bottom-color:var(--bronze-500)}.compare-grid .label{color:var(--ink-600)}.compare-grid .value{text-align:right;font-family:var(--font-sans);font-variant-numeric:tabular-nums}.compare-caption{margin-top:var(--space-2)}@media(max-width:1180px)and (orientation:landscape){.efficiency{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.efficiency>.section-title,.efficiency>.metric-grid,.efficiency>.time-note{grid-column:1}.efficiency .compare-box{grid-column:2;grid-row:1 / 4;margin-top:0}.efficiency .log-heading,.efficiency .logs,.efficiency>.fold{grid-column:1 / -1}}.bag-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);margin:-4px 0 var(--space-2)}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 var(--space-3);font:400 12px/16px var(--font-sans);color:var(--ink-600)}.filter-row button,.loot-bases button{min-height:32px;padding:4px 10px;font-size:13px}.popover .filter-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin:0 0 var(--space-2)}.loot-group{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-2);align-items:center;margin-bottom:var(--space-2)}.loot-slot{font:400 12px/16px var(--font-sans);color:var(--ink-600)}.loot-bases{display:flex;flex-wrap:wrap;gap:6px}.bag-title{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3)}.bag-title:before,.bag-title:after{content:"";flex:1;height:1px;background:var(--bronze-500)}#bagTitle{order:1;padding:2px 18px;color:var(--on-accent);background:var(--bronze-700);font:600 15px/22px var(--font-serif);letter-spacing:.1em;white-space:nowrap;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%)}.bag-title:after{order:2}#gold{order:3;font-size:13px;color:var(--ink-900);white-space:nowrap}.bag-title:before{order:0}.bag-grid{display:grid;grid-template-columns:repeat(6,minmax(0,52px));gap:var(--space-2)}.bag-grid>.cell.s52{width:100%;height:auto;aspect-ratio:1}.inventory-note{margin-top:var(--space-3)}@media(orientation:portrait){.filter-row button,.loot-bases button,.bag-tools .chip{min-height:var(--touch-min)}}@media(orientation:portrait)and (max-width:374px){.bag-grid{grid-template-columns:repeat(5,minmax(0,52px))}}.sheet-head{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--space-3);align-items:center;padding-right:40px}.sheet-head h2{margin:0;font:600 18px/24px var(--font-serif)}.sheet-sub{margin-top:2px;font:400 12px/18px var(--font-sans);color:var(--ink-600)}.sheet-sub .qtext{margin:0 var(--space-2) 0 0}.sheet-block .subhead{margin-top:var(--space-4)}.sheet-stats{margin-top:0;padding-top:0;border-top:0}.sheet-compare{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-3)}.sheet-plus{font:700 16px/24px var(--font-sans);color:var(--ink-900)}.stat-cell strong .bonus{margin-left:var(--space-1);font:400 11px/16px var(--font-sans);color:var(--jade-800)}.forge-rows .cmp-row{font-size:13px}.forge-rows .cmp-row b{text-align:right}.sheet-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.sheet-actions button{flex:1;min-height:var(--touch-min)}.forge-auto{width:100%;min-height:var(--touch-min);margin-top:var(--space-2)}.gm-btn{display:grid;place-items:center;width:var(--touch-min);min-width:var(--touch-min);height:var(--touch-min);min-height:var(--touch-min);padding:0;border:0;background:none}.gm-btn:hover,.gm-btn:active{background:none}.gm-btn:focus-visible{outline:2px solid var(--jade-800);outline-offset:-4px}.gm-btn span{padding:2px 7px;border:1px solid var(--bronze-500);border-radius:var(--radius-full);font:600 11px/14px var(--font-sans);letter-spacing:.06em;color:var(--ink-900);background:var(--paper-100)}.gm-btn:active span{background:var(--paper-300)}dialog.gm-sheet{width:min(480px,calc(100% - 28px))}.gm-field{display:inline-flex;align-items:center;gap:6px;font:400 13px/18px var(--font-sans);color:var(--ink-600)}.gm-field input{width:110px;min-height:36px;padding:4px 8px;background:var(--paper-100);color:var(--ink-900);border:1px solid var(--bronze-500);border-radius:var(--radius-sm)}.gm-field input:focus-visible,.gm-grant-row input:focus-visible{outline:2px solid var(--jade-800);outline-offset:1px}.gm-field input[type=number]{width:72px}.gm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:10px 0}.gm-log{max-height:none}.gm-grant{padding:var(--space-2) 0;border-bottom:1px solid var(--paper-300)}.gm-grant-row{display:grid;grid-template-columns:48px minmax(0,1fr) 88px;gap:var(--space-2);align-items:center}.gm-grant-label{font:600 14px/20px var(--font-serif)}.gm-grant-row input{width:100%;min-height:36px;padding:4px 10px;background:var(--paper-100);color:var(--ink-900);border:1px solid var(--bronze-500);border-radius:var(--radius-sm);font:500 15px/22px var(--font-sans);font-variant-numeric:tabular-nums}.gm-picks{display:flex;gap:var(--space-2);margin:6px 0 0 56px}.gm-form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:10px 0}.gm-form select{min-height:36px;max-width:100%;padding:4px 8px;background:var(--paper-100);color:var(--ink-900);border:1px solid var(--bronze-500);border-radius:var(--radius-sm);font:400 13px/18px var(--font-sans)}.gm-form select:focus-visible{outline:2px solid var(--jade-800);outline-offset:1px}.gm-hint{margin:-4px 0 6px;font-size:12px}@media(orientation:portrait){.gm-field input,.gm-grant-row input,.gm-form select{min-height:var(--touch-min)}}.help-btn{display:inline-flex;align-items:center;gap:var(--space-1)}@media(orientation:portrait){.help-btn .label{display:none}.help-btn{justify-content:center;width:var(--touch-min);padding:0;margin-right:-8px;border:0;background:none;border-radius:var(--radius-full)}.help-btn:active{background:var(--paper-300)}}dialog.log-sheet{width:min(560px,calc(100% - 28px))}.log-search{width:100%;min-height:40px;padding:6px 12px;background:var(--paper-100);color:var(--ink-900);border:1px solid var(--bronze-500);border-radius:var(--radius-full);font:400 14px/20px var(--font-sans)}.log-search:focus-visible{outline:2px solid var(--jade-800);outline-offset:1px}.log-filters{display:flex;gap:6px;margin:var(--space-2) -16px;padding:0 16px 2px;overflow-x:auto;scrollbar-width:none}.log-filters .chip{flex:none}.log-list{max-height:55vh;max-height:55dvh;overflow-y:auto;overscroll-behavior:contain}@media(orientation:portrait){.log-search{min-height:var(--touch-min)}}.coach{position:fixed;z-index:14;right:var(--space-4);bottom:var(--space-4);width:min(380px,calc(100% - 32px));padding:var(--space-3) var(--space-4);background:var(--paper-100);border:1px solid var(--bronze-500);border-radius:12px;box-shadow:var(--shadow-float)}body.coach-open .app{padding-bottom:240px}body.coach-open .toast{top:calc(56px + env(safe-area-inset-top));bottom:auto}@media(orientation:portrait){body.coach-open .app{padding-bottom:calc(var(--nav-h) + 240px + env(safe-area-inset-bottom))}.coach{left:16px;right:16px;width:auto;bottom:calc(var(--nav-h) + var(--space-2) + env(safe-area-inset-bottom))}}.coach-top{display:flex;align-items:center;gap:var(--space-2)}.coach-top .text-button{min-height:var(--touch-min);min-width:var(--touch-min)}.coach-steps{flex:1;display:flex;gap:var(--space-1);margin:0;padding:0;list-style:none}.coach .coach-steps li{flex:1;margin:0;padding:2px 0;text-align:center;border-bottom:2px solid var(--paper-300);font:400 12px/18px var(--font-serif);color:var(--ink-600)}.coach .coach-steps li.done{border-color:var(--bronze-500)}.coach .coach-steps li.current{border-color:var(--jade-600);color:var(--jade-800);font-weight:600}.coach h2{margin:var(--space-2) 0 var(--space-1);font:600 16px/24px var(--font-serif)}.coach h2 .eyebrow{margin-right:var(--space-1)}.coach p{margin:0;font:400 14px/22px var(--font-sans);color:var(--ink-900)}.coach-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.coach-actions button{min-height:var(--touch-min)}.coach-actions button:not(.text-button){min-width:88px}.coach-target{position:relative;z-index:1;border-radius:8px;outline:2px solid var(--jade-600);outline-offset:3px;animation:coach-pulse 1.4s ease-in-out infinite}@keyframes coach-pulse{50%{outline-color:transparent}}@media(prefers-reduced-motion:reduce){.coach-target{animation:none}}.onboard-replay{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin:var(--space-2) 0;font:400 12px/18px var(--font-sans);color:var(--ink-600)}.onboard-replay .text-button{min-height:var(--touch-min);min-width:var(--touch-min)}.pet-list{display:grid;gap:var(--space-2)}.pet-card{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:var(--space-2);align-items:center;margin:0 0 var(--space-2);padding:var(--space-2);background:var(--paper-300);border:1px solid var(--paper-300);border-radius:var(--radius-md)}.pet-card.active{background:var(--paper-100);border-color:var(--jade-600);box-shadow:inset 0 0 0 1px var(--jade-600)}.pet-card.pet-empty{background:var(--paper-200);border:1px dashed var(--bronze-500)}.pet-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--q1);color:var(--on-accent);font:600 16px/1 var(--font-serif)}.pet-card.active .pet-icon{background:var(--q2)}.pet-card.pet-empty .pet-icon{background:none;border:1px dashed var(--bronze-500)}.pet-body{min-width:0}.pet-body strong{display:block;font:500 14px/20px var(--font-serif)}.pet-body small{display:block;font:400 12px/16px var(--font-sans);color:var(--ink-900)}.pet-actions{display:flex;flex-direction:column;gap:var(--space-1)}.pet-actions button{min-height:32px;padding:2px 10px;font-size:13px;letter-spacing:0;white-space:nowrap}.pet-actions .pet-release{background:none;color:var(--text-bad);border-color:var(--bronze-500)}.pet-actions .pet-release:hover{background:var(--paper-200);color:var(--text-bad)}.pet-warning{margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);border-left:2px solid var(--hp);background:var(--paper-200);font:600 12px/18px var(--font-sans);color:var(--text-bad)}@media(orientation:portrait){.pet-actions button{min-height:var(--touch-min)}}.id-picker .subhead:first-child{margin-top:0}.id-races,.id-ages{display:flex;flex-wrap:wrap;gap:var(--space-2)}.id-races button,.id-ages button{min-height:var(--touch-min);min-width:var(--touch-min);padding:0 var(--space-3);font-family:var(--font-serif)}.id-initial{display:flex;flex-wrap:wrap;gap:2px var(--space-3);margin:var(--space-2) 0 0;font:400 12px/18px var(--font-sans);color:var(--ink-600)}.id-initial b{font-weight:500;color:var(--ink-900)}dialog.id-dialog{width:min(420px,calc(100% - 28px))}.rebirth-compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}.rebirth-col .subhead{margin-top:0}.rebirth-col ul{margin:0;padding-left:18px}.rebirth .dialog-inner .rebirth-col li{margin:2px 0;font:400 13px/20px var(--font-sans)}.rebirth-col b{font-weight:600}.rebirth-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4)}.rebirth-actions button{min-width:88px;min-height:var(--touch-min)}@media(max-width:360px){.rebirth-compare{grid-template-columns:1fr}}.rebirth-entry .subhead{margin-top:0}.rebirth-entry .note{margin-bottom:0}.shop-meta{display:flex;justify-content:space-between;gap:var(--space-2);margin:0 0 var(--space-3);font:400 12px/16px var(--font-sans);color:var(--ink-600)}.shop-meta .num{white-space:nowrap}.shop .tabs button{min-height:32px;padding:4px 10px;font:400 14px/20px var(--font-serif)}@media(orientation:portrait){.shop .tabs button{min-height:var(--touch-min)}}.gamble-note{margin-top:var(--space-4)}#pending.is-pending{color:var(--jade-800);font-weight:600}.skill-trigger{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1);margin:var(--space-3) 0 0}.skill-trigger .stat-cell span{white-space:normal}.skill-card{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:var(--space-2) 10px;align-items:center;margin-bottom:var(--space-2);padding:var(--space-2) 10px;background:var(--paper-100);border:1px solid var(--bronze-500);border-radius:var(--radius-md)}.skill-card.active{border-color:var(--jade-600);box-shadow:inset 3px 0 0 var(--jade-600)}.skill-card.unusable .skill-symbol,.skill-card.locked .skill-symbol{opacity:.45}.skill-card.locked .skill-name{color:var(--ink-600)}.skill-card.unusable .skill-desc{color:var(--text-bad)}.skill-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-full);border:1.5px solid var(--ink-900);font:600 16px/1 var(--font-serif)}.skill-card.active .skill-symbol{background:var(--jade-600);border-color:var(--jade-800);color:var(--on-accent)}.skill-body{min-width:0}.skill-name{font:500 14px/20px var(--font-serif)}.skill-name small{margin-left:var(--space-1);font:400 12px/16px var(--font-sans);color:var(--ink-600)}.skill-desc{margin-top:2px;font:400 12px/16px var(--font-sans);color:var(--ink-600)}.skill-actions{display:flex;flex-direction:column;gap:var(--space-1)}.skill-actions button{min-height:32px;padding:2px 8px;font-size:13px;letter-spacing:0;white-space:nowrap}@media(orientation:portrait){.skill-actions button{min-height:var(--touch-min)}.skill-card{grid-template-columns:32px minmax(0,1fr) 92px}}.panel.titles{margin-top:var(--space-3)}.titles .is-pending{color:var(--jade-800);font-weight:600}.title-current{display:grid;gap:2px;padding:var(--space-2) 10px;background:var(--paper-200);border-radius:var(--radius-md)}.title-current strong{font:600 15px/22px var(--font-serif)}.title-current small{font:400 12px/16px var(--font-sans);color:var(--ink-600)}.title-list{display:grid;gap:var(--space-2);margin-top:var(--space-2)}.title-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px var(--space-2);align-items:center;margin:0;padding:var(--space-2) 10px;text-align:left;font-weight:400;background:var(--paper-100);color:var(--ink-900);border:1px solid var(--bronze-500);border-radius:var(--radius-md)}.title-card.active{border-color:var(--jade-600);box-shadow:inset 3px 0 0 var(--jade-600)}.title-name{font:500 14px/20px var(--font-serif)}.title-name small{font:400 12px/16px var(--font-sans);color:var(--ink-600)}.title-effect{grid-column:1;font:400 12px/16px var(--font-sans);color:var(--ink-600)}.title-state{grid-column:2;grid-row:1 / span 2;font:600 13px/18px var(--font-serif);color:var(--jade-800)}.title-card.active .title-state{color:var(--ink-600)}.title-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px var(--space-2);margin-bottom:var(--space-2);font:400 13px/18px var(--font-sans)}.title-progress .xp-track{grid-column:1 / -1}@media(orientation:portrait){.title-card{min-height:var(--touch-min)}}:root{--paper-100: #F2EADB;--paper-200: #E2DACB;--paper-300: #D8CCBA;--bronze-500: #A7927E;--bronze-700: #846E54;--ink-900: #2A1E14;--ink-600: #6B5B4A;--jade-600: #557A6B;--jade-800: #3D685B;--gold-500: #C9A13B;--hp: #D04E44;--mp: #4199D6;--bar-track: #3A2E24;--damage: #E8962E;--crit: #D04E44;--q1: #8C8880;--q2: #3E9A52;--q3: #3A74C4;--q4: #8B4FC0;--q5: #DB7A1F;--q6: #C93C34;--font-serif: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;--font-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--radius-sm: 4px;--radius-md: 6px;--radius-full: 999px;--touch-min: 44px;--on-accent: #FFFFFF;--shadow-float: 0 6px 20px color-mix(in srgb, var(--ink-900) 18%, transparent);--scrim: color-mix(in srgb, var(--ink-900) 45%, transparent);--text-bad: color-mix(in srgb, var(--hp) 70%, var(--ink-900));--up: #62D26F;--nav-h: 72px;--scene-shadow: color-mix(in srgb, var(--ink-900) 15%, transparent);--scene-a-sky: #E6EAE2;--scene-a-far: #C9D4CC;--scene-a-near: #A9BCB2;--scene-a-mist: #F2EADB;--scene-a-grass: #7E9A80;--scene-b-sky: #E3E6E6;--scene-b-far: #C8CDCF;--scene-b-near: #A7B0B2;--scene-b-mist: #EEF0EE;--scene-b-grass: #8A9488;--scene-c-sky: #EFE4D6;--scene-c-far: #DCC7B2;--scene-c-near: #C2A88E;--scene-c-mist: #F5EBDD;--scene-c-grass: #A08A68;--scene-hero-robe: #7E93A6;--scene-hero-inner: #E9E4D8;--scene-hero-sleeve: #9AAAB8;--scene-hero-skin: #EBD9C4;--scene-hero-sash: #8FB0A2;--scene-hero-blade: #DDE5E8;--scene-pet-fur: #F7F4EE;--scene-pet-ear: #EADFD6;--scene-pet-tail: #FFFFFF;--scene-pet-fox: #E9DCC0;--scene-pet-leg: #C9BBA6;--scene-foe-a-boss: #4F6B4E;--scene-foe-a-body: #6E8A6A;--scene-foe-a-leaf: #86A07F;--scene-foe-a-arm: #5E7A58;--scene-foe-b-body: #7D827E;--scene-foe-b-top: #9A9F98;--scene-foe-b-arm: #6E7A74;--scene-foe-c-body: #5A4A3E;--scene-foe-c-flame: #D08A4A;--scene-foe-c-core: #E8B66A;--scene-foe-c-arm: #6A5040;color-scheme:light}*,*:before,*:after{box-sizing:border-box}#root{display:contents}body{margin:0;background:var(--paper-200);color:var(--ink-900);font:400 15px/22px var(--font-serif);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button,.import-label{cursor:pointer;touch-action:manipulation}.num,.metric strong,.ap b,.res b,.log time{font-family:var(--font-sans);font-variant-numeric:tabular-nums}.ic{display:block;flex:none}button{min-height:36px;padding:6px 14px;background:var(--paper-100);color:var(--ink-900);border:1px solid var(--bronze-500);border-radius:var(--radius-sm);font:600 14px/20px var(--font-serif);letter-spacing:.04em}button:hover{border-color:var(--jade-600)}button:active{background:var(--paper-300)}button.primary,button.selected,button.on,button[aria-pressed=true]{background:var(--jade-600);color:var(--on-accent);border-color:var(--jade-800)}button.primary:active,button.selected:active,button.on:active,button[aria-pressed=true]:active{background:var(--jade-800)}button:disabled,button:disabled:hover{background:var(--paper-300);color:var(--ink-600);border-color:var(--paper-300);cursor:not-allowed}button:focus-visible,.import-label:focus-visible{outline:2px solid var(--jade-800);outline-offset:2px}.text-button,.import-label{display:inline-flex;align-items:center;min-height:36px;padding:6px 10px;background:none;border:0;color:var(--jade-800);font:600 14px/20px var(--font-serif)}.text-button:hover,.import-label:hover{background:none;color:var(--ink-900);text-decoration:underline}.full{width:100%;margin-top:var(--space-2);min-height:var(--touch-min)}.chip{min-height:32px;padding:2px 12px;border-radius:var(--radius-full);font:500 13px/18px var(--font-serif);letter-spacing:0}.chip:after{content:"";display:inline-block;margin-left:6px;border:4px solid transparent;border-bottom:0;border-top:5px solid currentColor;vertical-align:2px}.chip.plain:after{display:none}.tabs{display:flex;gap:var(--space-1)}.panel{position:relative;min-width:0;padding:var(--space-3);background-color:var(--paper-100);border:1px solid var(--bronze-500);border-radius:var(--radius-sm);background-image:linear-gradient(var(--bronze-500),var(--bronze-500)),linear-gradient(var(--bronze-500),var(--bronze-500)),linear-gradient(var(--bronze-500),var(--bronze-500)),linear-gradient(var(--bronze-500),var(--bronze-500)),linear-gradient(var(--bronze-500),var(--bronze-500)),linear-gradient(var(--bronze-500),var(--bronze-500)),linear-gradient(var(--bronze-500),var(--bronze-500)),linear-gradient(var(--bronze-500),var(--bronze-500));background-repeat:no-repeat;background-size:9px 1px,1px 9px,9px 1px,1px 9px,9px 1px,1px 9px,9px 1px,1px 9px;background-position:left 3px top 3px,left 3px top 3px,right 3px top 3px,right 3px top 3px,left 3px bottom 3px,left 3px bottom 3px,right 3px bottom 3px,right 3px bottom 3px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:10px;flex-wrap:wrap}h2{margin:0;font:600 18px/24px var(--font-serif)}.section-title h2{padding:1px 16px;color:var(--on-accent);background:var(--bronze-700);font-size:15px;line-height:22px;letter-spacing:.12em;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%)}.subhead{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:var(--space-3) 0 var(--space-2);font:600 14px/20px var(--font-serif)}.subhead:after{content:"";flex:1;min-width:24px;height:1px;background:var(--bronze-500);order:2}.subhead span{order:3;font:400 12px/16px var(--font-sans);color:var(--ink-600)}.subhead .text-button{order:3;min-height:32px;padding:0 4px;font-size:13px}.note,.tiny,.dim{font:400 12px/18px var(--font-sans);color:var(--ink-600)}.note{margin:var(--space-2) 0 var(--space-3)}.empty{padding:28px 10px;text-align:center;color:var(--ink-600);font:400 14px/20px var(--font-serif)}.formula-note{margin:var(--space-3) 0;padding:var(--space-2) var(--space-3);border-left:2px solid var(--bronze-500);background:var(--paper-200);font:400 12px/18px var(--font-sans);color:var(--ink-900)}.fold{margin-top:var(--space-3);font:400 12px/18px var(--font-sans);color:var(--ink-600)}.fold summary{display:inline-flex;align-items:center;gap:var(--space-1);min-height:32px;cursor:pointer;list-style:none;font:600 13px/18px var(--font-serif);color:var(--jade-800)}.fold summary::-webkit-details-marker{display:none}.fold summary:before{content:"";border:4px solid transparent;border-right:0;border-left:5px solid currentColor;transition:transform .15s}.fold[open] summary:before{transform:rotate(90deg)}.fold p{margin:var(--space-1) 0}.fold b{color:var(--ink-900);font-weight:600}.role-line{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin:0 0 var(--space-2)}.role-line>strong{font:600 15px/22px var(--font-serif)}.ap{display:inline-flex;align-items:center;gap:var(--space-1);height:28px;padding:0 12px;background:var(--paper-100);border:1px solid var(--bronze-500);border-radius:var(--radius-full);font:500 14px/20px var(--font-serif)}.xp-track{height:6px;overflow:hidden;border-radius:var(--radius-full);background:var(--paper-300)}.xp-track div{height:100%;border-radius:inherit;background:var(--jade-600);transition:width .3s}.xp-label{margin-top:var(--space-1);text-align:right}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.metric{padding:6px 10px;background:var(--paper-200);border-radius:var(--radius-md)}.metric strong{display:block;font-size:18px;line-height:24px;font-weight:600;color:var(--ink-900)}.metric span{font:400 12px/16px var(--font-sans);color:var(--ink-600)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px var(--space-3);margin:var(--space-3) 0 0;padding-top:var(--space-2);border-top:1px solid var(--paper-300)}.stat-cell{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding:2px 0;border-bottom:1px solid var(--paper-300)}.stat-cell span{font:400 13px/18px var(--font-serif);color:var(--ink-600)}.stat-cell strong{font:500 14px/20px var(--font-sans)}.q1{--q: var(--q1)}.q2{--q: var(--q2)}.q3{--q: var(--q3)}.q4{--q: var(--q4)}.q5{--q: var(--q5)}.q6{--q: var(--q6)}.qname{color:color-mix(in srgb,var(--q, var(--ink-900)) 60%,var(--ink-900))}.qtext{margin-left:var(--space-1);font:600 12px/16px var(--font-sans);color:color-mix(in srgb,var(--q, var(--ink-600)) 60%,var(--ink-900))}.logs{max-height:168px;overflow:hidden;font:400 12px/18px var(--font-sans)}.log{padding:4px 0;border-bottom:1px solid var(--paper-300);color:var(--ink-900)}.log time{margin-right:6px;color:var(--ink-600)}.log.good{color:var(--jade-800)}.log.loot:before,.log.boss:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:1px;background:var(--gold-500);transform:rotate(45deg);vertical-align:1px}.log.boss{font-weight:600}.log.bad{color:var(--text-bad)}.cmp-row{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px solid var(--paper-300);font:400 13px/20px var(--font-sans);color:var(--ink-600)}.cmp-row b{font-weight:600;color:var(--ink-900)}.cmp-row.up b{color:var(--jade-800)}.cmp-row.down b{color:var(--text-bad)}.app{max-width:1512px;margin:auto;padding:var(--space-4) 32px var(--space-3)}.top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);background:var(--paper-100);border:1px solid var(--bronze-500);border-radius:var(--radius-sm)}.brand,.top-actions{display:flex;align-items:center;gap:var(--space-3);min-width:0}.brand{flex:1 1 auto;overflow:hidden}.top-actions{flex:none}.status-meta{overflow:hidden;text-overflow:ellipsis}.realm-badge,.seal{display:inline-flex;align-items:center;justify-content:center;flex:none;height:28px;padding:0 14px;color:var(--on-accent);background:var(--jade-600);font:600 16px/22px var(--font-serif);letter-spacing:.08em;white-space:nowrap;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%)}.status-meta{min-width:0;font:400 15px/22px var(--font-serif);white-space:nowrap}.account{min-width:0;font:400 13px/18px var(--font-sans);color:var(--ink-600);white-space:nowrap}.account .text-button{font:inherit;min-height:0;padding:0}h1{margin:0;font:600 18px/24px var(--font-serif);letter-spacing:.1em;white-space:nowrap}h1 span{margin-left:var(--space-2);font:400 12px/16px var(--font-sans);letter-spacing:0;color:var(--ink-600)}.res{display:inline-flex;align-items:center;gap:var(--space-1);font:500 15px/22px var(--font-sans);white-space:nowrap}.res .ic,.ic.is-gold{color:var(--gold-500)}.intro{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:var(--space-3) 0}.intro strong{font:500 15px/22px var(--font-serif)}.intro p{margin:0;font:400 12px/16px var(--font-sans);color:var(--ink-600)}.small-label{padding-right:var(--space-3);font:600 12px/16px var(--font-sans);color:var(--jade-800);letter-spacing:.1em}.under-stage>.panel{margin-top:var(--space-3)}.workspace{display:grid;gap:var(--space-3);margin-top:var(--space-3);align-items:start}.tab-col{display:grid;gap:var(--space-3);min-width:0}dialog{width:calc(100% - 28px);max-width:560px;max-height:90vh;padding:0;background:var(--paper-100);color:var(--ink-900);border:1px solid var(--bronze-500);border-radius:var(--radius-sm);box-shadow:var(--shadow-float)}dialog::backdrop{background:var(--scrim)}.dialog-inner{padding:24px}.eyebrow{font:600 11px/14px var(--font-sans);letter-spacing:.3em;color:var(--jade-800)}.dialog-inner h2{margin:var(--space-2) 0 var(--space-3);font:600 20px/28px var(--font-serif)}.dialog-inner p,.dialog-inner li{font:400 14px/22px var(--font-serif);color:var(--ink-900)}.dialog-inner ol{padding-left:20px}.dialog-inner li{margin:var(--space-2) 0}.warning{padding:var(--space-3) 14px;background:var(--paper-200);border:1px solid var(--bronze-500);border-radius:var(--radius-sm);font:400 13px/20px var(--font-sans);color:var(--ink-900)}dialog.popover{width:min(320px,calc(100% - 32px))}.popover .dialog-inner{padding:var(--space-4)}.popover h2{margin:0;font:600 17px/24px var(--font-serif);text-align:center}.popover .note{margin:var(--space-2) 0 var(--space-3);text-align:center}dialog.sheet{width:min(420px,calc(100% - 28px));padding:0;overflow:auto}.sheet-inner{position:relative;padding:var(--space-4)}.sheet-inner>.section-title{padding-right:40px}.sheet-close{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:var(--touch-min);height:var(--touch-min);min-height:var(--touch-min);padding:0;border:0;background:none;border-radius:var(--radius-full)}.sheet-close:active{background:var(--paper-300)}.toast{position:fixed;left:50%;bottom:24px;z-index:20;max-width:90vw;transform:translate(-50%);padding:10px 20px;background:var(--paper-100);color:var(--ink-900);border:1px solid var(--bronze-500);border-left:3px solid var(--jade-600);border-radius:var(--radius-sm);box-shadow:var(--shadow-float);font:400 14px/20px var(--font-serif);opacity:0;pointer-events:none;transition:opacity .15s}.toast.show{opacity:1}.rotate-hint,.mobile-nav{display:none}body.compact .app{max-width:1250px;padding:var(--space-3)}body.compact .intro,body.compact .workspace,body.compact h1 span{display:none}@media(max-width:1180px){.app{padding:var(--space-4)}.workspace{grid-template-columns:280px minmax(300px,1fr)!important}.tab-col:nth-child(n+3){grid-column:1 / -1}.intro p{display:none}}@media(orientation:portrait){.app,body.compact .app{max-width:none;min-height:100vh;min-height:100dvh;padding:0 0 calc(var(--nav-h) + var(--space-3) + env(safe-area-inset-bottom))}.top{gap:var(--space-2);min-height:calc(44px + env(safe-area-inset-top));margin:0;padding:env(safe-area-inset-top) max(var(--space-3),env(safe-area-inset-right)) 0 max(var(--space-3),env(safe-area-inset-left));border-width:0 0 1px;border-radius:0}.brand,.top-actions{gap:var(--space-2)}h1,.compact-btn,.intro{display:none}.under-stage,.workspace{margin-left:max(var(--space-4),env(safe-area-inset-left));margin-right:max(var(--space-4),env(safe-area-inset-right))}.workspace{display:block;margin-top:var(--space-3)}.workspace>.tab-col:not(.current){display:none}button,.import-label,.text-button,.tabs button,.chip,.fold summary,.subhead .text-button{min-height:var(--touch-min);min-width:var(--touch-min)}.logs{max-height:none}dialog.sheet{width:100%;max-width:none;max-height:85vh;max-height:85dvh;margin:auto 0 0;border-width:1px 0 0;border-radius:12px 12px 0 0}dialog.sheet .sheet-inner{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:12;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;padding:var(--space-1) max(var(--space-2),env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(var(--space-2),env(safe-area-inset-left));background:var(--paper-100);border-top:1px solid var(--bronze-500)}.mobile-nav button{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:0;padding:0 0 6px;border:0;background:none;color:var(--ink-900);font:500 13px/16px var(--font-serif);letter-spacing:.1em}.mobile-nav button:active{background:none}.nav-ring{display:grid;place-items:center;width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-full);border:1.5px solid var(--ink-900);background:var(--paper-100)}.mobile-nav button[aria-pressed=true]{background:none;color:var(--jade-800);font-weight:600}.mobile-nav button[aria-pressed=true] .nav-ring{background:var(--jade-600);border-color:var(--jade-800);color:var(--on-accent)}.mobile-nav button[aria-pressed=true]:after{content:"";position:absolute;bottom:0;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--jade-600)}.toast{bottom:calc(var(--nav-h) + var(--space-2) + env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 24px);font-size:13px;padding:9px 14px}dialog{max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);overflow:auto}.dialog-inner{padding:20px}}@media(orientation:portrait)and (max-width:374px){.status-meta{display:none}}@media(orientation:landscape)and (max-height:500px)and (pointer:coarse){.app,.mobile-nav{display:none!important}.rotate-hint{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;text-align:center;background:var(--paper-200)}.rotate-hint .seal{margin:0 auto var(--space-3)}.rotate-hint strong{display:block;margin-bottom:6px;font:600 20px/28px var(--font-serif);color:var(--jade-800)}.rotate-hint p{margin:0;font:400 14px/20px var(--font-serif);color:var(--ink-600)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.login{min-height:100vh;display:grid;place-items:center;padding:var(--space-4);background:var(--paper-200)}.login-card{width:min(360px,100%);display:grid;gap:var(--space-3);padding:var(--space-4);background:var(--paper-100);border:1px solid var(--bronze-500);border-radius:var(--radius-md);box-shadow:var(--shadow-float)}.login-card h1{margin:0;font:600 20px/28px var(--font-serif);color:var(--ink-900)}.login-card h1 span{font:400 13px/18px var(--font-sans);color:var(--ink-600);margin-left:var(--space-2)}.login-card label{display:grid;gap:var(--space-1);font:400 13px/18px var(--font-sans);color:var(--ink-600)}.login-card input{min-height:var(--touch-min);padding:4px 10px;background:var(--paper-100);color:var(--ink-900);border:1px solid var(--bronze-500);border-radius:var(--radius-sm);font:400 15px/22px var(--font-sans)}.login-card input:focus-visible{outline:2px solid var(--jade-800);outline-offset:1px}.login-card .primary{min-height:var(--touch-min)}.login-error{margin:0;color:var(--text-bad);font:400 13px/18px var(--font-sans)}.login-note{margin:0;color:var(--ink-600);font:400 12px/18px var(--font-sans)}