@font-face{font-family:Noto Sans;font-style:normal;font-weight:400;font-display:swap;src:url(./noto-sans-400-ClBXUXtT.woff2) format("woff2")}@font-face{font-family:Noto Sans;font-style:normal;font-weight:500;font-display:swap;src:url(./noto-sans-500-Dwh9Djxr.woff2) format("woff2")}@font-face{font-family:Noto Sans;font-style:normal;font-weight:700;font-display:swap;src:url(./noto-sans-700-BVbP8oON.woff2) format("woff2")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-weight:400;font-display:swap;unicode-range:U+2E80-9FFF,U+F900-FAFF,U+FF00-FFEF;src:url(./zen-kaku-gothic-new-400-jl2AXskF.woff2) format("woff2")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-weight:500;font-display:swap;unicode-range:U+2E80-9FFF,U+F900-FAFF,U+FF00-FFEF;src:url(./zen-kaku-gothic-new-500-D6DdDe_V.woff2) format("woff2")}@font-face{font-family:Zen Kaku Gothic New;font-style:normal;font-weight:700;font-display:swap;unicode-range:U+2E80-9FFF,U+F900-FAFF,U+FF00-FFEF;src:url(./zen-kaku-gothic-new-700-iH1I5gzN.woff2) format("woff2")}@font-face{font-family:EB Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(./eb-garamond-600-Bci39uE9.woff2) format("woff2")}@font-face{font-family:EB Garamond;font-style:normal;font-weight:800;font-display:swap;src:url(./eb-garamond-800-CVYHfzKE.woff2) format("woff2")}@font-face{font-family:Shippori Mincho B1;font-style:normal;font-weight:600;font-display:swap;unicode-range:U+2E80-9FFF,U+F900-FAFF,U+FF00-FFEF;src:url(./shippori-mincho-b1-600-C82YyzZl.woff2) format("woff2")}@font-face{font-family:Shippori Mincho B1;font-style:normal;font-weight:800;font-display:swap;unicode-range:U+2E80-9FFF,U+F900-FAFF,U+FF00-FFEF;src:url(./shippori-mincho-b1-800-DsYyZUXM.woff2) format("woff2")}@font-face{font-family:Noto Sans Symbols;font-style:normal;font-weight:400;font-display:swap;src:url(data:font/woff2;base64,d09GMgABAAAAAAVYABIAAAAADJgAAAT7AAIAxQAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbIBw8BmA/U1RBVC4ATBEICodQhl8BNgIkAyQLFAAEIAWKMAcgDAcXJBgUG98KIxEmPHGQ4C8SeFNTpyWIcMpehV5ft2Iw8RiJgoMXt/eC51OXvS/JG3s3YR8gsDPXAUAJhB1xFSRPrmnSdpSMgZIhOXSdyt9NtfZ/rADBsnowZoTbVJtWjV8h79+SqZQygy2KC/KBnFIkjwHw/+83K+LpRWh6kQihkTKlmDzweJFK5oWCSsVPJ7GFpB7aqln6dVEsLbSZylZQ2Ub5XPpFvMgtIUA4AKAQwEYQIEhJSiMdO/cciI0B8H0AMF1TmmOtVXbCsvkzqT5x0uL6lXLK/EkzlDPHLZxdjs9HbXSMeFuA2q6GAj2q1clo6kt7WgCmLHt26dOnC3fLeR6tp/mPIeCkag4IgCqqngNlUQiCjQAuApRELZkydaEYQKEBhRIP1E0AFKABF40ALoamgI2NgnJ7HXn0fcp5Dj0Qj/1Tj0+NEWwAIIBNGBaC+H4UIDgAxAKFQZqBfAQADAAKg4VGIygEMcYOd91Yx3HdwOlfSHSUiY4Zgw3MNJ1mBqZdTbgBUVRbh+nY1BREbGLCtkEntwjkFIL1EgFMJFSvEMjJBOlEApiU6FJje1zArmPl4GYDJiLaw15B7hEh2ME77UuL5Bp1FJM6XEsQNevCVcDGedSD2pTbWKZw4cTOAGuWzgKAeOnalJNFqcMz245A2HGj0ALQ/i0Hc2gxtemMJQLECzZYLoRnSkRoQ0pi8dRf03q7/3lfdFx3HAj11teTVtdzY7jZaK7wSBuqTa6JMdGYeHcsNv0nQsbgYIZAaAY/OChkEMrTap6SDIHHr5FQzOI7OuJZcXHgcB1Uu+LgPxcMexujiaW2/YGBb392fPiIW3JNZlFjbFXkt18F6+iy2KK4Sk/Pp9h2KRlDnikDP/7nza97jNs/fn/XTa/2fOk5/fwMY7BP5b/id/En9wS6Tns5/WWnXfpMuT9fRnK5WbeWFQry8rtU7xKRl1Cha8vynSn1/Xe7RmVjO5Zv3bVCcsr30okpKR3GVO9XnVPfE998Y8jevnEgDsyR7VWudTf+dMkpqLBv1E5ixXopfSok5EV0AcBfiwCKR0NXti09Jqpluq31f4CP6R//APz9sj6eof6N9rQAARQAAu+Hg+WAZAzlUdoqwFFDGe2VmFaSxib9n30u6m0QwKEnFgBCcFwM79GIcYADQIFQngOgiOQ2aDryEgz1JRosikt7CFBbRkIYHWU72FSX1+BQVbIgSHtVFkK0VuMhnJbqCERIefUZImmsC/TFKG0acksM4eb705jad/TWMWS9LIOLQ9gRExwilZgzDDt2FBN8OOY29aW0Hjyu0yKnRgbhvzQUOMn0bjTV6XN09qxCIkrQ85zQdrWKmegZ5v+D+T43H4h543Jxm1+v1rHbQYI33INlngLMpjEzoD44TAFHVWCDYgV7d36YE9kaYbMZi21MQ4DvFqBLAddZYLD05JAzcIKrEdqVL6ian6+FBeg3yNgWYo4JXXhi+jSGhF1HsTqIxWKVdCNFWppZlApZJu4Kn7m4PY3M1IZw3kfk577y0QOytc8x8KwXu7A2jKBjiiLscgP70VvDCK0bId5PeYXw/tym53lVGr9YA8FHQL1CIvqsI8/n5PaZ2fBILeY+PD5M+dOm7RPjCbfoVyAoWrmfbdi16Dt3xy8lpWha9vwD1Of3XxV/0xWzC4lG0grC9X9QT3LE8l/hvIAqQDyGSrs6P+QC) format("woff2")}@font-face{font-family:"Noto Sans Symbols 2";font-style:normal;font-weight:400;font-display:swap;src:url(./noto-sans-symbols-2-DEyf5D7P.woff2) format("woff2")}:root{--color-bg: #100c17;--color-bg-2: #1b1424;--color-scrim: rgba(12, 8, 18, .62);--color-scrim-strong: rgba(8, 5, 12, .8);--color-surface: rgba(22, 16, 30, .94);--color-surface-2: rgba(255, 255, 255, .04);--color-surface-hud: rgba(12, 8, 18, .72);--color-field: #100c17;--color-selected: rgba(255, 190, 90, .14);--color-selected-strong: rgba(255, 190, 90, .3);--color-text: #efe6d8;--color-text-muted: #b1a8bb;--color-line: rgba(239, 230, 216, .16);--color-line-strong: rgba(239, 230, 216, .4);--color-accent: #e9ac52;--color-on-accent: #1a1008;--color-highlight: #f4bccb;--color-danger: #c22b36;--color-ok: #4fb39a;--color-warn: #e9ac52;--color-bad: #e0322b;--color-bad-soft: rgba(224, 50, 43, .22);--font-display: "EB Garamond", "Shippori Mincho B1", "Noto Sans Symbols", "Noto Sans Symbols 2", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-ui: "Noto Sans", "Zen Kaku Gothic New", "Noto Sans Symbols", "Noto Sans Symbols 2", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--weight-regular: 400;--weight-bold: 700;--weight-display: 800;--text-xs: 12px;--text-sm: 13px;--text-md: 15px;--text-lg: 20px;--text-xl: 26px;--text-kanji: 40px;--text-kanji-sm: 30px;--line: 1.6;--tracking-caps: .18em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--radius-round: 50%;--radius-panel: 0;--radius-control: 0;--tap: 48px;--panel-w: 520px;--panel-w-wide: 640px;--panel-w-xwide: 860px;--border: 1px;--focus-ring: 2px solid var(--color-accent);--shadow-dialog: 0 10px 40px rgba(0, 0, 0, .55);--dur-fast: .15s;--dur-mid: .3s;color-scheme:dark;--ink: var(--color-bg);--ink-2: var(--color-bg-2);--wash: rgba(16, 12, 23, .8);--paper: var(--color-text);--muted: var(--color-text-muted);--faint: var(--color-line);--amber: var(--color-accent);--crimson: var(--color-danger);--sakura: var(--color-highlight);--display: var(--font-display);--ui: var(--font-ui)}.panel-screen{display:grid;place-items:center;background:var(--color-scrim);padding:var(--space-4);box-sizing:border-box}.panel{width:min(var(--panel-w),100%);background:var(--color-surface);border:var(--border) solid var(--color-line);border-radius:var(--radius-panel);padding:var(--space-5) var(--space-5) var(--space-4);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-3)}.panel header{display:flex;gap:var(--space-3);align-items:center}.panel header b{font-family:var(--font-display);font-size:var(--text-kanji);font-weight:var(--weight-display);color:var(--color-accent);line-height:1}.panel h2{margin:0;font-size:var(--text-lg);letter-spacing:.02em}.panel p{margin:0;color:var(--color-text-muted);font-size:var(--text-md);line-height:var(--line)}.panel.wide{width:min(var(--panel-w-wide),100%);max-height:calc(100% - var(--space-2));overflow-y:auto}.panel.xwide{width:min(var(--panel-w-xwide),100%);max-height:calc(100% - var(--space-2));overflow-y:auto}.row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.row>*{flex:0 0 auto}.row.end{justify-content:flex-end}.btn{background:transparent;border:var(--border) solid var(--color-line);border-radius:var(--radius-control);min-height:var(--tap);min-width:var(--tap);padding:10px 18px;font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:.03em;color:var(--color-text)}.btn.primary{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.btn.danger{border-color:var(--color-bad)}.btn:hover{border-color:var(--color-accent)}.btn:disabled{opacity:.45;cursor:default}.btn.small{padding:6px 12px;font-size:var(--text-sm)}.link{display:flex;gap:var(--space-2);flex-wrap:wrap}.link input{flex:1 1 220px;min-width:0;min-height:var(--tap);box-sizing:border-box;background:var(--color-field);color:var(--color-text);border:var(--border) solid var(--color-line);border-radius:var(--radius-control);padding:10px;font-family:var(--font-ui);font-size:var(--text-md);user-select:text;-webkit-user-select:text}.status{font-size:var(--text-md);color:var(--color-highlight);min-height:1.2em}.status.bad{color:var(--color-bad)}.panel .status{scroll-margin-bottom:calc(var(--tap) + var(--space-6))}.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.status.ok{color:var(--color-ok)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.stats div{border-top:var(--border) solid var(--color-line);padding-top:var(--space-2)}.stats b{display:block;font-family:var(--font-display);font-size:var(--text-xl);font-variant-numeric:tabular-nums}.stats span{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase}.endk{font-family:var(--font-display);font-weight:var(--weight-display);font-size:88px;line-height:1}.endk.win{color:var(--color-accent)}.endk.lose{color:var(--color-danger)}@media(max-height:540px){#end .endk{font-size:48px}#end h2{margin:4px 0 0}#end p{margin:2px 0 6px}#end .stats{grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:var(--space-1) var(--space-2)}#end .stats div{padding-top:var(--space-1)}#end .stats b{font-size:var(--text-lg)}}.set{display:grid;grid-template-columns:1fr auto;gap:10px var(--space-4);align-items:center}.set label{font-size:var(--text-md)}.set small{display:block;font-size:var(--text-sm);color:var(--color-text-muted);margin-top:2px}.set select,.set input[type=range]{min-height:var(--tap);min-width:160px}.set select{max-width:min(300px,45vw)}.set select{background:var(--color-field);color:var(--color-text);border:var(--border) solid var(--color-line);border-radius:var(--radius-control);padding:0 10px;font:inherit;font-size:var(--text-md)}.set input[type=checkbox]{width:28px;height:28px;margin:10px;accent-color:var(--color-accent)}.set input[type=range]{accent-color:var(--color-accent)}.set h3{grid-column:1 / -1;margin:10px 0 0;font-size:var(--text-sm);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-highlight);font-weight:var(--weight-bold)}.set .full{grid-column:1 / -1}.set-note{grid-column:1 / -1;margin:0;font-size:var(--text-md);color:var(--color-text-muted)}.cal{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;grid-column:1 / -1}#calPad{width:96px;height:96px;border-radius:var(--radius-round);border:2px solid var(--color-accent);background:var(--color-selected);font-family:var(--font-display);font-size:34px;font-weight:var(--weight-display);color:var(--color-accent);touch-action:manipulation}#calPad.beat{animation:beat .25s ease-out}#calPad.hit{box-shadow:0 0 0 4px var(--color-selected-strong)}@keyframes beat{0%{transform:scale(1.12);background:var(--color-selected-strong)}to{transform:scale(1)}}#calStatus{font-size:var(--text-md);color:var(--color-text-muted);flex:1 1 200px}.tabs{display:flex;gap:var(--space-1);flex-wrap:wrap;border-bottom:var(--border) solid var(--color-line)}.tab{min-height:var(--tap);padding:0 var(--space-4);background:none;border:0;border-bottom:2px solid transparent;margin-bottom:calc(-1 * var(--border));color:var(--color-text-muted);font-size:var(--text-md);font-weight:var(--weight-bold)}.tab[aria-selected=true]{color:var(--color-text);border-bottom-color:var(--color-accent)}.tab .pad-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:var(--space-1)}[role=tabpanel]{display:flex;flex-direction:column;gap:var(--space-3)}.seg{display:flex;flex-wrap:wrap;gap:var(--space-1)}.seg .btn[aria-pressed=true],.seg .btn[aria-checked=true]{border-color:var(--color-accent);background:var(--color-selected)}.dialog-layer{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:var(--color-scrim-strong);padding:var(--space-4);box-sizing:border-box}.dialog{box-shadow:var(--shadow-dialog);max-height:calc(100% - var(--space-2));overflow-y:auto}.dialog .note{color:var(--color-highlight)}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:var(--space-2)}.pick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;padding:var(--space-2) var(--space-1);background:var(--color-surface-2);border:var(--border) solid var(--color-line);border-radius:var(--radius-control);color:var(--color-text)}.pick b{font-family:var(--font-display);font-weight:var(--weight-display);font-size:22px;color:var(--color-accent);line-height:1.1}.pick small{font-size:var(--text-xs);line-height:1.2;text-align:center}.pick[aria-checked=true]{border-color:var(--color-accent);background:var(--color-selected)}.vs{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-lg)}.vs b{color:var(--color-accent);font-size:var(--text-xl)}.vs span{color:var(--color-text-muted);font-size:var(--text-md)}.net-badge{position:absolute;top:calc(var(--space-3) + env(safe-area-inset-top,0px));left:calc(var(--space-3) + env(safe-area-inset-left,0px));display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-surface-hud);border-radius:var(--radius-sm);font-size:var(--text-sm);font-variant-numeric:tabular-nums;pointer-events:none}.net-badge i{width:10px;height:10px;border-radius:var(--radius-round);background:var(--color-ok)}.net-badge.warn i{background:var(--color-warn)}.net-badge.bad i{background:var(--color-bad)}.xfer h3,.te-side h3,.lobby-h{margin:var(--space-2) 0 0;font-size:var(--text-sm);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-highlight);font-weight:var(--weight-bold)}.xfer{display:flex;flex-direction:column;gap:var(--space-2)}.xfer>.btn,.xfer .row{align-self:flex-start}.xfer textarea{width:100%;min-height:84px;box-sizing:border-box;resize:vertical;background:var(--color-field);color:var(--color-text);border:var(--border) solid var(--color-line);border-radius:var(--radius-sm);padding:var(--space-2);font-family:var(--font-ui);font-size:var(--text-sm);word-break:break-all;user-select:text;-webkit-user-select:text}.ctl-list{display:flex;flex-direction:column}.ctl-row{display:grid;grid-template-columns:minmax(9em,1fr) auto;gap:var(--space-2);align-items:center;padding:var(--space-1) 0;border-top:var(--border) solid var(--color-line)}.ctl-row>span{font-size:var(--text-md)}.ctl-keys{display:flex;gap:var(--space-1);flex-wrap:wrap;justify-content:flex-end}.chip{min-width:var(--tap);min-height:var(--tap);padding:0 var(--space-3);background:var(--color-surface-2);border:var(--border) solid var(--color-line-strong);border-bottom-width:3px;border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--color-text)}.chip.add{border-style:dashed;color:var(--color-text-muted);border-bottom-width:var(--border)}.chip.listening{border-color:var(--color-accent);background:var(--color-selected-strong);animation:listen 1s ease-in-out infinite alternate}@keyframes listen{to{background:var(--color-selected)}}.ctl-prompt{position:sticky;bottom:0;display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;padding:var(--space-2) var(--space-3);background:var(--color-bg-2);border:var(--border) solid var(--color-accent);border-radius:var(--radius-sm)}.ctl-prompt p{flex:1 1 200px;color:var(--color-text)!important}.ctl-opts{display:grid;grid-template-columns:fit-content(45%) minmax(0,1fr);gap:var(--space-2) var(--space-4);align-items:center}.ctl-opts>div{display:flex;align-items:center;gap:var(--space-2)}.ctl-opts input[type=range]{min-height:var(--tap);min-width:120px;flex:1 1 auto;accent-color:var(--color-accent)}.ctl-opts input[type=checkbox]{width:28px;height:28px;margin:10px;accent-color:var(--color-accent)}.ctl-opts output{font-variant-numeric:tabular-nums;color:var(--color-text-muted);font-size:var(--text-sm);min-width:4.5em;white-space:nowrap}.te-wrap{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:flex-start}.te-preview{position:relative;flex:1 1 320px;background:var(--color-bg-2);border:var(--border) solid var(--color-line-strong);border-radius:var(--radius-md);overflow:hidden;touch-action:none}.te-zone{position:absolute;top:22%;bottom:0;background:var(--color-surface-2);border-right:var(--border) dashed var(--color-line-strong)}.te-zone.right{border-right:0;border-left:var(--border) dashed var(--color-line-strong)}.te-stick{position:absolute;border-radius:var(--radius-round);border:var(--border) solid var(--color-line-strong);transform:translate(-50%,-50%);pointer-events:none}.te-btn{position:absolute;transform:translate(-50%,-50%);border-radius:var(--radius-round);border:var(--border) solid var(--color-line-strong);background:var(--color-surface);color:var(--color-text);font-family:var(--font-display);font-weight:var(--weight-display);display:grid;place-items:center;padding:0;touch-action:none}.te-btn[aria-pressed=true]{border:2px solid var(--color-accent);color:var(--color-accent);z-index:1}.te-btn.bad{border:2px solid var(--color-bad);background:var(--color-bad-soft)}.te-btn:after{content:"";position:absolute;inset:-8px;border-radius:var(--radius-round)}.te-side{flex:1 1 260px;display:flex;flex-direction:column;gap:var(--space-2)}.te-nudge{display:grid;grid-template-columns:repeat(3,var(--tap));gap:var(--space-1)}.te-nudge .btn{padding:0}.te-issues{margin:0;padding-left:var(--space-4);color:var(--color-bad);font-size:var(--text-sm)}.te-issues:empty{display:none}@media(max-height:540px){.panel>.row:last-child{position:sticky;bottom:calc(-1 * var(--space-3));margin-bottom:calc(-1 * var(--space-3));padding:var(--space-2) 0 var(--space-3);background:var(--color-surface);border-top:var(--border) solid var(--color-line);z-index:2}.panel header p{font-size:var(--text-sm)}.panel.compact>header{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.te-wrap{flex-wrap:nowrap;gap:var(--space-3)}.te-preview{flex:0 0 50%}.te-side{min-width:0}.te-side .ctl-opts{grid-template-columns:minmax(0,1fr);gap:0}.ctl-row{padding:0}.panel-screen{padding-inline:calc(var(--tap) + var(--space-3) + env(safe-area-inset-right,0px))}.panel{padding:var(--space-4) 18px var(--space-3);gap:10px;max-height:calc(100vh - var(--space-4));overflow-y:auto}.panel header b{font-size:var(--text-kanji-sm)}.tab{padding:0 var(--space-3)}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:var(--space-1)}.pick{min-height:52px;padding:var(--space-1) 2px}.pick b{font-size:18px}}@media(prefers-reduced-motion:reduce){.chip.listening{animation:none}}.report{display:flex;flex-direction:column;gap:var(--space-2)}.report textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:96px;background:var(--color-field);color:var(--color-text);border:var(--border) solid var(--color-line);border-radius:var(--radius-control);padding:var(--space-2);font-family:var(--font-ui);font-size:var(--text-md);user-select:text;-webkit-user-select:text}.report-shot{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-md);min-height:var(--tap)}.report-shot input{width:28px;height:28px;margin:10px;accent-color:var(--color-accent)}.report-shot img{width:160px;max-width:40%;border:var(--border) solid var(--color-line);border-radius:var(--radius-sm)}.report .btn{align-self:flex-start}.report-data{margin:0;max-height:160px;overflow:auto;background:var(--color-field);border:var(--border) solid var(--color-line);padding:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);white-space:pre-wrap;word-break:break-word}.consent-list{margin:0;padding-left:var(--space-5);color:var(--color-text);font-size:var(--text-md);line-height:var(--line)}@media(max-height:540px){.report textarea{min-height:64px}.report-shot img{width:110px}}.eco-list{max-height:min(52vh,440px);overflow-y:auto;gap:var(--space-2);padding-right:var(--space-1)}.eco-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface-2);border:var(--border) solid var(--color-line);border-radius:var(--radius-control)}.eco-row.off{opacity:.72}.eco-name{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.eco-name b{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--color-text)}.eco-name small{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.35}.eco-name .eco-why{color:var(--color-highlight)}.eco-aside{flex:0 0 auto;font-size:var(--text-md);font-variant-numeric:tabular-nums;color:var(--color-accent);white-space:nowrap}.eco-row .btn{flex:0 0 auto;min-width:104px}.eco-h{margin:var(--space-2) 0 0;font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-highlight);font-weight:var(--weight-bold)}.eco-empty{color:var(--color-text-muted);font-size:var(--text-md)}@media(max-height:540px){.eco-list{max-height:none;overflow:visible}.eco-row{padding:var(--space-1) var(--space-2);gap:var(--space-2)}.eco-row .btn{min-width:88px}}html,body{height:100%;margin:0;background:var(--ink);color:var(--paper);font-family:var(--ui);overflow:hidden;-webkit-font-smoothing:antialiased}#game{position:fixed;inset:0;overflow:hidden;user-select:none;-webkit-user-select:none}#game canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}[hidden]{display:none!important}.screen{position:absolute;inset:0;z-index:20}#loading{display:grid;place-items:center;background:var(--ink);z-index:60}#loading .ld{display:flex;flex-direction:column;align-items:center;gap:14px}#loading .k{font-family:var(--display);font-weight:800;font-size:64px;letter-spacing:.12em;animation:inkbleed 1.6s cubic-bezier(.2,.7,.2,1) both;text-shadow:0 0 40px rgba(233,172,82,.18)}#loading .bar{width:240px;height:3px;background:var(--faint);border-radius:2px;overflow:hidden}#loading .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,rgba(233,172,82,.2),var(--amber) 70%,#fff4dc);transition:width .25s;box-shadow:0 0 10px #e9ac5299}@keyframes inkbleed{0%{opacity:0;filter:blur(14px);letter-spacing:.5em;transform:scale(1.08)}to{opacity:1;filter:blur(0);letter-spacing:.12em;transform:none}}#loading .lbl{font-size:12px;letter-spacing:.24em;color:var(--muted);text-transform:uppercase}#title{display:grid;place-items:center;background:radial-gradient(ellipse at center,#0c081200 30%,#08050cb8);z-index:20;cursor:pointer}#title .tl-bars i{position:absolute;left:0;right:0;height:11vh;background:#07050a;animation:barin 1.2s cubic-bezier(.3,.7,.2,1) both}#title .tl-bars i:first-child{top:0;transform-origin:top}#title .tl-bars i:last-child{bottom:0;transform-origin:bottom}@keyframes barin{0%{transform:scaleY(0)}}#title .tl-center{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;margin-top:-4vh}#title .tl-kanji{font-family:var(--display);font-weight:800;font-size:clamp(96px,26vh,230px);line-height:1;letter-spacing:.08em;color:#f4ecdf;text-shadow:0 0 60px rgba(233,172,82,.35),0 6px 30px rgba(0,0,0,.7);-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 55%);mask-image:linear-gradient(180deg,#000 45%,transparent 55%);-webkit-mask-size:100% 220%;mask-size:100% 220%;animation:brushdown 1.8s .5s cubic-bezier(.4,.1,.2,1) both,breathe 6s 2.4s ease-in-out infinite}@keyframes brushdown{0%{-webkit-mask-position:0 100%;mask-position:0 100%;filter:blur(6px)}to{-webkit-mask-position:0 0;mask-position:0 0;filter:blur(0)}}@keyframes breathe{50%{text-shadow:0 0 80px rgba(233,172,82,.5),0 6px 30px rgba(0,0,0,.7)}}#title .tl-seal{position:absolute;right:-.9em;top:58%;width:1.5em;height:1.5em;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:clamp(22px,5vh,44px);color:#fff3ea;background:#b3222c;border-radius:6px;box-shadow:inset 0 0 0 3px #fff0e640,0 4px 18px #b3222c73;transform:rotate(-6deg);animation:stamp .5s 2.1s cubic-bezier(.2,1.6,.4,1) both}@keyframes stamp{0%{opacity:0;transform:rotate(-6deg) scale(2.4)}}#title .tl-latin{font-size:clamp(14px,2.2vh,20px);letter-spacing:1.2em;margin-right:-1.2em;color:var(--sakura);font-weight:500;animation:spread 1.6s 1.6s cubic-bezier(.2,.7,.2,1) both}@keyframes spread{0%{opacity:0;letter-spacing:.1em;margin-right:-.1em}}#title .tl-tag{margin:6px 0 0;font-family:var(--display);font-weight:600;font-size:clamp(15px,2.4vh,22px);letter-spacing:.12em;color:var(--paper);opacity:.9;animation:fadeup 1.2s 2.4s ease both;text-shadow:0 2px 12px #000}@keyframes fadeup{0%{opacity:0;transform:translateY(10px)}}#title .tl-press{position:absolute;bottom:calc(11vh + 22px);left:0;right:0;margin:0;text-align:center;font-size:13px;letter-spacing:.4em;text-transform:uppercase;color:var(--paper);animation:fadeup 1s 3s ease both,pulse 2.4s 4s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}#inkWipe{position:fixed;top:0;bottom:0;left:0;width:180vw;z-index:90;pointer-events:none;transform:translate(-190vw);background:no-repeat center / 100% 100% url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 100' preserveAspectRatio='none'><path d='M20 0 L160 0 C164 8 158 14 163 22 C168 31 160 38 165 47 C170 56 161 63 166 72 C171 81 162 90 167 100 L20 100 C15 90 24 83 18 74 C12 64 22 57 16 48 C10 39 21 31 15 22 C9 13 19 7 20 0 Z' fill='%2307050a'/></svg>")}#inkWipe.run{animation:wipe 1.05s cubic-bezier(.7,0,.3,1) both}@keyframes wipe{0%{transform:translate(-190vw)}to{transform:translate(110vw)}}#grain{position:fixed;inset:-50%;z-index:19;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:grain .9s steps(5) infinite}#grain[hidden]{display:none}@keyframes grain{20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-1%,3%)}80%{transform:translate(3%,1%)}}.menu{display:flex;align-items:stretch;background:linear-gradient(90deg,#0c0812ed,#0c0812b8 40%,#0c081200 72%)}.menu-inner{display:flex;gap:clamp(20px,4vw,56px);padding:clamp(24px,6vh,72px) clamp(16px,5vw,72px);align-items:center;max-width:1000px}.title{margin:0;display:flex;gap:14px;align-items:flex-start}.title .kanji{writing-mode:vertical-rl;font-family:var(--display);font-weight:800;font-size:clamp(68px,14vh,140px);line-height:1;letter-spacing:.06em;text-shadow:0 0 34px rgba(233,172,82,.25)}.title .latin{writing-mode:vertical-rl;font-size:12px;letter-spacing:.5em;color:var(--sakura);font-weight:500;padding-top:6px}.menu-col{max-width:460px;display:flex;flex-direction:column;gap:22px}.lede{font-family:var(--display);font-weight:600;font-size:clamp(16px,2.1vh,19px);line-height:1.65;margin:0;text-wrap:pretty}.menu-list{display:flex;flex-direction:column}.mbtn{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:center;text-align:left;background:none;border:0;border-top:1px solid var(--faint);padding:14px 4px;transition:background .2s,padding .2s}.mbtn:last-child{border-bottom:1px solid var(--faint)}.mbtn b{font-family:var(--display);font-weight:800;font-size:30px;color:var(--amber);line-height:1;position:relative;display:grid;place-items:center;width:46px;height:46px;transition:color .25s,text-shadow .25s}@property --enso{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.mbtn b:before{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--amber);border-left-color:transparent;opacity:.9;-webkit-mask-image:conic-gradient(from 200deg,#000 var(--enso),transparent 0);mask-image:conic-gradient(from 200deg,#000 var(--enso),transparent 0);transition:--enso .45s cubic-bezier(.4,0,.2,1)}.mbtn:hover b:before,.mbtn:focus-visible b:before,.mbtn.sel b:before{--enso: 92%}.mbtn:hover b,.mbtn:focus-visible b,.mbtn.sel b{color:#ffd592;text-shadow:0 0 18px rgba(233,172,82,.55)}.mbtn{position:relative;overflow:hidden;isolation:isolate}.mbtn:after{content:"";position:absolute;left:0;top:18%;bottom:18%;width:78%;z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.4,0,.2,1);background:no-repeat center / 100% 100% url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40' preserveAspectRatio='none'><path d='M2 12 C30 4 70 8 110 5 C140 3 170 7 198 4 C194 14 199 24 196 36 C160 34 120 38 80 35 C50 33 24 37 3 34 C7 26 0 20 2 12 Z' fill='%23e9ac52' fill-opacity='0.16'/></svg>")}.mbtn:hover:after,.mbtn:focus-visible:after,.mbtn.sel:after{transform:scaleX(1)}.menu.enter .title{animation:fadeup 1s cubic-bezier(.2,.7,.2,1) both}.menu.enter .lede{animation:fadeup .9s .15s ease both}.menu.enter .mbtn{animation:slidein .7s cubic-bezier(.2,.7,.2,1) both}.menu.enter .mbtn:nth-child(1){animation-delay:.2s}.menu.enter .mbtn:nth-child(2){animation-delay:.27s}.menu.enter .mbtn:nth-child(3){animation-delay:.34s}.menu.enter .mbtn:nth-child(4){animation-delay:.41s}.menu.enter .mbtn:nth-child(5){animation-delay:.48s}.menu.enter .mbtn:nth-child(6){animation-delay:.55s}.menu.enter .mbtn:nth-child(7){animation-delay:.62s}@keyframes slidein{0%{opacity:0;transform:translate(-28px)}}.title .kanji{background:linear-gradient(180deg,#fff7ea,#efe0c6 55%,#d7b98a);-webkit-background-clip:text;background-clip:text;color:transparent}.title .seal{writing-mode:horizontal-tb;align-self:flex-end;margin-left:-6px;width:30px;height:30px;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:18px;color:#fff3ea;background:#b3222c;border-radius:4px;transform:rotate(-6deg);box-shadow:inset 0 0 0 2px #fff0e640}@media(prefers-reduced-motion:reduce){#title *,.menu.enter *,#inkWipe.run,#grain,#loading .k{animation:none!important}}.lowfx #grain{display:none!important}.lowfx #title .tl-kanji{animation:brushdown 1.8s .5s cubic-bezier(.4,.1,.2,1) both;text-shadow:0 0 30px rgba(233,172,82,.3),0 4px 16px rgba(0,0,0,.7)}.menu-inner{scrollbar-width:none}.menu-inner::-webkit-scrollbar{display:none}@media(max-height:540px){#title .tl-bars i{height:7vh}#title .tl-kanji{font-size:21vh}#title .tl-center{margin-top:-8vh;gap:4px}#title .tl-tag{font-size:14px;margin-top:2px}#title .tl-press{bottom:calc(7vh + 8px);font-size:11px}}.mbtn span{font-size:17px;font-weight:700;letter-spacing:.02em;display:flex;flex-direction:column;gap:3px}.mbtn small{font-weight:400;font-size:13px;color:var(--muted);letter-spacing:.03em}.mbtn:hover,.mbtn:focus-visible,.mbtn.sel{padding-left:12px}.foot{font-size:13px;color:var(--muted);letter-spacing:.04em;line-height:1.6}.how{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:14px;margin:0}.how dt{font-family:var(--display);font-weight:600;color:var(--amber);white-space:nowrap}.how dd{margin:0;color:var(--paper)}.primer{font-size:14px;line-height:1.65;color:var(--muted);margin:0;border-left:2px solid var(--amber);padding-left:12px}kbd{font-family:var(--ui);font-size:12px;border:1px solid var(--faint);border-bottom-width:2px;padding:1px 5px;border-radius:3px;color:var(--paper)}.lo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.lo-btn{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:64px;padding:8px 4px;background:#ffffff0a;border:1px solid var(--faint);color:inherit;font:inherit}.lo-btn b{font-family:var(--display);font-weight:800;font-size:22px}.lo-btn small{font-size:12px;opacity:.85}.lo-btn.on{border-color:var(--amber);background:#ffbe5a24}.lo-btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.lo-stats{min-height:2.6em;font-size:13px;opacity:.9;margin:0}#recDot{position:absolute;top:max(16px,env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:4px 12px;background:#0a060cb3;font-variant-numeric:tabular-nums;font-size:14px;letter-spacing:.08em;z-index:30;pointer-events:none}#recDot i{width:10px;height:10px;border-radius:50%;background:#e0322b;animation:recblink 1s steps(2) infinite}@keyframes recblink{50%{opacity:.25}}#recBtn.on{color:#ff5a4a;border-color:#e0322b}#rpOffer{position:absolute;left:50%;bottom:calc(22vh + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:25;min-height:52px;font-size:16px}#rpOffer b{font-family:var(--display);color:var(--amber);font-size:22px}#replay{position:absolute;inset:0;z-index:40;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:max(12px,env(safe-area-inset-top,0px)) calc(14px + env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) calc(14px + env(safe-area-inset-left,0px));box-sizing:border-box}#replay>*{pointer-events:auto}#replay[hidden]{display:none}.rp-top{display:flex;align-items:center;gap:12px;background:#0c0812b8;padding:8px 12px;align-self:stretch}.rp-top b{font-family:var(--display);font-size:26px;color:var(--amber)}.rp-top span{font-size:18px;letter-spacing:.08em}.rp-top small{opacity:.8;flex:1}#rpNote{align-self:center;max-width:min(760px,90vw);margin:0 0 12px;padding:10px 16px;background:#0c0812d1;border-left:4px solid var(--amber);font-size:17px;line-height:1.4;min-height:1.4em;text-shadow:0 1px 4px #000}#rpNote:empty{visibility:hidden}#rpNote.bad{border-left-color:#e0322b}.rp-bar{display:flex;align-items:center;gap:10px;background:#0c0812cc;padding:8px 12px;flex-wrap:wrap}.rp-bar .btn{min-height:48px;min-width:48px}.rp-bar .btn.on{border-color:var(--amber);background:#ffbe5a2e}.rp-track{position:relative;flex:1;min-width:200px;height:48px;display:flex;align-items:center}.rp-track input{width:100%;margin:0;position:relative;z-index:1;accent-color:var(--amber);height:48px}#rpMarks{position:absolute;left:0;right:0;top:6px;height:8px;pointer-events:none}#rpMarks i{position:absolute;top:0;width:4px;height:12px;margin-left:-2px;background:#e0322b}#rpMarks i.good{background:var(--amber)}#rpMarks i.death{background:#fff}#rpTime{font-variant-numeric:tabular-nums;min-width:4.5em;text-align:right}.rp-speeds{display:flex;gap:4px}.rp-slow{display:flex;align-items:center;gap:6px;font-size:13px;min-height:48px}.set-video{display:flex;align-items:center;gap:10px}.vrow.deshi .bar{flex:0 0 120px}.vrow.deshi .dinfo{font-size:12px;opacity:.85;white-space:nowrap}.vrow.deshi .bar i.v{background:#4fb39a}.vrow.horse .bar i.v{background:#c9934f}#deshiBtn.on{color:var(--amber);border-color:var(--amber)}.as-rank{display:flex;align-items:center;gap:18px}.as-rank>b{font-family:var(--display);font-size:64px;color:var(--amber);line-height:1;white-space:nowrap;text-align:center}.as-rank h3{margin:0 0 4px;font-size:22px}.as-rank p{margin:0;font-style:italic;opacity:.9}.as-aspects{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}.as-aspects .lo-bar{grid-template-columns:9em 1fr 3em}.as-note{margin:0;font-size:14px;border-left:3px solid var(--amber);padding-left:10px}.as-note.weak{border-left-color:#e0322b}@media(max-height:540px){.as-rank>b{font-size:44px}.as-aspects{grid-template-columns:1fr}}.set-video small{opacity:.8}.lo-screen{display:flex;align-items:stretch;background:linear-gradient(90deg,#0c0812cc 0,#0c08128c 50%,#0c081200 72%)}.lo-panel{width:min(620px,54vw);max-height:100%;overflow-y:auto;margin:0;border-width:0 1px 0 0;padding-left:calc(24px + env(safe-area-inset-left,0px))}.lo-view{flex:1;position:relative;touch-action:none;cursor:grab;min-width:0}.lo-view.demo{cursor:default}.lo-view:active{cursor:grabbing}.lo-viewbar{position:absolute;top:max(14px,env(safe-area-inset-top,0px));right:calc(76px + env(safe-area-inset-right,0px));display:flex;gap:8px}#loadout header p{display:none}#loadout .lo-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px}#loadout .lo-btn{min-height:58px;padding:5px 3px}#loadout .lo-btn b{font-size:20px}#loadout .lo-btn small{font-size:11px;line-height:1.15}#loadout h3{margin:0;font-size:14px;letter-spacing:.06em}.lo-viewbar .btn{min-height:48px}.lo-viewbar .btn.on{border-color:var(--amber);background:#ffbe5a2e}.lo-hint{position:absolute;left:0;right:0;bottom:max(14px,env(safe-area-inset-bottom,0px));margin:0;text-align:center;font-size:13px;opacity:.75;pointer-events:none;text-shadow:0 1px 6px #000}.lo-view.demo .lo-hint{display:none}.lo-grid.legends .lo-btn b{color:var(--amber)}.lo-btn.sealed{opacity:.55;border-style:dashed}.lo-btn.sealed b{color:#c9a9a0!important}.lo-info{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--faint);padding-top:12px}.lo-info p,.lo-info h4,.lo-info h5,.lo-info dl{margin:0}.lo-name{font-family:var(--display);font-size:20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lo-tag{font-family:inherit;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#1a1020;background:var(--amber);padding:2px 8px}.lo-what{font-style:italic;opacity:.85;font-size:14px}.lo-earn{border-left:3px solid var(--amber);padding-left:10px;font-size:14px}.lo-pros{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:14px}.lo-pros dt{color:var(--amber);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding-top:2px}.lo-pros dd{margin:0}.lo-pros dd.weak{color:#eab0a8}.lo-art{font-size:13px;opacity:.9}.lo-bars{display:flex;flex-direction:column;gap:5px}.lo-bar{display:grid;grid-template-columns:9.5em 1fr 5.5em;align-items:center;gap:10px;font-size:12px}.lo-bar i{display:block;height:7px;background:#ffffff1a}.lo-bar i b{display:block;height:100%;background:linear-gradient(90deg,#b8742e,var(--amber))}.lo-bar em{font-style:normal;opacity:.8;text-align:right;font-variant-numeric:tabular-nums}.lo-sub{font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.8;margin-top:4px!important}.lo-field{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;font-size:13px}.lo-field div{display:flex;justify-content:space-between;gap:8px}.lo-field b{color:var(--amber);letter-spacing:2px;font-weight:400;white-space:nowrap}#loadout .panel>*,#spawn .panel>*{flex-shrink:0}.sp-row{align-items:center;gap:10px}.sp-row b{font-size:20px;min-width:2ch;text-align:center}.lo-btn .n{font-family:var(--display);font-weight:800;color:var(--amber);min-height:1em}#hud{position:absolute;inset:0;z-index:10;pointer-events:none}.vitals{position:absolute;bottom:calc(22px + env(safe-area-inset-bottom,0px));width:min(330px,42vw);display:flex;flex-direction:column;gap:7px}.vitals.p1{left:calc(22px + env(safe-area-inset-left,0px))}.vitals.p2{right:calc(22px + env(safe-area-inset-right,0px))}.vname{font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:.08em}.vrow{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:center}.vk{font-family:var(--display);font-weight:800;font-size:17px;line-height:1}.bar{height:8px;background:#0c0812a6;border:1px solid rgba(239,230,216,.22);position:relative;overflow:hidden}.bar i{position:absolute;inset:0;transform-origin:left;transition:transform .08s linear}.bar .lag{background:#efe6d88c;transition:transform .6s ease-out .25s}.bar.hp i.v{background:linear-gradient(90deg,#7e141d,#d43a41)}.bar.st{height:5px}.bar.st i.v{background:linear-gradient(90deg,#a8742a,#f1bd62)}.bar.st.fail{animation:shake .3s;border-color:var(--crimson)}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.emp{font-size:12px;letter-spacing:.18em;color:var(--amber);text-transform:uppercase;height:14px}#bossBar{position:absolute;left:50%;transform:translate(-50%);bottom:calc(44px + env(safe-area-inset-bottom,0px));width:min(520px,46vw);display:flex;flex-direction:column;gap:6px}#bossBar .bn{display:flex;align-items:baseline;gap:10px;font-family:var(--display);font-weight:600;letter-spacing:.06em}#bossBar .bn b{font-weight:800;font-size:20px}#bossBar .bn span{font-size:13px;color:var(--muted)}#bossBar .bar{height:7px}#waveTag{position:absolute;top:max(24px,calc(env(safe-area-inset-top,0px) + 14px));left:50%;transform:translate(-50%);font-family:var(--display);font-weight:600;letter-spacing:.14em;font-size:14px;line-height:1.4;padding-top:2px;white-space:nowrap;text-align:center;text-shadow:0 1px 8px rgba(0,0,0,.6)}#waveTag small{display:block;font-family:var(--ui);font-size:12px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;margin-top:3px}#banner{position:absolute;top:max(24%,calc(env(safe-area-inset-top,0px) + 60px));left:0;right:0;text-align:center;opacity:0;transition:opacity .5s;text-shadow:0 2px 20px rgba(0,0,0,.7)}#banner.show{opacity:1}#banner .k{font-family:var(--display);font-weight:800;font-size:clamp(54px,10vh,96px);line-height:1.05}#banner .t{font-size:15px;letter-spacing:.3em;text-transform:uppercase;color:var(--sakura);margin-top:8px}#banner .s{font-family:var(--display);font-size:17px;color:var(--paper);margin-top:6px}#popup{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}#popup .k{font-family:var(--display);font-weight:800;font-size:84px;line-height:1;color:var(--amber);text-shadow:0 0 30px rgba(233,172,82,.6)}#popup .s{font-size:13px;letter-spacing:.3em;text-transform:uppercase;margin-top:4px}#popup.red .k{color:#ff5a4f;text-shadow:0 0 30px rgba(255,60,40,.6)}#popup.small .k{font-size:44px}#popup.anim{animation:pop .9s ease-out forwards}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-58%) scale(1)}}#flash{position:absolute;inset:0;pointer-events:none;opacity:0}#flash.gold{background:radial-gradient(ellipse at center,#ffd68200 20%,#ffc45a8c),linear-gradient(100deg,transparent 30%,rgba(255,226,150,.7) 50%,transparent 70%);background-size:100% 100%,300% 100%;animation:goldflash .55s ease-out}@keyframes goldflash{0%{opacity:1;background-position:0 0,100% 0}to{opacity:0;background-position:0 0,0% 0}}#flash.red{background:radial-gradient(ellipse at center,transparent 45%,rgba(180,10,20,.55) 100%);animation:fade .45s ease-out}@keyframes fade{0%{opacity:1}to{opacity:0}}#lock{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border:1.5px solid var(--amber);transform:rotate(45deg);box-shadow:0 0 8px #e9ac5299}.ebar{position:absolute;width:64px;height:4px;margin-left:-32px;background:#0c0812b3;border:1px solid rgba(239,230,216,.25)}.ebar i{position:absolute;inset:0;background:#c83238;transform-origin:left}.ebar.ally i{background:#4fb39a}#duelScore{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;gap:16px;align-items:center;padding:8px 18px;background:#0a070ec7;border:1px solid rgba(239,230,216,.28);font-family:var(--display);font-weight:800;box-shadow:0 4px 18px #00000073}#duelScore .side{display:flex;align-items:center;gap:10px}#duelScore .n{font-size:34px;line-height:1;color:#fff7ea;font-variant-numeric:tabular-nums;text-shadow:0 2px 6px #000;min-width:.7em;text-align:center}#duelScore .side.lead .n{color:var(--amber)}#duelScore .pips{display:flex;gap:8px}#duelScore .pips i{width:14px;height:14px;border:2px solid #fff7ea;transform:rotate(45deg)}#duelScore .pips i.on{background:var(--amber);border-color:var(--amber);box-shadow:0 0 8px #e9ac52cc}#duelScore .rd{font-size:14px;font-weight:700;letter-spacing:.16em;color:#efe6d8;text-transform:uppercase}@media(max-height:540px){#duelScore{top:calc(6px + env(safe-area-inset-top,0px));padding:6px 14px;gap:12px}#duelScore .n{font-size:28px}#duelScore .rd{font-size:12px}}#keys{position:absolute;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));font-size:12px;color:var(--muted);text-align:right;line-height:1.8}#keys.hideable{transition:opacity .6s}#corner{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px));z-index:40;display:flex;gap:8px}.icon-btn{background:#100c1799;border:1px solid var(--faint);width:48px;height:48px;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:18px;position:relative}.icon-btn.off:after{content:"";position:absolute;width:28px;height:2px;background:var(--crimson);transform:rotate(-45deg)}#touch{position:absolute;inset:0;z-index:15;pointer-events:none;--t-opacity: .8}#touch .stick-zone{position:absolute;left:0;bottom:0;width:40%;top:22%;pointer-events:auto;touch-action:none}#touch.left-handed .stick-zone{left:auto;right:0}.stick-base{position:absolute;left:calc(96px + env(safe-area-inset-left,0px));top:calc(100% - 110px - env(safe-area-inset-bottom,0px));border-radius:50%;border:1.5px solid rgba(239,230,216,.35);background:#100c1747;display:grid;place-items:center;opacity:calc(var(--t-opacity) * .7);transition:opacity .15s}.stick-base.live{opacity:var(--t-opacity)}.stick-knob{border-radius:50%;background:#efe6d86b;box-shadow:0 0 12px #00000059}.tbtn{position:absolute;pointer-events:auto;touch-action:none;border-radius:50%;border:1.5px solid rgba(239,230,216,.4);background:#100c1785;color:var(--paper);font-family:var(--display);font-weight:800;line-height:1;display:grid;place-items:center;opacity:var(--t-opacity);-webkit-tap-highlight-color:transparent;padding:0}.tbtn.t-parry{border-color:var(--amber);color:var(--amber);background:#281a0c99}.tbtn.down{transform:scale(.92);background:#e9ac5259}.tbtn.t-lock{font-size:20px}.tbtn.t-lock.on{border-color:var(--amber);color:var(--amber)}.tbtn.t-crouch.on{border-color:var(--amber);color:var(--amber);background:#e9ac522e}.tbtn.t-crouch[hidden]{display:none}.tbtn.t-kamae{border-color:#d6aa5ab3;color:var(--amber)}.tbtn.t-kamae[hidden]{display:none}.tbtn.t-guide{border-color:#c99a2eb3;color:var(--amber)}.tbtn.t-guide[hidden]{display:none}.kamae-wheel{position:absolute;inset:0;pointer-events:none}.kamae-wheel span{position:absolute;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;display:grid;place-items:center;background:#100c17c7;border:1.5px solid rgba(239,230,216,.35);color:var(--paper);font-family:var(--display);font-weight:800;font-size:20px}.kamae-wheel span.on{background:var(--amber);color:#1a1208;border-color:var(--amber);transform:scale(1.15)}.tbtn.hot{box-shadow:0 0 0 3px var(--crimson),0 0 18px #c22b36cc}#perf{position:absolute;left:calc(8px + env(safe-area-inset-left,0px));top:calc(8px + env(safe-area-inset-top,0px));z-index:70;pointer-events:none;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#d9f2c4;background:#0000009e;padding:6px 8px;font-variant-numeric:tabular-nums}#perf b{font-size:15px;color:#fff}#perf .over{color:#ff7a6b}#rotate{display:none}@media(orientation:portrait)and (pointer:coarse){#rotate{display:grid;position:fixed;inset:0;z-index:100;place-items:center;background:var(--ink);text-align:center;padding:24px}#rotate .k{font-family:var(--display);font-size:64px;font-weight:800;color:var(--amber);display:block;margin-bottom:12px}#rotate p{font-size:17px;margin:0}}@media(max-width:720px){.menu{background:#0c0812d1}.menu-inner{flex-direction:column;align-items:flex-start;overflow-y:auto}.title .kanji,.title .latin{writing-mode:horizontal-tb}.title{flex-direction:column;gap:4px}.vitals{width:44vw}#bossBar{width:60vw;bottom:110px}#keys{display:none}}.bar.ki{height:4px}.bar.ki i.v{background:linear-gradient(90deg,#3a6f8f,#8fd3ff)}.vrow.wounds{display:flex;gap:6px;font-family:var(--display);font-size:14px}.vrow.wounds .wchips b{color:#fff;background:#8a1c14;border-radius:3px;padding:0 5px;margin-right:4px;font-weight:600}.vrow.wounds .wchips b.tired{background:#5a4a2a}.vrow.wounds .wkit{color:var(--amber);letter-spacing:.06em}.vrow .kamaeTag{font-family:var(--display);font-size:14px;color:var(--paper);letter-spacing:.04em;white-space:nowrap}.vrow .gourds{font-family:var(--display);font-size:14px;letter-spacing:.08em;color:var(--amber);min-width:3.2em}.vitals .vrow:nth-child(4){grid-template-columns:22px 1fr auto}.posture{position:relative;height:6px;background:#0c081299;border:1px solid rgba(239,230,216,.25);overflow:hidden}.posture i.v{position:absolute;top:0;bottom:0;left:50%;width:100%;transform-origin:center;transform:translate(-50%) scaleX(0);background:linear-gradient(90deg,#d8a13a,#ffdf8a,#d8a13a);transition:transform .06s linear}.posture.hot i.v{background:linear-gradient(90deg,#c2402b,#ff9a5a,#c2402b)}#postureP,#postureP2{position:absolute;left:50%;transform:translate(-50%);bottom:calc(92px + env(safe-area-inset-bottom,0px));width:min(280px,36vw)}#postureP2{bottom:calc(106px + env(safe-area-inset-bottom,0px))}#targetBar{position:absolute;left:50%;transform:translate(-50%);top:calc(52px + env(safe-area-inset-top,0px));width:min(360px,44vw);display:flex;flex-direction:column;gap:5px;text-align:center}#targetBar .tn{font-family:var(--display);font-weight:600;font-size:14px;letter-spacing:.06em;text-shadow:0 1px 6px rgba(0,0,0,.7)}#targetBar .bar.hp{height:5px}#bossBar .posture{height:6px}#bossBar .lives{margin-left:auto;color:var(--crimson);font-size:16px;letter-spacing:.2em}.peril{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;animation:perilIn .12s ease-out}.peril .sym{width:44px;height:44px;display:grid;place-items:center}.peril .sym svg{width:44px;height:44px;filter:drop-shadow(0 0 8px rgba(255,40,30,.9))}.peril .nm{font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#ff6b5e;text-shadow:0 1px 4px #000}.peril .hint{font-size:12px;color:var(--paper);text-shadow:0 1px 4px #000}@keyframes perilIn{0%{transform:translate(-50%,-80%) scale(1.5);opacity:0}to{transform:translate(-50%,-100%) scale(1);opacity:1}}#crosshair{position:absolute;left:50%;top:45%;width:44px;height:44px;transform:translate(-50%,-50%);pointer-events:none;--draw: 0}#crosshair:before{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#fff;box-shadow:0 0 4px #000}#crosshair i{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,230,190,.9);transform:scale(calc(1.6 - var(--draw) * .9));opacity:calc(.35 + var(--draw) * .65);box-shadow:0 0 6px #0009}#crosshair.locked{display:none}#quiver{position:absolute;left:calc(22px + env(safe-area-inset-left,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));font-family:var(--display);font-weight:800;font-size:15px;color:#f3e6d2;text-shadow:0 1px 4px #000;pointer-events:none}#stageHint{position:absolute;left:50%;top:calc(19vh + env(safe-area-inset-top,0px));transform:translate(-50%);max-width:min(90vw,680px);box-sizing:border-box;text-align:center;padding:9px 16px;border-radius:10px;background:#0a0608a8;border:1px solid rgba(255,200,120,.35);color:#f7ead6;font-size:15px;letter-spacing:.03em;text-shadow:0 1px 4px #000;pointer-events:none}#stages .mbtn:disabled{opacity:.45}#interactBtn{position:absolute;z-index:23;left:calc(24px + env(safe-area-inset-left,0px));top:34%;width:72px;height:72px;border-radius:50%;border:2px solid rgba(255,207,138,.8);background:#0a06089e;color:#ffcf8a;font-family:var(--display);font-size:30px;line-height:1;touch-action:none;user-select:none;-webkit-user-select:none}#interactBtn[hidden]{display:none}#fishHud{position:absolute;z-index:22;left:50%;top:calc(30% + env(safe-area-inset-top,0px));transform:translate(-50%);width:min(340px,70vw);display:grid;gap:6px;text-align:center;padding:8px 12px;border-radius:10px;background:#0a060899;color:#f7ead6;font-size:15px;text-shadow:0 1px 4px #000;pointer-events:none}#fishHud[hidden],#fishHud.talk .fish-line{display:none}#fishHud .fish-line{position:relative;height:6px;border-radius:3px;background:#ffffff26;overflow:hidden}#cookZone{position:absolute;top:0;bottom:0;z-index:1;border:2px solid #ffd27a;border-radius:3px;box-sizing:border-box}#cookZone[hidden]{display:none}#fishHud .fish-line i{display:block;height:100%;width:0;background:linear-gradient(90deg,#e9ac52,#e0322b);transition:width .1s linear}@media(max-height:480px){#fishHud{top:34%;left:calc(120px + env(safe-area-inset-left,0px));transform:none;width:min(300px,38vw);font-size:13px}}.journal-list{display:grid;gap:10px;max-height:min(52vh,420px);overflow-y:auto;margin:6px 0 12px}.journal-list .poem{border:1px solid rgba(255,220,170,.2);border-radius:10px;padding:10px 14px}.journal-list .poem p{margin:0;white-space:pre-line;font-family:var(--display);font-size:17px;line-height:1.5}.journal-list .poem small{opacity:.75}.journal-list .poem.done{opacity:.6}#coachTip{position:absolute;z-index:24;left:50%;top:calc(17vh + env(safe-area-inset-top,0px));transform:translate(-50%);width:max-content;max-width:min(92vw,640px);box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:6px 6px 6px 14px;border-radius:12px;background:#0a0608c7;border:1px solid rgba(255,200,120,.5);color:#f7ead6;font-size:15px;line-height:1.35;letter-spacing:.02em;text-shadow:0 1px 4px #000;pointer-events:none;animation:coachIn .25s ease-out}#coachTip[hidden]{display:none}#coachTip>b{font-family:var(--display);font-size:22px;color:#ffcf8a;flex-shrink:0}#coachTip>span{flex:1}#coachTip button{pointer-events:auto;flex-shrink:0;width:48px;height:48px;border-radius:10px;border:1px solid rgba(255,220,170,.35);background:#ffffff0f;color:#f7ead6;font-size:18px;cursor:pointer}@keyframes coachIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media(max-height:480px){#coachTip{top:calc(8px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));transform:none;max-width:calc(100vw - 330px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));font-size:13px;gap:8px;padding-left:10px;animation:none}#coachTip>b{font-size:18px}}#stages .panel>*{flex-shrink:0}#downHint{position:absolute;left:50%;top:27vh;transform:translate(-50%);max-width:min(88vw,640px);box-sizing:border-box;text-align:center;padding:8px 14px;border-radius:10px;background:#0a06089e;color:#f3e6d2;font-size:14px;letter-spacing:.04em;text-shadow:0 1px 4px #000;pointer-events:none}#dbMark{position:absolute;transform:translate(-50%,-100%);pointer-events:none;display:flex;flex-direction:column;align-items:center}#dbMark:before{content:"";width:22px;height:22px;border:2.5px solid #ff4b3e;transform:rotate(45deg);box-shadow:0 0 14px #ff3c28e6;margin-bottom:8px;animation:dbPulse .6s ease-in-out infinite alternate}#dbMark span{font-family:var(--display);font-weight:800;font-size:15px;color:#ffb3a8;text-shadow:0 1px 6px #000;letter-spacing:.1em}#dbMark.kubi:before{border-color:#ffd36a;box-shadow:0 0 18px #ffc850;animation-duration:.25s}#dbMark.kubi span{color:#ffe09a}@keyframes dbPulse{0%{transform:rotate(45deg) scale(1)}to{transform:rotate(45deg) scale(1.2)}}#letterbox i{position:absolute;left:0;right:0;height:9vh;background:#000}#letterbox i:first-child{top:0}#letterbox i:last-child{bottom:0}#standoffUI{position:absolute;left:50%;bottom:calc(12vh + env(safe-area-inset-bottom,0px));transform:translate(-50%);text-align:center;text-shadow:0 2px 10px #000}#standoffUI .so-k{font-family:var(--display);font-weight:800;font-size:34px;color:var(--amber)}#standoffUI .so-t{font-size:16px;letter-spacing:.1em;margin-top:4px}#standoffUI.strike .so-t{color:#ff8a7a;font-weight:700}@media(max-height:540px){#loadout h3{margin:2px 0 0;font-size:14px}#loadout header p{display:none}.lo-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.lo-grid.legends{grid-template-columns:repeat(5,minmax(0,1fr))}.lo-panel{width:56vw;max-height:100vh;padding:10px 14px 10px calc(14px + env(safe-area-inset-left,0px))}.lo-bar{grid-template-columns:7.5em 1fr 4.8em;font-size:11px}.lo-field{grid-template-columns:1fr;font-size:12px}.lo-name{font-size:17px}.lo-what,.lo-pros,.lo-earn{font-size:12.5px}.lo-grid.tools{grid-template-columns:repeat(3,minmax(0,1fr))}.lo-btn{min-height:52px;padding:4px 2px}.lo-btn b{font-size:19px}.lo-btn small{font-size:10px;line-height:1.1}.lo-stats{font-size:12px;min-height:0}.menu-inner{padding-block:max(10px,env(safe-area-inset-top,0px)) 10px;padding-left:calc(20px + env(safe-area-inset-left,0px));gap:20px;overflow-y:auto;max-height:100%;box-sizing:border-box;align-items:center}.lede,.foot{display:none}.menu-col{gap:10px}.mbtn{padding:6px 4px;min-height:52px;grid-template-columns:38px 1fr}.mbtn b{font-size:24px}.mbtn span{font-size:16px}.title .kanji{font-size:clamp(56px,22vh,96px)}#banner{top:14%}#banner .k{font-size:52px}.vitals{bottom:calc(10px + env(safe-area-inset-bottom,0px))}#bossBar{top:calc(50px + env(safe-area-inset-top,0px));bottom:auto;width:min(420px,42vw);gap:3px}#bossBar .bn b{font-size:16px}#postureP{top:calc(100px + env(safe-area-inset-top,0px));bottom:auto;width:30vw}}.rw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.rw-btn{display:grid;justify-items:center;gap:2px;min-height:48px;padding:10px 8px;background:#100c1799;border:1px solid var(--faint);text-align:center}.rw-btn b{font-family:var(--display);font-weight:800;font-size:26px;color:var(--amber);line-height:1.1}.rw-btn span{font-size:14px;font-weight:700}.rw-btn small{font-size:11px;color:var(--muted);line-height:1.3}.rw-btn.on{border-color:var(--amber);background:#3c260ebf}#roundPick{position:absolute;z-index:25;left:50%;bottom:calc(22% + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(460px,92vw);display:grid;gap:6px;text-align:center}body.screen-open #roundPick{display:none}#roundPick p{margin:0;font-size:13px;letter-spacing:.08em;color:var(--paper);text-shadow:0 1px 4px #000}#roundPick .rw-grid{grid-template-columns:repeat(3,1fr)}#roundPick .rw-btn small{display:none}@media(max-height:540px){#roundPick{top:46%;bottom:auto;width:min(340px,44vw)}#roundPick p{display:none}.rw-btn{padding:4px}.rw-btn b{font-size:20px}.rw-btn span{font-size:12px;line-height:1.2}}#perf:empty{display:none}@media(prefers-reduced-motion:reduce){#popup.anim,#flash.gold,#flash.red{animation-duration:.01s}}
