:root{--ui-bg:#14110f;--ui-accent:#d4a017;--ui-on-accent:#2b1a08;--ui-line:#7d6a45;--ui-text:#f3e6cc;--ui-gold:#f2c14e;--ui-crimson:#b22222;--ui-danger:#ec5f52;--ui-panel:#14110ff0;--ui-panel-1:#1e1915;--ui-panel-2:#2a221b;--ui-muted:#b8a888;--ui-glow:0 0 0 1px var(--ui-line), 0 0 12px #d4a01740;--ui-bevel:10px;--ui-touch:44px;--ui-topbar-h:48px;--ui-navbar-h:56px;--ui-dur:.18s;--ui-ease:cubic-bezier(.2, .7, .2, 1);--ui-font:"Alegreya Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--ui-font-display:"Alegreya", Georgia, serif;--ui-hit-sure:#5fbf4a;--ui-hit-risky:#e0a030;--ui-hit-long:#d9442e;--ui-mystic:#b388ff;--ui-mystic-deep:#6a3fc8;--ui-mystic-glow:0 0 0 1px var(--ui-mystic), 0 0 14px #b388ff8c;--friend-rose:#f0a58a;--friend-rose-deep:#9c4a3a;--friend-gold:#ffd36b;--friend-violet:#c89bff;--friend-rose-glow:0 0 0 1px var(--friend-rose), 0 0 12px #f0a58a8c;--friend-legend-glow:0 0 0 1px var(--friend-gold), 0 0 10px #ffd36b99, 0 0 22px #c89bff73;--gold:var(--ui-gold);--cream:var(--ui-text);--panel:var(--ui-panel);--red:var(--ui-danger);--ink:var(--ui-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-motion:reduce){:root{--ui-dur:0s}}@font-face{font-family:Alegreya;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/alegreya-latin-ext-700-DBgyuGm9.woff2)format("woff2");unicode-range:U+100-2AF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alegreya;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/alegreya-latin-700-CW6seIs1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/alegreya-sans-latin-ext-400-cgBq3wd7.woff2)format("woff2");unicode-range:U+100-2AF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/alegreya-sans-latin-400-vsc_DBsv.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/alegreya-sans-latin-ext-700-C67zLP_2.woff2)format("woff2");unicode-range:U+100-2AF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alegreya Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/alegreya-sans-latin-700-euewqviX.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body :is(h1,h2,h3,.btn,.shell-title,.modal-title,.dialog-speaker,.hud-name,.battle-result){font-family:var(--ui-font-display)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--ui-bg);height:100%;color:var(--ui-text);font-family:var(--ui-font);margin:0}#app{justify-content:center;min-height:100%;display:flex}button{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.battle{flex-direction:column;gap:8px;width:min(100%,1200px);min-height:100vh;padding:8px 16px 16px;display:flex}.hud{grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;display:grid}.hud-fighter{background:var(--panel);border:1px solid var(--ui-line);border-radius:2px;gap:4px;padding:8px 10px;display:grid}.hud-right .hud-name{text-align:right}.hud-name{font-family:var(--ui-font);letter-spacing:.04em;color:var(--gold);font-size:1.05rem;font-weight:700}.bar-row{grid-template-columns:4.6rem 1fr 3.4rem;align-items:center;gap:6px;font-size:.8rem;display:grid}.bar-row[hidden]{display:none}.bar{background:#ffffff26;border-radius:6px;height:12px;overflow:hidden}.bar-fill{width:100%;height:100%;transition:width .35s}.bar-hp .bar-fill{background:#d62828}.bar-stamina .bar-fill{background:#e9c46a}.bar-meter .bar-fill{background:linear-gradient(90deg,#b8860b,gold)}.bar-meter.ready .bar{animation:.9s ease-in-out infinite alternate glow;box-shadow:0 0 10px 2px gold}@keyframes glow{0%{box-shadow:0 0 4px 1px gold}to{box-shadow:0 0 14px 4px gold}}.hud-center{text-align:center;font-family:var(--ui-font);letter-spacing:.04em;padding-top:6px}.hud-round{color:var(--gold);font-size:1.1rem}.hud-turn{min-height:1.2em;font-size:.85rem}.battle-stage{aspect-ratio:16/9;border:1px solid var(--ui-line);background:#1b1410;border-radius:2px;width:100%;max-width:110.222vh;margin:0 auto;position:relative;overflow:hidden}.battle-canvas{width:100%;height:100%;display:block}.battle-bottom{gap:8px;display:grid}.battle-log{background:var(--panel);border-radius:8px;min-height:4.8em;margin:0;padding:6px 10px;font-size:.85rem;line-height:1.45;list-style:none}.battle-log li+li{margin-top:2px}.battle-log li:last-child{color:var(--gold)}.battle-result{text-align:center;font-family:var(--ui-font);letter-spacing:.04em;background:#040c0eb8;place-content:center;gap:10px;display:grid;position:absolute;inset:0}.battle-result h2{color:var(--gold);margin:0;font-size:clamp(2rem,6vw,3.5rem)}.battle-result.lost h2{color:var(--ui-danger)}.result-line{margin:0;font-style:italic}.result-continue{border:1px solid var(--ui-line);background:var(--red);min-width:10rem;min-height:48px;color:var(--cream);cursor:pointer;border-radius:2px;justify-self:center}.dev-menu{width:min(100%,720px);padding:24px 16px}.dev-menu h1{font-family:var(--ui-font);letter-spacing:.04em;color:var(--gold);margin:0 0 4px}.dev-menu p{opacity:.85;margin:0 0 16px}.dev-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.dev-fight{border:1px solid var(--ui-line);background:var(--panel);width:100%;min-height:52px;color:var(--cream);cursor:pointer;text-align:left;border-radius:2px;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex}.dev-fight:hover{background:var(--red)}@media (width<=720px){.battle{padding:6px 8px 10px}.hud{grid-template-columns:1fr 1fr}.hud-center{grid-area:1/1/auto/-1;padding-top:0}.bar-row{grid-template-columns:3.6rem 1fr}}.screen{flex-direction:column;gap:14px;width:min(100%,980px);padding:20px 16px 32px;display:flex}.screen-subtitle{opacity:.85;margin:4px 0 0;font-style:italic}.btn{min-height:var(--ui-touch);background:linear-gradient(180deg, var(--ui-panel-2), var(--ui-bg));box-shadow:inset 0 0 0 2px var(--ui-line);color:var(--ui-text);letter-spacing:.04em;cursor:pointer;touch-action:manipulation;clip-path:polygon(var(--ui-bevel) 0, 100% 0, 100% calc(100% - var(--ui-bevel)), calc(100% - var(--ui-bevel)) 100%, 0 100%, 0 var(--ui-bevel));transition:box-shadow var(--ui-dur) var(--ui-ease), filter var(--ui-dur) var(--ui-ease);border:0;border-radius:0;padding:8px 18px;font-weight:600}.btn:hover:not(:disabled):not(.is-disabled){box-shadow:inset 0 0 0 2px var(--ui-accent), inset 0 0 14px #d4a01740}.btn:focus-visible{box-shadow:inset 0 0 0 3px var(--ui-accent), inset 0 0 14px #d4a01759;outline:none}.btn:active:not(:disabled):not(.is-disabled){filter:brightness(1.2)}.btn:disabled,.btn.is-disabled{opacity:.4;cursor:default}.btn-primary{background:var(--ui-accent);color:var(--ui-on-accent);font-weight:700;box-shadow:inset 0 0 0 2px #f3e6cc80}.btn-primary:hover:not(:disabled):not(.is-disabled){box-shadow:inset 0 0 0 2px var(--ui-text), inset 0 0 14px #ffffff59}.btn-primary:focus-visible{box-shadow:inset 0 0 0 3px var(--ui-text)}.btn-gold{background:var(--ui-gold);color:var(--ui-on-accent);font-weight:700;box-shadow:inset 0 0 0 2px #fff0c880}.btn-gold:focus-visible{box-shadow:inset 0 0 0 3px var(--ui-text)}.btn-quiet{box-shadow:inset 0 0 0 1px var(--ui-line);color:var(--ui-muted);background:0 0}.btn-danger{background:var(--ui-bg);box-shadow:inset 0 0 0 2px var(--ui-danger);color:var(--ui-danger)}.btn-danger:hover:not(:disabled):not(.is-disabled),.btn-danger:focus-visible{box-shadow:inset 0 0 0 3px var(--ui-danger), inset 0 0 14px #ec5f524d}.btn-small{min-height:var(--ui-touch);padding:4px 12px;font-size:.85rem}.btn-round{min-width:var(--ui-touch);padding:0;font-size:1.1rem}.glow-line{background:var(--ui-accent);border:0;height:1px;margin:0;box-shadow:0 0 8px #d4a01799}.panel{background:var(--ui-panel);box-shadow:inset 0 0 0 1px var(--ui-line);clip-path:polygon(var(--ui-bevel) 0, 100% 0, 100% calc(100% - var(--ui-bevel)), calc(100% - var(--ui-bevel)) 100%, 0 100%, 0 var(--ui-bevel));padding:12px 14px}.scroll-panel{overscroll-behavior:contain;min-height:0;overflow-y:auto}.xp-fill{background:linear-gradient(90deg, var(--ui-accent), var(--ui-accent));height:100%}.gold{color:var(--ui-gold);font-weight:700}.places{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.place{background:var(--panel);border:1px solid var(--ui-line);border-radius:2px;flex-direction:column;gap:8px;padding:14px;display:flex}.place h2{font-family:var(--ui-font);letter-spacing:.04em;color:var(--gold);margin:0;font-size:1.2rem}.place p{flex:1;margin:0}.slots{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.slot-date{opacity:.7;font-size:.8rem}.portrait{width:200px;height:300px}.text-input{border:1px solid var(--ui-line);background:var(--ui-panel-2);width:100%;min-height:44px;color:var(--ui-text);font:inherit;border-radius:2px;padding:8px 12px}.picker{grid-template-columns:7rem 44px 1fr 44px;align-items:center;gap:6px;display:grid}.picker-value{text-align:center}.stat-value{text-align:center;min-width:2ch;font-size:1.15rem;font-weight:700}.points-left,.derived{margin:0;font-weight:700}.dialog-overlay{z-index:10;background:#040c0e99;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.dialog-overlay.over-modal{z-index:110}.dialog-box{background:var(--ui-panel-2);border:1px solid var(--ui-line);border-radius:2px;gap:10px;width:min(100%,760px);padding:18px 20px;display:grid;box-shadow:0 10px 40px #00000080}.dialog-speaker{font-family:var(--ui-font);letter-spacing:.04em;color:var(--gold);font-size:1.15rem;font-weight:700}.dialog-text{min-height:3em;margin:0;font-size:1.1rem;line-height:1.45}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=720px){.picker{grid-template-columns:5.5rem 44px 1fr 44px}}.hud-fighter{grid-template-columns:auto 1fr;column-gap:10px}.hud-fighter>:not(.hud-portrait){grid-column:2}.hud-portrait{background:linear-gradient(#f0b86e,#f8e4b8);border-radius:8px;grid-row:1/span 4;width:48px;height:72px;overflow:hidden}.hud-portrait .portrait{width:96px;height:144px;margin:-6px 0 0 -24px}.hud-right .hud-portrait{transform:scaleX(-1)}.bar{position:relative}.bar-trail,.bar-fill{position:absolute;inset:0 auto 0 0}.bar-trail{background:#fff3e0;transition:width .6s .35s}.battle-skip{border:1px solid var(--ui-line);background:var(--ui-panel);min-height:40px;color:var(--cream);cursor:pointer;border-radius:2px;padding:6px 14px;position:absolute;top:12px;right:12px}.battle-stage{touch-action:manipulation}.scene-stage{aspect-ratio:16/9;border:1px solid var(--ui-line);touch-action:manipulation;background:#1b1410;border-radius:2px;width:100%;position:relative;overflow:hidden}.scene-canvas{width:100%;height:100%;display:block}.style-sample{gap:6px;display:grid}.style-sample h2{font-family:var(--ui-font);letter-spacing:.04em;color:var(--gold);margin:12px 0 0}.style-sample p{opacity:.85;margin:0}.style-canvas{border:1px solid var(--ui-line);border-radius:2px;width:100%;height:auto}.place h2,.duel-side h2{text-transform:uppercase;letter-spacing:.08em}.mystic-badge{letter-spacing:.04em;color:#f3eaff;background:var(--ui-mystic-deep);box-shadow:var(--ui-mystic-glow);white-space:nowrap;padding:1px 8px;font-size:.75rem;font-weight:700;display:inline-block}.is-mystic-item{box-shadow:var(--ui-mystic-glow)!important}.ui-icon{vertical-align:-.15em;flex:none;width:1em;height:1em;display:inline-flex}.ui-icon svg{width:100%;height:100%}html,body{overscroll-behavior:none;height:100%;overflow:hidden}#app{overscroll-behavior:contain;height:100dvh;overflow-y:auto}.app-shell{width:100%;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--ui-bg);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.shell-top{min-height:var(--ui-topbar-h);grid-template-columns:var(--ui-touch) minmax(0, 1fr) auto var(--ui-touch);background:var(--ui-panel);border-bottom:1px solid var(--ui-line);align-items:center;gap:4px;display:grid;box-shadow:0 1px 8px #d4a01733}.shell-back,.shell-gear{width:var(--ui-touch);height:var(--ui-touch);color:var(--ui-accent);cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0;font-size:1.6rem;line-height:1;display:grid}.shell-back:focus-visible,.shell-gear:focus-visible,.settings-fab:focus-visible,.nav-item:focus-visible,.chip-warn:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-3px}.shell-heading{min-width:0;line-height:1.15;display:grid}.shell-title{text-overflow:ellipsis;white-space:nowrap;color:var(--ui-accent);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:1.05rem;overflow:hidden}.shell-subtitle{text-overflow:ellipsis;white-space:nowrap;color:var(--ui-muted);font-size:.78rem;overflow:hidden}.shell-stats{align-items:center;gap:4px;display:flex}.chip{border:1px solid var(--ui-line);background:var(--ui-panel-2);color:var(--ui-text);white-space:nowrap;padding:2px 7px;font-size:.75rem;font-weight:600}.chip-gold{color:var(--ui-gold)}.chip-hp{color:var(--ui-text)}.chip-hp.hurt{color:#ff9f43}.chip-hp.critical{color:var(--ui-danger)}.chip-tap{cursor:pointer}.chip-tap:hover,.chip-tap:focus-visible{border-color:var(--ui-gold)}.chip-regen{color:var(--ui-muted);opacity:.85;margin-left:4px;font-size:.65rem;font-weight:500}.chip-warn{min-width:var(--ui-touch);min-height:var(--ui-touch);color:var(--ui-gold);cursor:pointer;background:0 0;border:0;font-size:1.1rem}.shell-body{min-height:0;overflow:hidden}.shell-body.scroll{overscroll-behavior:contain;overflow-y:auto}.shell-body .screen{margin-inline:auto}.shell-body .screen-full{gap:8px;width:100%;height:100%;min-height:0;padding:8px;overflow:hidden}.shell-nav{min-height:var(--ui-navbar-h);background:var(--ui-panel);border-top:1px solid var(--ui-line);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.nav-item{min-height:var(--ui-touch);color:var(--ui-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-content:center;justify-items:center;gap:1px;padding:2px 4px;display:grid}.nav-icon{font-size:1.15rem;line-height:1}.nav-label{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em;max-width:100%;font-size:.7rem;overflow:hidden}.nav-item.active{color:var(--ui-accent);box-shadow:inset 0 2px 0 var(--ui-accent), 0 -2px 10px #d4a01740;background:linear-gradient(#d4a01729,#0000 70%)}.nav-item.is-disabled{opacity:.45}.shell-enter{animation:shell-in var(--ui-dur) var(--ui-ease)}.shell-enter.back{animation-name:shell-in-back}@keyframes shell-in{0%{opacity:0;transform:translate(12px)}}@keyframes shell-in-back{0%{opacity:0;transform:translate(-12px)}}@media (height<=420px){:root{--ui-topbar-h:44px;--ui-navbar-h:48px}.shell-subtitle{display:none}.nav-item{grid-auto-flow:column;align-items:center;gap:6px}.nav-item .nav-label{font-size:.75rem}}.settings-fab{top:max(8px, env(safe-area-inset-top));z-index:40;width:var(--ui-touch);height:var(--ui-touch);border:1px solid var(--ui-line);background:var(--ui-panel);color:var(--ui-accent);cursor:pointer;place-items:center;padding:0;font-size:1.4rem;display:grid;position:fixed;right:8px}.settings-fab[hidden]{display:none}body:has(.app-shell) .settings-fab{display:none}.toasts{left:50%;bottom:calc(var(--ui-navbar-h) + env(safe-area-inset-bottom) + 8px);z-index:60;pointer-events:none;gap:8px;width:min(420px,100vw - 32px);display:grid;position:fixed;transform:translate(-50%)}.toast{background:var(--ui-panel);box-shadow:var(--ui-glow);color:var(--ui-text);text-align:center;pointer-events:auto;cursor:pointer;animation:toast-in var(--ui-dur) var(--ui-ease);border:0;padding:10px 14px}.toast-gold{box-shadow:0 0 0 1px var(--ui-gold), 0 0 12px #f2c14e4d;color:var(--ui-gold)}.toast-warn{box-shadow:0 0 0 1px var(--ui-danger), 0 0 12px #ec5f524d}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.modal{z-index:100;background:#040c0eb8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-box{overscroll-behavior:contain;background:var(--ui-panel-2);width:min(100%,440px);max-height:calc(100dvh - 32px);box-shadow:var(--ui-glow);animation:toast-in var(--ui-dur) var(--ui-ease);gap:12px;padding:18px 20px;display:grid;overflow-y:auto}.modal-title{color:var(--ui-accent);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:1.1rem}.modal-text{color:var(--ui-text);margin:0;line-height:1.4}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.rotate-hint{z-index:200;background:var(--ui-bg);text-align:center;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:fixed;inset:0}.rotate-hint-icon{color:var(--ui-accent);text-shadow:0 0 16px #d4a01780;font-size:4rem}.rotate-hint-title{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:1.3rem}.rotate-hint-text{color:var(--ui-muted);margin:0}.settings-box{grid-template-rows:auto minmax(0,1fr);width:min(100%,520px);padding:14px 16px;overflow:hidden}.set-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.set-content{align-content:start;gap:14px;padding-right:2px;display:grid}.set-section{background:var(--ui-panel);box-shadow:inset 0 0 0 1px var(--ui-line);gap:8px;padding:10px 12px;display:grid}.set-title{color:var(--ui-gold);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.8rem}.set-row{grid-template-columns:6rem minmax(0,1fr) 3.2rem;align-items:center;gap:8px;display:grid}.set-row-inline{grid-template-columns:6rem minmax(0,1fr)}.set-row>.seg{grid-column:2/-1}.set-links{flex-wrap:wrap;gap:8px;display:flex}.set-links>.btn{text-decoration:none}.set-hint{color:var(--ui-muted);grid-column:1/-1;font-size:.75rem}.set-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--ui-muted);font-size:.8rem}.set-range{width:100%;height:var(--ui-touch);accent-color:var(--ui-accent);touch-action:pan-y;margin:0}.seg{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.seg-btn,.switch{min-height:var(--ui-touch);min-width:var(--ui-touch);background:var(--ui-bg);box-shadow:inset 0 0 0 1px var(--ui-line);color:var(--ui-muted);cursor:pointer;touch-action:manipulation;border:0;padding:4px 6px;font-size:.85rem;line-height:1.15}.seg-btn.on,.switch.on{background:var(--ui-accent);color:var(--ui-on-accent);font-weight:700}.seg-btn:focus-visible,.switch:focus-visible{outline:2px solid var(--ui-text);outline-offset:-4px}.switch{justify-self:start;min-width:5rem}.badge-gold{box-shadow:inset 0 0 0 1px var(--ui-gold);color:var(--ui-gold);background:#f2c14e26;padding:6px 12px;font-weight:600;display:inline-block}.ad-reward-btn,.result-ad{min-height:var(--ui-touch);color:var(--ui-gold);border:1px dashed var(--ui-gold);background:0 0;padding:4px 12px;font-size:.85rem}.ad-reward-btn:disabled,.result-ad:disabled{opacity:.5}.glossar-liste{gap:2px 0;margin:0;display:grid}.glossar-begriff{color:var(--ui-text);margin-top:6px;font-weight:700}.glossar-text{color:var(--ui-text);margin:0;font-size:.85rem;line-height:1.4}.progress-hint{opacity:.85;margin:0;font-size:.9rem}.achievement-mark{color:var(--gold);font-weight:700}.locked-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.locked-list li{opacity:.7;font-size:.9rem}.talent-reason{opacity:.75;display:block}.hero-stand{transform-origin:50% 100%;width:100%;height:100%;min-height:0;animation:3.2s ease-in-out infinite stand-breathe;display:block}@keyframes stand-breathe{50%{transform:scaleY(1.012)}}@media (prefers-reduced-motion:reduce){.hero-stand{animation:none}}.modal.sheet-overlay{align-items:end;padding:0}.modal-box.sheet{grid-template-rows:auto minmax(0,1fr);width:min(100%,560px);max-height:min(70dvh,100dvh - 24px);padding:12px 14px}.sheet-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.sheet-body{align-content:start;gap:8px;display:grid}.stat-bar{background:var(--ui-panel-2);height:10px;box-shadow:inset 0 0 0 1px var(--ui-line)}.stat-bar-fill{background:var(--ui-accent);height:100%;transition:width var(--ui-dur);box-shadow:0 0 8px #d4a01799}.creation-screen .shell-body .screen-full{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-content:stretch;display:grid}.creation-steps{color:var(--ui-muted);justify-content:center;gap:12px;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.creation-steps .current{color:var(--ui-accent);font-weight:700}.creation-content{grid-template-columns:minmax(200px,42%) 1fr;gap:10px;min-height:0;display:grid}.creation-stage{min-height:0;position:relative}.stage-arrows{justify-content:space-between;align-items:center;display:flex;position:absolute;inset:auto 0 0}.creation-pickers,.creation-style,.creation-name{align-content:start;gap:6px;min-height:0;display:grid;overflow:hidden}.creation-style{overscroll-behavior:contain;overflow-y:auto}.creation-pick-side{align-content:start;gap:4px;min-height:0;display:grid;overflow:hidden}.creation-pickers .picker{display:block}.picker-hint{color:var(--ui-muted);margin:0;font-size:.75rem}.creation-pickers .picker.active .btn{box-shadow:inset 0 0 0 2px var(--ui-accent)}.picker-select{text-align:left;width:100%}.creation-foot{justify-content:space-between;gap:8px;display:flex}.creation-foot .btn-primary,.creation-foot .btn-gold{min-width:9rem}.style-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.style-card{min-height:var(--ui-touch);background:var(--ui-panel-2);box-shadow:inset 0 0 0 1px var(--ui-line);color:var(--ui-text);cursor:pointer;text-align:center;border:0;justify-items:center;gap:2px;padding:4px;display:grid}.style-card.selected{box-shadow:inset 0 0 0 2px var(--ui-accent), 0 0 12px #d4a01759}.style-card small{color:var(--ui-muted);font-size:.7rem;display:block}.style-bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;display:grid}.style-bar-row{grid-template-columns:5.5rem 1fr 1.5rem auto auto;align-items:center;gap:4px;font-size:.8rem;display:grid}.style-pitch{color:var(--ui-text);margin:0;font-size:.8rem;line-height:1.3}.style-meta{flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:.8rem;display:flex}.style-meta p{margin:0}.name-input{min-height:52px;font-size:1.3rem}.name-chips{flex-wrap:wrap;gap:6px;display:flex}.name-question{font-family:var(--ui-font-display);color:var(--ui-text);font-size:1.15rem}.name-summary{color:var(--ui-muted);margin:2px 0 0;font-size:.9rem}.creation-name{overflow-y:auto}.creation-name .creation-skip,.creation-name .creation-start{text-align:left;justify-self:start;justify-items:start}.creation-name .creation-skip .switch{justify-self:start}.creation-name .creation-start-chips{justify-content:start}.herkunft-karten{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));align-content:center;justify-self:center;gap:12px;width:min(100%,56rem);min-height:0;display:grid;overflow-y:auto}.herkunft-karte{min-height:var(--ui-touch);background:var(--ui-panel-2);box-shadow:inset 0 0 0 1px var(--ui-line);color:var(--ui-text);font:inherit;text-align:center;cursor:pointer;border:0;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;display:flex}.herkunft-karte.is-selected{box-shadow:inset 0 0 0 3px var(--ui-accent), 0 0 12px #d4a01759}.herkunft-tier{max-width:100%;display:block}.herkunft-name{font-family:var(--ui-font-display);font-size:1.2rem}.herkunft-satz{color:var(--ui-muted);font-size:.95rem}.herkunft-gaben{text-align:left;flex-direction:column;margin:.4rem 0 0;font-size:.85rem;line-height:1.35;display:flex}.herkunft-gaben>span:before{content:"✦ ";color:var(--ui-gold)}@media (orientation:portrait){.creation-content{grid-template-rows:minmax(0,min(42dvh,340px)) 1fr;grid-template-columns:1fr}.style-bar-row{grid-template-columns:5.5rem 1fr 1.5rem auto auto}.style-bars{grid-template-columns:1fr}.creation-content:has(>.herkunft-karten){grid-template-rows:minmax(0,1fr)}}@media (height<=420px){.creation-screen:has(.name-input:focus) :is(.creation-steps,.glow-line,.creation-stage,.name-chips,.name-summary,.creation-skip,.creation-start,.name-question){display:none}.creation-screen:has(.name-input:focus) .creation-content{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.creation-screen:has(.name-input:focus) .screen-full{grid-template-rows:minmax(0,1fr) auto}}@media (orientation:landscape) and (height<=420px){.style-card small{display:none}.style-bars.custom .style-bar-row{grid-template-columns:minmax(0,1fr) 1.5rem auto auto}.style-bars.custom .stat-bar{display:none}.creation-style{gap:4px}.style-card{padding-block:2px}.style-card canvas{max-width:32px;max-height:32px}.style-bars:not(.custom){row-gap:0}.style-bar-row .stat-value{line-height:1}}.hero-screen .shell-body .screen-full,.bazaar-screen .shell-body .screen-full{grid-template-columns:minmax(260px,40%) minmax(0,1fr);gap:8px;display:grid}.bazaar-screen .shell-body .screen-full{grid-template-columns:minmax(280px,46%) minmax(0,1fr)}.hero-left,.hero-right,.bazaar-left,.bazaar-right{gap:6px;min-width:0;min-height:0;display:grid}.hero-left{grid-template-rows:minmax(0,1fr) auto auto auto}.hero-around{grid-template-columns:56px minmax(0,1fr) 56px;gap:4px;min-height:0;display:grid}.slot-col{grid-template-rows:repeat(3,1fr);align-content:center;gap:4px;display:grid}.hero-mid{min-height:0}.gear-slot{min-width:var(--ui-touch);min-height:var(--ui-touch);border:1px dashed var(--ui-line);width:56px;height:56px;color:var(--ui-muted);cursor:pointer;background:0 0;place-items:center;padding:2px;display:grid}.gear-slot.filled{background:var(--ui-panel-2);box-shadow:inset 0 0 0 1px var(--ui-accent), 0 0 8px #d4a0174d;border:0}.gear-slot .slot-icon{width:28px;height:28px}.gear-slot{position:relative}.gear-slot.filled.is-mystic-item{box-shadow:inset 0 0 0 2px var(--ui-mystic), 0 0 10px #b388ff99!important}.slot-mystic{color:var(--ui-mystic);text-shadow:0 0 6px var(--ui-mystic);font-size:.7rem;position:absolute;top:1px;right:3px}.slot-mystic-info{color:var(--ui-mystic);margin:0 0 4px;font-size:.85rem}.sheet-row.is-mystic-row{box-shadow:inset 0 0 0 1px var(--ui-mystic);padding:4px}.sheet-row.is-legend-row{padding:4px;box-shadow:inset 0 0 0 2px #e6b422}.slot-mystic-info.legend-info{color:var(--ui-text)}.legend-badge,.legend-effect{color:#e6b422;font-weight:600}.sheet-row .mystic-badge{padding:0 5px;font-size:.62rem}.gear-slot small{font-size:.7rem;line-height:1}.trinket-strip{justify-content:center;gap:8px;display:flex}.trinket{width:var(--ui-touch);height:var(--ui-touch);background:var(--ui-panel-2);box-shadow:inset 0 0 0 1px var(--ui-line);opacity:.4;cursor:pointer;border:0;border-radius:50%;padding:0}.trinket.owned{opacity:1;box-shadow:inset 0 0 0 2px var(--ui-accent), 0 0 10px #d4a01780}.trinket canvas{width:28px;height:28px}.record{text-align:center;color:var(--ui-muted);margin:0;font-size:.85rem}.xp-bar{background:var(--ui-panel-2);height:16px;box-shadow:inset 0 0 0 1px var(--ui-line);position:relative}.xp-bar-fill{background:var(--ui-accent);height:100%;box-shadow:0 0 8px #d4a01799}.xp-bar-text{color:var(--ui-text);text-shadow:0 0 3px #000;place-items:center;font-size:.7rem;display:grid;position:absolute;inset:0}.hero-right{grid-template-rows:auto minmax(0,1fr)}.hero-tabs-row{align-items:center;gap:6px;min-width:0;display:flex}.hero-tabs{gap:2px;min-width:0;display:flex;overflow:hidden}.hero-tab{min-height:var(--ui-touch);min-width:var(--ui-touch);box-shadow:inset 0 -2px 0 var(--ui-line);color:var(--ui-muted);cursor:pointer;background:0 0;border:0;padding:0 5px;font-size:.8rem;font-weight:600;position:relative}.hero-tab.active{color:var(--ui-accent);box-shadow:inset 0 -3px 0 var(--ui-accent)}.tab-dot{background:var(--ui-gold);width:8px;height:8px;box-shadow:0 0 6px var(--ui-gold);border-radius:50%;position:absolute;top:6px;right:2px}.hero-tabs-row .shield{min-height:var(--ui-touch);cursor:pointer;border:0;max-width:34%;margin-left:auto;padding:2px 6px;font-size:.65rem;line-height:1.1}.hero-tabpanel{min-height:0;display:grid}.hero-panel{overscroll-behavior:contain;align-content:start;gap:6px;min-height:0;display:grid;overflow:hidden auto}.hero-stat-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px;display:grid}.hero-stat-row{min-height:var(--ui-touch);grid-template-columns:5.2rem minmax(0,1fr) 1.6rem auto;align-items:center;gap:6px;font-size:.85rem;display:grid}.panel-head{color:var(--ui-accent);margin:0;font-size:.9rem}.pager{justify-content:center;align-items:center;gap:12px;display:flex}.title-chips{flex-wrap:wrap;gap:6px;display:flex}.chip-title.selected{box-shadow:inset 0 0 0 2px var(--ui-accent)}.achievement-grid,.album-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.achievement-tile,.album-tile{min-height:var(--ui-touch);background:var(--ui-panel-2);box-shadow:inset 0 0 0 1px var(--ui-line);color:var(--ui-text);cursor:pointer;border:0;place-items:center;gap:2px;padding:4px;font-size:.75rem;display:grid}.achievement-tile.done{box-shadow:inset 0 0 0 1px var(--ui-gold)}.achievement-detail{color:var(--ui-muted);margin:0;font-size:.8rem}.album-switch{gap:6px;margin-bottom:6px;display:flex}.album-switch-btn{flex:1;min-height:36px}.album-switch-btn.active{box-shadow:inset 0 0 0 2px var(--ui-accent)}.album-switch-btn.is-loot.active{box-shadow:inset 0 0 0 2px var(--ui-mystic);color:var(--ui-mystic)}.loot-album{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.loot-album-row{min-height:var(--ui-touch);background:var(--ui-panel-2);box-shadow:inset 0 0 0 1px var(--ui-line);color:var(--ui-text);font:inherit;text-align:left;cursor:pointer;border:0;grid-template-columns:40px 1fr;align-items:center;gap:8px;padding:4px 8px;font-size:.75rem;display:grid;position:relative}.loot-album-row.is-mystic-item{box-shadow:inset 0 0 0 1px var(--ui-mystic), inset 0 0 12px #b388ff4d!important}.loot-album-icon{background:#f3e6cc0f;width:40px;height:40px}.loot-album-row.album-unknown .loot-album-icon{background:#f3e6cc0f radial-gradient(circle,#b388ff2e,#0000 70%)}.loot-album-text{gap:1px;min-width:0;display:grid}.loot-album-text small{color:var(--ui-muted)}.loot-album-text small.mystic-effect{color:var(--ui-mystic)}.loot-album-owned{color:var(--ui-accent);position:absolute;top:2px;right:6px}@media (width<=520px){.loot-album{grid-template-columns:1fr}}.album-tile .portrait{object-fit:contain;width:100%;height:auto;max-height:80px}.album-unknown .portrait{filter:brightness(0);opacity:.6}.talent-panel{grid-template-rows:minmax(0,1fr) auto;gap:6px}.talent-main{overscroll-behavior:contain;flex-direction:column;gap:4px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.talent-head{color:var(--ui-muted);flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:.85rem;display:flex}.talent-head-title{font-family:var(--ui-font-display);color:var(--ui-gold);font-size:1rem}.talent-head-points{color:var(--ui-text);font-weight:700}.talent-tree{flex-direction:column;display:flex}.talent-row{grid-template-columns:34px minmax(0,1fr);align-items:stretch;gap:6px;display:grid}.row-label{border-right:2px solid var(--ui-line);flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:flex}.row-num{font-family:var(--ui-font-display);color:var(--ui-gold);font-size:1.05rem}.row-level{color:var(--ui-muted);white-space:nowrap;font-size:.65rem}.talent-row.row-closed .row-num{color:var(--ui-muted)}.row-cards{grid-template-columns:repeat(var(--cols,2), minmax(0, 1fr));gap:6px;display:grid}.talent-card{min-height:var(--ui-touch);border:2px solid var(--ui-line);background:var(--ui-panel-1);min-width:0;color:var(--ui-text);font:inherit;text-align:center;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:3px 4px;display:flex}.card-name{font-family:var(--ui-font-display);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:.82rem;line-height:1.1}.card-state{letter-spacing:.08em;color:var(--ui-muted);white-space:nowrap;font-size:.72rem}.talent-card.has-rank{border-color:var(--ui-accent);background:var(--ui-panel-2)}.talent-card.has-rank .card-state{color:var(--ui-gold)}.talent-card.maxed{border-color:var(--ui-gold);box-shadow:0 0 10px #f2c14e73}.talent-card.available{border-color:var(--ui-accent);animation:1.6s ease-in-out infinite node-pulse}.talent-card.waiting{border-style:solid}.talent-card.levelTooLow,.talent-card.locked{opacity:.55;background:0 0}.talent-card.levelTooLow .card-state,.talent-card.locked .card-state{letter-spacing:0}.talent-card.chosenOther{opacity:.35;background:0 0;border-style:dashed}.talent-card.chosenOther .card-name{text-decoration:line-through}.talent-card.chosenOther .card-state{letter-spacing:0;font-style:italic}.talent-card.selected{outline:2px solid var(--ui-text);outline-offset:1px;opacity:1}@keyframes node-pulse{50%{box-shadow:0 0 12px var(--ui-accent)}}@media (prefers-reduced-motion:reduce){.talent-card.available{box-shadow:0 0 8px var(--ui-accent);animation:none}}.talent-link{height:12px;margin-left:40px}.talent-link svg{width:100%;height:100%;display:block;overflow:visible}.tree-line{stroke:var(--ui-line);stroke-width:2px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.tree-line.lit{stroke:var(--ui-accent);stroke-width:3px;stroke-dasharray:none;filter:drop-shadow(0 0 3px var(--ui-accent))}.talent-veteran{border:1px solid var(--ui-gold);background:var(--ui-panel-2);border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:6px;padding:6px 8px;display:flex}.talent-veteran strong{color:var(--ui-gold);font-family:var(--ui-font-display)}.talent-veteran small{flex:100%}.talent-side{flex-direction:column;gap:6px;min-width:0;min-height:0;display:flex;overflow-y:auto}.talent-side>*{flex:none}.talent-detail{flex-direction:column;gap:6px;font-size:.85rem;display:flex;position:relative}.talent-info{flex-direction:column;gap:2px;min-width:0;display:flex}.talent-title{flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding-right:52px;display:flex}.talent-title strong{font-family:var(--ui-font-display);color:var(--ui-gold);font-size:1rem}.talent-dots{letter-spacing:.08em;color:var(--ui-gold)}.talent-row-info,.talent-facts{color:var(--ui-muted)}.talent-facts{color:var(--ui-accent)}.talent-now,.talent-next{line-height:1.25}.nn-label{font-weight:700}.talent-next{color:var(--ui-gold)}.talent-close{position:absolute;top:-4px;right:0}.talent-buttons{align-items:center;gap:8px;display:flex}.talent-buttons .btn-primary{flex:auto}@media (orientation:landscape){.hero-screen .shell-body .screen-full[data-tab=talente]{grid-template-columns:minmax(0,1fr)}.hero-screen .screen-full[data-tab=talente] .hero-left{display:none}.talent-panel{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:8px}.talent-side{border-left:1px solid var(--ui-line);padding-left:8px}.talent-side .draft-bar{flex-wrap:wrap;gap:4px 6px;padding:4px 6px;position:static}.talent-side .draft-bar .draft-text{flex:100%}.talent-side .draft-bar .btn{flex:1 1 0;min-width:0;padding-inline:6px;font-size:.8rem}}@media (orientation:portrait){.talent-panel:not(.style-pick){grid-template-rows:minmax(220px,1fr) auto}.talent-side{border-top:1px solid var(--ui-line);max-height:35vh;padding-top:6px}}.talent-panel.style-pick{flex-direction:column;gap:8px;display:flex;overflow-y:auto}.style-pick-title{font-family:var(--ui-font-display);color:var(--ui-gold);margin:0}.style-pick-text{margin:0;font-size:.9rem}.style-pick-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.style-pick-card{min-height:var(--ui-touch);border:2px solid var(--ui-line);background:var(--ui-panel-1);color:var(--ui-text);font:inherit;text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;padding:8px 10px;display:flex}.style-pick-card:hover,.style-pick-card:focus-visible{border-color:var(--ui-accent)}.style-pick-card strong{font-family:var(--ui-font-display);color:var(--ui-gold);font-size:1.05rem}.style-pick-tagline{font-size:.85rem}.style-pick-card small{color:var(--ui-muted)}.style-pick-examples{font-style:italic}.album-sheet .portrait{max-height:160px}.sheet-row{grid-template-columns:48px 1fr auto;align-items:center;gap:8px;display:grid}.sheet-row-text{min-width:0;display:grid}.sheet-row-text small{color:var(--ui-muted)}.sheet-row canvas{width:40px;height:40px}@media (orientation:portrait){.hero-screen .shell-body .screen-full{grid-template-rows:minmax(300px,42%) minmax(0,1fr);grid-template-columns:1fr}.hero-stat-list{grid-template-columns:1fr}.achievement-grid,.album-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-tab{padding:0 5px;font-size:.8rem}}.bazaar-left{grid-template-rows:minmax(0,1fr) auto auto}.bazaar-left .scene-stage{aspect-ratio:auto;border:0}.scene-stage{width:100%;min-height:0;position:relative}.scene-stage .scene-canvas{width:100%;height:100%;display:block}.barber-btn{position:absolute;top:4px;right:4px}.barber-btn>.neu-punkt{position:absolute;top:5px;right:5px}.compare-row{flex-wrap:wrap;align-items:center;gap:6px;min-height:24px;font-size:.8rem;display:flex}.tryon-chip.up{color:var(--ui-accent)}.tryon-chip.down{color:var(--ui-danger)}.bazaar-actions{align-items:stretch;gap:6px;display:flex}.btn-context{flex:1;min-height:48px}.bazaar-right{flex-direction:column;gap:6px;display:flex}.bazaar-right>.tile-grid{flex:1 1 0;min-height:0}.area-chips{scrollbar-width:none;overscroll-behavior-x:contain;flex:none;gap:6px;display:flex;overflow:auto hidden}.area-chips[hidden]{display:none}.area-chip{background:var(--ui-panel-2);min-width:44px;min-height:44px;box-shadow:inset 0 0 0 1px var(--ui-line);color:var(--ui-text);cursor:pointer;border:0;border-radius:22px;flex:none;align-items:center;gap:4px;padding:0 10px;font-size:.8rem;font-weight:600;display:inline-flex;position:relative}.area-chip.active{color:var(--ui-accent);box-shadow:inset 0 0 0 2px var(--ui-accent)}.area-icon{font-size:1rem;line-height:1}.area-count{color:var(--ui-muted);font-weight:700}.area-worn{color:var(--ui-gold);font-size:.7rem;line-height:1}.tile-section{letter-spacing:.04em;text-transform:uppercase;color:var(--ui-muted);grid-column:1/-1;margin:4px 0 0;font-size:.75rem;font-weight:700}.tile-grid{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));align-content:start;gap:6px;min-height:0;display:grid;overflow-y:auto}.tile{background:var(--ui-panel-2);min-width:84px;min-height:96px;box-shadow:inset 0 0 0 1px var(--ui-line);color:var(--ui-text);cursor:pointer;border:0;align-content:start;justify-items:center;gap:2px;padding:4px;font-size:.72rem;display:grid;position:relative}.tile.selected{box-shadow:inset 0 0 0 2px var(--ui-accent), 0 0 10px #d4a01766}.tile-icon{width:56px;height:56px}.tile{overflow:hidden}.tile-name{overflow-wrap:anywhere;-webkit-line-clamp:2;text-align:center;-webkit-box-orient:vertical;max-width:100%;line-height:1.1;display:-webkit-box;overflow:hidden}.tile-price{color:var(--ui-gold);font-weight:700}.tile-price.price-down{color:var(--ui-accent)}.tile-price.price-up,.tile-price.price-poor{color:var(--ui-danger)}.tile-price.price-poor:after{content:" ✗";font-size:.8em}.tile-marks{pointer-events:none;justify-content:space-between;gap:2px;font-size:.7rem;display:flex;position:absolute;top:2px;left:3px;right:3px}.mark-owned{color:var(--ui-accent)}.mark-owned.worn{text-shadow:0 0 6px var(--ui-accent)}.mark-star{color:var(--ui-gold)}.mark-mystic{color:var(--ui-mystic);text-shadow:0 0 6px var(--ui-mystic)}.tile.is-mystic-item{box-shadow:inset 0 0 0 2px var(--ui-mystic), inset 0 0 16px #b388ff66!important}.tile.is-mystic-item.selected{box-shadow:inset 0 0 0 3px var(--ui-mystic), inset 0 0 22px #b388ff99, 0 0 10px #b388ff80!important}.mystic-effect{color:var(--ui-mystic)}.mark-lock{color:var(--ui-muted)}.haggle-sheet,.barber-sheet{gap:8px;display:grid}.haggle-card{min-height:var(--ui-touch);background:var(--ui-panel);box-shadow:inset 0 0 0 1px var(--ui-line);color:var(--ui-text);text-align:left;cursor:pointer;border:0;gap:2px;padding:8px 12px;display:grid}@media (orientation:landscape){.haggle-sheet{grid-template-columns:repeat(3,minmax(0,1fr))}.haggle-sheet .merchant-line{grid-column:1/-1}}.chance-safe{color:var(--ui-accent)}.chance-risky{color:var(--ui-gold)}.chance-wild{color:var(--ui-danger)}.barber-stage{height:180px}@media (orientation:landscape) and (height<=500px){.modal-box.sheet{max-height:calc(100dvh - 16px)}.barber-sheet{grid-template-columns:170px minmax(0,1fr);align-items:start}.barber-sheet>.barber-stage{grid-area:1/1/span 3}.barber-sheet>:not(.barber-stage){grid-column:2}}.merchant-line{color:var(--ui-muted);margin:0}@media (orientation:portrait){.bazaar-screen .shell-body .screen-full{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.bazaar-left{grid-template-rows:auto auto auto}.scene-stage{aspect-ratio:16/9}}@media (height<=420px){.compare-row{white-space:nowrap;flex-wrap:nowrap;overflow:hidden}}.hero-stat-label{min-height:var(--ui-touch);color:inherit;font:inherit;text-align:left;-webkit-text-decoration:underline dotted var(--ui-line);text-decoration:underline dotted var(--ui-line);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 4px}.hero-stat-label.selected{color:var(--ui-accent)}.stat-short{color:var(--ui-muted);margin:-4px 0 4px;font-size:.75rem;line-height:1.3}.stat-detail{border-left:2px solid var(--ui-accent);background:var(--ui-panel-2);gap:2px;margin:0 0 6px;padding:6px 8px;scroll-margin-bottom:72px;font-size:.8rem;display:grid}.stat-detail-plus{color:var(--ui-gold)}.stat-ctrl{gap:4px;display:inline-flex}.stat-bar{display:flex}.stat-bar-pending{background:repeating-linear-gradient(-45deg, var(--ui-gold) 0 3px, transparent 3px 6px);height:100%;box-shadow:inset 0 0 0 1px var(--ui-gold)}.stat-value.pending{white-space:nowrap}.stat-plan{border:1px dashed var(--ui-gold);color:var(--ui-gold);border-radius:3px;margin-left:2px;padding:0 3px;font-size:.8em;font-weight:700}.stat-gabe{color:var(--ui-gold);margin-left:.25rem;font-size:.75em}.draft-bar{z-index:1;border:1px solid var(--ui-gold);background:var(--ui-panel-2);flex-wrap:nowrap;align-items:center;gap:6px 8px;padding:6px 8px;font-size:.8rem;display:flex;position:sticky;bottom:0}.draft-bar .draft-text{min-width:0;color:var(--ui-gold);flex:auto}.hero-stat-list.editing{grid-template-columns:minmax(0,1fr)}.hero-stat-list.editing .hero-stat-row{grid-template-columns:6.2rem minmax(40px,1fr) 3.3rem auto}.style-stars{grid-template-columns:auto 1fr;align-items:center;gap:4px 16px;display:grid}.style-stars[hidden],.style-bars[hidden],.style-exact[hidden]{display:none}.style-star-label{color:var(--ui-muted);font-size:.9rem}.style-star-row{color:var(--ui-gold);letter-spacing:.15em;font-size:1.1rem;line-height:1}.style-star-off{color:#4a3f33}.style-exact{min-height:var(--ui-touch);color:var(--ui-gold);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:.85rem;text-decoration:underline}.derived-more{appearance:none;min-height:32px;color:var(--ui-gold);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 4px;text-decoration:underline}.bust{border:1px solid var(--ui-line);background:var(--ui-panel-2);box-shadow:var(--ui-glow);flex:none;display:block}.bust-icon{place-items:center;line-height:1;display:grid}.dialog-overlay.comic{padding:0 8px calc(8px + env(safe-area-inset-bottom));cursor:pointer;background:linear-gradient(#0000 40%,#14110fb3);align-items:end}.dialog-overlay.comic .dialog-box{width:min(100%,860px);max-height:45dvh;box-shadow:none;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:14px;padding:10px 12px;position:relative}.dialog-overlay.comic .dialog-box.narrator{grid-template-columns:minmax(0,1fr)}.dialog-overlay.comic .dialog-box.narrator .dialog-text{font-style:italic}.dialog-portrait{align-self:end;margin-top:-40px}.dialog-portrait:empty{display:none}.dialog-portrait .bust{border:2px solid var(--ui-accent);box-shadow:var(--ui-glow), 4px 4px 0 #00000073}.dialog-bubble{background:var(--ui-panel-2);border:2px solid var(--ui-accent);min-width:0;max-height:calc(45dvh - 20px);box-shadow:var(--ui-glow), 4px 4px 0 #00000073;grid-template-rows:auto minmax(0,1fr) auto;gap:6px;padding:18px 16px 10px;display:grid;position:relative}.dialog-box:not(.narrator) .dialog-bubble:before{content:"";border:10px solid #0000;border-right:14px solid var(--ui-accent);border-left:0;width:0;height:0;position:absolute;bottom:22px;left:-14px}.dialog-overlay.comic .dialog-speaker{background:var(--ui-bg);border:1px solid var(--ui-gold);color:var(--ui-gold);padding:2px 10px;font-size:.95rem;position:absolute;top:-14px;left:12px}.dialog-overlay.comic .dialog-text{min-height:0;font-size:clamp(15px,2.2vw + 8px,18px);overflow-y:auto}.dialog-overlay.comic .dialog-actions{justify-content:flex-end}.dialog-skip{min-height:var(--ui-touch);position:absolute;top:4px;right:8px}@media (height<=420px){.dialog-portrait{margin-top:-24px}}@media (orientation:portrait){.dialog-overlay.comic .dialog-box{grid-template-columns:minmax(0,1fr);gap:0}.dialog-portrait{justify-self:start;margin-top:0;margin-bottom:-6px}.dialog-box:not(.narrator) .dialog-bubble:before{border:10px solid #0000;border-bottom:14px solid var(--ui-accent);border-top:0;top:-14px;bottom:auto;left:28px}}.title-screen .shell-title{visibility:hidden}.title-screen .shell-top{box-shadow:none;background:0 0;border-bottom:0}.title-screen .shell-body{position:relative}.title-stage{position:absolute;inset:0}.title-canvas{width:100%;height:100%;display:block}.title-content{pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:4px 12px 14px;display:flex;position:relative}.title-content>*{pointer-events:auto}.title-logo-box{text-align:center;text-shadow:0 2px 6px #000c;justify-items:center;gap:2px;display:grid}.title-logo{font:800 clamp(28px, 7vw, 56px) / 1 var(--ui-font);letter-spacing:.12em;color:var(--ui-text);text-shadow:0 0 8px var(--ui-accent), 0 0 24px #d4a01799;margin:0;animation:2.4s ease-in-out infinite alternate logo-glow}@keyframes logo-glow{0%{text-shadow:0 0 6px var(--ui-accent), 0 0 14px #d4a01766}to{text-shadow:0 0 10px var(--ui-accent), 0 0 32px #d4a017d9}}.title-tagline{color:var(--ui-text);margin:0;font-size:clamp(12px,1.8vw,16px)}.title-chapter{border:1px solid var(--ui-line);color:var(--ui-gold);text-shadow:none;background:#14110fcc;margin:2px 0 0;padding:2px 10px;font-size:.85rem}.title-actions{flex-direction:row;justify-content:center;gap:10px;display:flex}.title-actions .btn{min-width:150px;min-height:48px}@media (orientation:portrait){.title-actions{flex-direction:column;align-items:stretch;width:min(100%,320px)}}@media (prefers-reduced-motion:reduce){.title-logo{animation:none}}.saves-panel{grid-template-rows:auto minmax(0,1fr);width:min(100%,780px);overflow:hidden}.saves-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.saves-close{width:var(--ui-touch);height:var(--ui-touch);color:var(--ui-accent);cursor:pointer;background:0 0;border:0;font-size:1.3rem}.saves-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.saves-card{background:var(--ui-panel);box-shadow:inset 0 0 0 1px var(--ui-line);flex-direction:column;gap:6px;min-width:0;padding:10px;display:flex;position:relative}.saves-card-title{color:var(--ui-gold);margin:0;font-size:.85rem}.saves-empty{color:var(--ui-muted);margin:0}.saves-hero{align-items:center;gap:8px;min-width:0;display:flex}.saves-hero-text{min-width:0;font-size:.8rem;line-height:1.3;display:grid}.saves-name{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.saves-chapter{color:var(--ui-muted)}.saves-more{width:var(--ui-touch);height:var(--ui-touch);color:var(--ui-text);cursor:pointer;background:0 0;border:0;font-size:1.3rem;position:absolute;top:0;right:0}.saves-move{font-size:.8rem}.saves-move:disabled{opacity:.55;cursor:not-allowed}.saves-move-hint{color:var(--ui-muted);font-size:.75rem}.saves-moved{color:var(--ui-gold)}.umzug-box{overscroll-behavior:contain;width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto}@media (height<=420px){.umzug-box{padding:10px 14px}.umzug-box .umzug-code{margin:4px 0;padding:4px 8px;font-size:1.6rem}.umzug-box .modal-text,.umzug-steps{margin:4px 0;line-height:1.3}}.umzug-code{text-align:center;letter-spacing:.18em;color:var(--ui-gold);box-shadow:inset 0 0 0 1px var(--ui-line);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;margin:8px 0;padding:10px 8px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(1.6rem,8vw,2.4rem)}.umzug-steps{margin:6px 0;padding-left:1.4em;line-height:1.4}.umzug-input{box-sizing:border-box;width:100%;min-height:var(--ui-touch);letter-spacing:.15em;text-transform:uppercase;color:var(--ui-text);background:var(--ui-bg);border:1px solid var(--ui-line);padding:8px 10px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1.4rem}.umzug-error{min-height:1.3em;color:var(--ui-danger);margin:6px 0 0}.saves-menu{z-index:2;background:var(--ui-bg);min-width:140px;box-shadow:var(--ui-glow);position:absolute;top:40px;right:6px}.saves-menu-item{width:100%;min-height:var(--ui-touch);color:var(--ui-danger);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0 14px}.saves-menu-item:hover,.saves-menu-item:focus-visible{background:#ff5a5a26}@media (orientation:portrait){.saves-grid{grid-template-columns:minmax(0,1fr);max-height:70dvh}}@media (height<=420px){.saves-panel{padding:8px 10px}}.arena-grid{box-sizing:border-box;grid-template-columns:minmax(0,1.25fr);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:12px;height:100%;min-height:0;padding:8px 12px;display:grid}.arena-group{grid-template-rows:auto minmax(0,1fr);gap:6px;min-height:0;display:grid}.arena-group-title{font:inherit;letter-spacing:.12em;text-transform:uppercase;color:var(--ui-muted);margin:0;font-size:.7rem;font-weight:700}.arena-group-cards{grid-template-rows:repeat(4,minmax(0,1fr));gap:8px;min-height:0;display:grid}.arena-card{--card-edge:var(--ui-line);--card-bw:1px;--card-fill:var(--ui-panel);--card-glow:transparent;isolation:isolate;background:var(--card-edge);min-width:0;min-height:96px;color:var(--ui-text);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;clip-path:polygon(var(--ui-bevel) 0, 100% 0, 100% calc(100% - var(--ui-bevel)), calc(100% - var(--ui-bevel)) 100%, 0 100%, 0 var(--ui-bevel));border:0;grid-template-rows:auto auto 1fr;justify-items:start;gap:2px;padding:8px 10px;display:grid;position:relative}.arena-card:before{--inner-bevel:calc(var(--ui-bevel) - var(--card-bw) * .6);content:"";inset:var(--card-bw);z-index:-1;background:var(--card-fill);box-shadow:inset 0 0 14px var(--card-glow);clip-path:polygon(var(--inner-bevel) 0, 100% 0, 100% calc(100% - var(--inner-bevel)), calc(100% - var(--inner-bevel)) 100%, 0 100%, 0 var(--inner-bevel));position:absolute}.arena-card:hover,.arena-card:focus-visible{--card-edge:var(--ui-accent);--card-bw:2px;outline:none}.arena-icon{color:var(--ui-gold);font-size:1.9rem;line-height:1}.arena-title{color:var(--ui-accent);text-transform:uppercase;letter-spacing:.06em;font-size:.95rem}.arena-sub{color:var(--ui-muted);font-size:.75rem;line-height:1.25;overflow:hidden}.arena-card.highlight{--card-edge:var(--ui-accent);--card-glow:#d4a01759}.arena-card[data-state=locked]{opacity:.55}.arena-card[data-state=locked] .arena-icon{font-size:1.9rem}.arena-card[data-state=done]{opacity:.75}.arena-group .arena-card{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-content:center;justify-items:stretch;gap:1px 10px;min-height:0}.arena-group .arena-card .arena-icon{grid-row:1/span 2;align-self:center;font-size:1.5rem}.arena-group .arena-title{font-family:var(--ui-font-display);letter-spacing:0;text-transform:none;color:var(--ui-text);font-size:1rem}.arena-group .arena-sub{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.arena-group .arena-card.arena-main{grid-row:span 2;grid-template-rows:auto auto auto 1fr;grid-template-columns:none;align-content:stretch;justify-items:start;row-gap:2px;padding:10px 12px}.arena-group .arena-main .arena-icon{grid-row:auto;font-size:1.8rem}.arena-kicker{color:var(--ui-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.arena-main .arena-title{font-family:var(--ui-font-display);letter-spacing:0;text-transform:none;color:var(--ui-text);font-size:1.3rem;line-height:1.1}.arena-go{background:var(--ui-accent);color:var(--ui-on-accent);font-family:var(--ui-font-display);align-self:end;margin-top:6px;padding:5px 18px;font-weight:700;box-shadow:inset 0 0 0 2px #f3e6cc80}@media (orientation:portrait){.arena-grid{grid-template-columns:none;grid-auto-columns:auto;grid-auto-flow:row;align-content:start;overflow-y:auto}.arena-group-cards{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(64px,auto)}.arena-group .arena-card.arena-main{grid-area:auto/1/auto/-1}}@media (height<=420px){.arena-card{min-height:0;padding:6px 8px}.arena-sub{font-size:.7rem}.arena-group .arena-sub{-webkit-line-clamp:1}.arena-group .arena-card .arena-icon{font-size:1.3rem}.arena-main .arena-title{font-size:1.1rem}}.versus{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;height:100%;min-height:0;padding:6px 10px;display:grid}.vs-side{grid-template-rows:minmax(0,1fr) auto auto;align-content:center;justify-items:center;gap:2px;min-width:0;height:100%;min-height:0;display:grid}.vs-side .portrait{object-fit:contain;width:auto;max-width:100%;height:100%;min-height:0}.vs-side .portrait.flip{transform:scaleX(-1)}.vs-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.9rem;overflow:hidden}.vs-level{color:var(--ui-muted);font-size:.8rem}.vs-center{text-align:center;align-content:center;justify-items:center;gap:4px;min-width:170px;max-width:260px;display:grid}.vs-mark{font:900 clamp(32px, 9vh, 48px) / 1 var(--ui-font);color:var(--ui-accent);text-shadow:0 0 16px var(--ui-accent)}.vs-chance,.vs-loot,.vs-extras{margin:0;font-size:.85rem}.vs-extras{color:var(--ui-muted);font-size:.75rem}.chance-chip{--c:var(--ui-muted);border:1px solid var(--c);min-width:3.5em;color:var(--c);text-transform:uppercase;letter-spacing:.05em;padding:1px 8px;font-weight:700;display:inline-block}.chance-chip[data-word=leicht]{--c:var(--ui-accent)}.chance-chip[data-word=mittel]{--c:#f2c14e}.chance-chip[data-word=schwer]{--c:#ff9f43}.chance-chip[data-word=maske]{--c:var(--ui-gold)}.chance-chip[data-word=aussichtslos]{--c:var(--ui-danger);animation:.9s ease-in-out infinite alternate chance-pulse}@keyframes chance-pulse{0%{box-shadow:0 0 #ff5a5a00}to{box-shadow:0 0 12px #ff5a5acc}}.vs-chip{border:1px solid var(--ui-gold);color:var(--ui-gold);padding:1px 8px;font-size:.75rem}.vs-hero{grid-template-rows:minmax(0,1fr) auto auto auto auto}.vs-hp{--hp-pct:100%;background:linear-gradient(var(--ui-danger), var(--ui-danger)) left bottom / var(--hp-pct) 3px no-repeat;padding-bottom:2px;font-size:.8rem;font-weight:700}.vs-chip.hurt{color:#ff9f43;border-color:#ff9f43}.vs-chip.critical{border-color:var(--ui-danger);color:var(--ui-danger)}.vs-warn{max-width:100%;color:var(--ui-danger);margin:0;font-size:.75rem}.vs-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.vs-actions .btn{min-height:var(--ui-touch)}.vs-fight{min-width:120px;font-size:1.05rem}@media (orientation:portrait){.versus{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;position:relative}.vs-center{grid-area:2/1/auto/-1;min-width:0;max-width:none}.vs-mark{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.chance-chip[data-word=aussichtslos]{animation:none}}.free-wrap{grid-template-rows:minmax(0,1fr) auto;gap:8px;height:100%;padding:8px;display:grid}.free-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;display:grid}.free-card{--tier:var(--ui-accent);background:var(--ui-panel);min-width:0;min-height:0;box-shadow:inset 0 3px 0 var(--tier), inset 0 0 0 1px var(--ui-line);color:var(--ui-text);font:inherit;cursor:pointer;touch-action:manipulation;border:0;align-content:center;justify-items:center;gap:2px;padding:8px;display:grid;position:relative}.free-card:hover,.free-card:focus-visible{box-shadow:inset 0 3px 0 var(--tier), inset 0 0 0 2px var(--tier);outline:none}.tier-mittel{--tier:#f2c14e}.tier-schwer{--tier:var(--ui-danger)}.free-tier{color:var(--tier);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.free-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.9rem;overflow:hidden}.free-level,.free-loot{color:var(--ui-muted);font-size:.75rem}@media (orientation:portrait){.free-list{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(96px,1fr)}.free-card{grid-template-columns:auto auto minmax(0,1fr);place-items:center start;column-gap:10px}}.room-screen .shell-body .screen-full>.scene-stage.room-stage{aspect-ratio:16/9;width:auto;max-width:100%;height:100%;margin:0 auto;position:relative}.room-screen .scene-canvas{width:100%;height:100%;display:block}.room-hint{color:var(--ui-muted);text-align:center;background:#14110fcc;margin:0;padding:2px 8px;font-size:.75rem;display:none;position:absolute;bottom:6px;left:8px;right:8px}@media (orientation:portrait){.app-shell.room-screen .shell-body .screen-full{flex-direction:column;justify-content:center;display:flex}.room-screen .shell-body .screen-full>.scene-stage.room-stage{flex:none;width:100%;height:auto}.room-hint{margin-top:6px;display:block;position:static}}.tournament-wrap{grid-template-rows:minmax(0,1fr) auto;gap:6px;height:100%;padding:8px;display:grid}.bracket-stage{min-height:0;position:relative}.bracket-lines{pointer-events:none;position:absolute;inset:0}.bracket-lines line{stroke:var(--ui-line);stroke-width:2px}.bracket-lines line.lit{stroke:var(--ui-accent);filter:drop-shadow(0 0 4px var(--ui-accent))}.bracket-node{text-overflow:ellipsis;white-space:nowrap;background:var(--ui-panel-2);box-shadow:inset 0 0 0 1px var(--ui-line);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);align-items:center;padding:0 6px;font-size:12px;display:flex;position:absolute;overflow:hidden}.bracket-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.bracket-node[data-state=tbd]{color:var(--ui-muted)}.bracket-node[data-state=won]{color:var(--ui-text);box-shadow:inset 0 0 0 1px var(--ui-accent), 0 0 10px var(--ui-accent);animation:1.6s ease-in-out infinite alternate won-glow}.bracket-node[data-state=lost]{opacity:.45;text-decoration:line-through}.bracket-node.me{outline:2px solid var(--ui-gold);outline-offset:-2px}@keyframes won-glow{0%{filter:brightness(.9)}to{filter:brightness(1.3)}}.bracket-cup{filter:grayscale()opacity(.5);place-items:center;line-height:1;display:grid;position:absolute}.bracket-cup.lit{filter:drop-shadow(0 0 12px var(--ui-gold))}.tournament-next{text-align:center;justify-items:center;gap:4px;display:grid}.tournament-line{margin:0;font-size:.9rem}.tournament-actions{gap:8px;display:flex}.tournament-actions .btn,.tournament-next>.btn{min-height:var(--ui-touch)}@media (prefers-reduced-motion:reduce){.bracket-node[data-state=won]{animation:none}}.heal-sheet{gap:8px;padding:8px;display:grid}.heal-text,.heal-card p{margin:0;font-size:.85rem}.heal-card{border:1px solid var(--ui-line);background:var(--ui-panel-2);gap:6px;padding:8px;display:grid}.heal-btn{min-height:var(--ui-touch)}@media (orientation:landscape) and (height<=500px){.heal-sheet{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.heal-sheet>.heal-text{grid-column:1/-1}.heal-card{grid-template-rows:auto 1fr auto}}.neu-punkt{background:var(--ui-gold);width:9px;height:9px;box-shadow:0 0 0 2px var(--ui-bg), 0 0 8px #f2c14ed9;pointer-events:none;border-radius:50%;animation:1.6s ease-in-out infinite neu-puls;display:inline-block}@keyframes neu-puls{50%{transform:scale(1.3)}}.nav-icon{position:relative}.nav-icon>.neu-punkt{position:absolute;top:-3px;right:-9px}@media (height<=420px){.nav-icon>.neu-punkt{top:-8px;right:-2px}}.arena-card>.neu-punkt{position:absolute;top:8px;right:10px}.arena-grid.is-few{grid-template-rows:minmax(0,min(60%,220px));grid-template-columns:none;grid-auto-columns:minmax(0,260px);grid-auto-flow:column;place-content:center}@media (orientation:portrait){.arena-grid.is-few{grid-template-rows:none;grid-template-columns:minmax(0,260px);grid-auto-rows:minmax(96px,140px);grid-auto-flow:row}}@media (prefers-reduced-motion:reduce){.neu-punkt{animation:none}}@media (orientation:landscape){.hub.mit-lehrbrief{--lehrbrief-spalte:136px;grid-template-columns:minmax(var(--lehrbrief-spalte), 1fr) auto minmax(112px, 1fr)}.hub.mit-lehrbrief .hub-stage{max-width:calc(100vw - 124px - var(--lehrbrief-spalte) - 12px)}.hub.mit-lehrbrief .goal-card{padding-left:8px;padding-right:8px}}.lehrbrief{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:10 4 4;--saum-kante:#f2c14ee6;--saum:#f2c14e66;background:linear-gradient(var(--ui-bg) 50%, transparent) top / 100% 32px no-repeat local, linear-gradient(to top, var(--ui-bg) 50%, transparent) bottom / 100% 32px no-repeat local, linear-gradient(var(--saum-kante) 2px, var(--saum) 2px, transparent) top / 100% 16px no-repeat scroll, linear-gradient(to top, var(--saum-kante) 2px, var(--saum) 2px, transparent) bottom / 100% 16px no-repeat scroll, var(--ui-panel);grid-template-columns:minmax(0,1fr);align-content:start;gap:6px;min-width:0;max-height:100%;padding:8px;display:grid;position:relative;overflow-y:auto}.lehrbrief-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:3px 6px;display:flex}.lehrbrief-titel{color:var(--ui-gold);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.lehrbrief-marken{gap:3px;display:flex}.lehrbrief-marke{border:1px solid var(--ui-gold);border-radius:50%;width:9px;height:9px}.lehrbrief-marke.is-done{background:var(--ui-gold)}.lehrbrief-neu{border-left:3px solid var(--ui-gold);background:#f2c14e1f;margin:0;padding:3px 6px;font-size:.72rem;line-height:1.25}.lehrbrief-schritt{gap:6px;display:grid}.lehrbrief-text{font-size:.9rem;line-height:1.2}.lehrbrief-knopf{width:100%;padding-left:8px;padding-right:8px}.lehrbrief-tipp{color:var(--ui-gold);margin:0;font-size:.72rem;line-height:1.25}.lehrbrief .lehrbrief-extra{background:0 0}p.lehrbrief-extra{cursor:default;border:0;min-height:0;margin:0;padding:0}button.lehrbrief-extra:after{content:"›";color:var(--ui-gold);margin-left:auto;font-size:1rem}.lehrbrief-gelernt{color:var(--ui-muted);margin:0;font-size:.68rem;line-height:1.25}@media (height<=420px){.lehrbrief{gap:4px;padding:6px}.lehrbrief-kopf{gap:2px 4px}.lehrbrief-titel{letter-spacing:.04em;font-size:.68rem}.lehrbrief-marken{gap:2px}.lehrbrief-marke{width:8px;height:8px}.lehrbrief-neu{padding:2px 5px;font-size:.68rem;line-height:1.2}.lehrbrief-schritt{gap:4px}.lehrbrief-text{font-size:.84rem;line-height:1.15}.lehrbrief-knopf{font-size:.9rem}.lehrbrief-tipp,.lehrbrief .lehrbrief-extra{font-size:.68rem;line-height:1.2}.lehrbrief-gelernt{font-size:.64rem;line-height:1.2}}.goal-card.is-lit{box-shadow:inset 0 0 0 2px var(--ui-gold), inset 0 0 18px #f2c14e73;animation:1.6s ease-in-out infinite alternate lehrbrief-leuchten}@keyframes lehrbrief-leuchten{to{box-shadow:inset 0 0 0 2px var(--ui-gold), inset 0 0 4px #f2c14e26}}@media (prefers-reduced-motion:reduce){.goal-card.is-lit{animation:none}}.coach.punkte-hinweis{--arrow-x:calc(100% - 22px);z-index:auto;pointer-events:none;justify-self:end;max-width:100%;margin:0 0 4px;font-size:.85rem;animation:none;position:relative}.coach.punkte-hinweis.ohne-pfeil:after{content:none}@media (height<=420px){.coach.punkte-hinweis{padding:6px 10px}}.frei-screen .shell-body .screen-full{padding:0;display:block}.frei-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;height:100%;padding:8px;display:grid;overflow-y:auto}.frei-brief{text-align:center;box-shadow:inset 0 0 0 1px var(--ui-line), inset 0 0 0 5px var(--ui-panel), inset 0 0 0 6px var(--ui-gold);align-content:center;justify-items:center;gap:4px;display:grid;position:relative}.frei-kopf,.frei-offen-titel{color:var(--ui-gold);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.72rem;font-weight:700}.frei-titel{color:var(--ui-gold);margin:0;font-size:1.5rem;line-height:1.1}.frei-name{font-size:1.05rem}.frei-rang{box-shadow:inset 0 0 0 1px var(--ui-gold);color:var(--ui-gold);background:#f2c14e24;padding:2px 10px;font-size:.85rem;font-weight:700}.frei-gelernt,.frei-gold{margin:0;font-size:.78rem;line-height:1.3}.frei-gelernt{color:var(--ui-muted)}.frei-weg{flex-wrap:wrap;justify-content:center;gap:2px 6px;margin:2px 0;padding:0;font-size:.78rem;list-style:none;display:flex}.frei-pfeil{color:var(--ui-muted);margin-right:6px}.frei-weg .is-done{color:var(--ui-gold);font-weight:700}.frei-unterschrift{color:var(--ui-muted);font-size:.7rem;font-style:italic}.frei-offen{grid-template-rows:auto minmax(0,1fr) auto;gap:8px;min-height:0;display:grid}.frei-karten{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:8px;min-height:0;display:grid}.frei-karte{background:var(--ui-panel);min-width:0;box-shadow:inset 0 3px 0 var(--ui-gold), inset 0 0 0 1px var(--ui-line);text-align:center;align-content:center;justify-items:center;gap:2px;padding:8px;display:grid}.frei-icon{font-size:1.4rem;line-height:1.2}.frei-karte-titel{font-size:.9rem}.frei-karte-text{color:var(--ui-muted);font-size:.72rem;line-height:1.25}@media (orientation:portrait){.frei-wrap{grid-template-columns:minmax(0,1fr);align-content:start}.frei-karten{grid-auto-rows:auto}}@media (orientation:landscape) and (height>=501px){.frei-screen .shell-body .screen-full{display:flex}.frei-wrap{width:min(100%,980px);height:auto;max-height:100%;margin:auto}.frei-offen{grid-template-rows:auto auto auto;align-content:center}.frei-karte{min-height:140px}}.creation-start{text-align:right;justify-items:end;gap:4px;display:grid}.creation-start-chips{grid-template-columns:repeat(3,minmax(0,auto));justify-content:end;gap:4px;max-width:100%;display:grid}.creation-start-chips .btn{white-space:normal;min-width:0;line-height:1.15}.creation-start-chips .selected{background:var(--ui-accent);color:var(--ui-on-accent)}.creation-start-hint{max-width:30ch;min-height:3.6em;color:var(--ui-muted);font-size:.75rem}@media (height<=480px){.creation-start,.creation-start-chips{gap:2px}.creation-start-chips .btn,.creation-skip .switch{min-height:32px;padding-block:2px;font-size:.8rem}.creation-start-hint{max-width:44ch;min-height:0;font-size:.7rem;line-height:1.2}}.creation-skip.is-hidden{display:none}.creation-skip{text-align:right;place-self:end;justify-items:end;gap:4px;display:grid}.creation-skip .switch{justify-self:end}.creation-skip-hint{color:var(--ui-muted);font-size:.75rem}.creation-skip-hint.is-off{visibility:hidden}@media (width>=960px) and (orientation:landscape){.hub.mit-lehrbrief{grid-template-columns:minmax(var(--lehrbrief-spalte), 1fr) auto minmax(160px, 1fr)}.hub.mit-lehrbrief .hub-stage{max-width:calc(100vw - 172px - var(--lehrbrief-spalte) - 12px - 12px)}}.battle .hud-fighter{position:relative}.battle .hud-team{gap:6px;min-width:0;margin-top:2px;display:flex}.battle .hud-team[hidden]{display:none}.battle .hud-right .hud-team{justify-content:flex-end}.battle .team-chip{min-width:0;max-width:50%;font:700 .65rem/1 var(--ui-font);color:var(--ui-text);grid-template-rows:20px 5px;grid-template-columns:20px minmax(0,auto);align-items:center;gap:1px 4px;display:grid}.battle .team-chip .chip-portrait{grid-area:1/1;width:20px;height:20px;overflow:hidden}.battle .team-chip .chip-portrait .portrait{width:40px;height:60px;margin:-2px 0 0 -10px}.battle .team-chip .chip-initial{display:none}.battle .team-chip .chip-name{text-overflow:ellipsis;white-space:nowrap;grid-area:1/2;overflow:hidden}.battle .team-chip .chip-bar{background:#f3e6cc1f;grid-area:2/1/auto/-1;height:5px;display:block}.battle .team-chip .chip-fill{background:var(--ui-danger);height:100%;display:block}.battle .team-chip[data-down=true]{opacity:.4;filter:grayscale()}.battle .team-chip[data-down=true] .chip-name:after{content:" ✖"}.battle .team-chip[data-active=true]{filter:drop-shadow(0 0 4px var(--ui-accent))}.battle .hud-right .team-chip{grid-template-columns:minmax(0,auto) 20px}.battle .hud-right .team-chip .chip-portrait{grid-column:2}.battle .hud-right .team-chip .chip-name{text-align:right;grid-column:1}@media (height<=500px){.battle .hud-fighter.has-team{padding-inline-end:4px}.battle .hud-left.has-team{margin-right:46px}.battle .hud-right.has-team{margin-left:46px}.battle .hud-team{flex-direction:column;gap:2px;width:42px;margin:0;position:absolute;top:0}.battle .hud-left .hud-team{left:100%}.battle .hud-right .hud-team{right:100%}.battle .team-chip,.battle .hud-right .team-chip{grid-template-rows:12px;grid-template-columns:12px 1fr;gap:0 3px;max-width:none}.battle .team-chip .chip-initial{text-align:center;grid-area:1/1;font-size:10px;display:block}.battle .team-chip .chip-name,.battle .team-chip .chip-portrait{display:none}.battle .team-chip .chip-bar,.battle .hud-right .team-chip .chip-bar{grid-area:1/2;align-self:center;height:3px}}.troupe-sheet{gap:10px;padding:8px;display:grid}.troupe-section{gap:6px;display:grid}.troupe-title{letter-spacing:.06em;text-transform:uppercase;color:var(--ui-accent);margin:0;font-size:.8rem}.troupe-card{border:1px solid var(--ui-line);background:var(--ui-panel-2);grid-template-columns:56px 1fr auto;align-items:center;gap:8px;min-height:64px;padding:6px;display:grid}.troupe-text{gap:1px;min-width:0;display:grid}.troupe-text small{opacity:.85;font-size:.72rem}.troupe-reason{color:var(--ui-danger)}.troupe-row{justify-content:space-between;align-items:center;gap:8px;font-size:.85rem;display:flex}.troupe-empty{opacity:.8;margin:0;font-size:.85rem}.troupe-btn{min-width:44px;min-height:44px}.troupe-btn.is-poor{opacity:.5}@media (width<=480px){.troupe-card{grid-template-columns:56px 1fr}.troupe-card .troupe-btn{grid-column:1/-1}}@media (orientation:landscape) and (height<=500px){.troupe-sheet{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.troupe-section:first-child{grid-row:span 2}}.team-fight{box-sizing:border-box;grid-template-rows:auto 1fr auto;justify-self:stretch;gap:8px;width:100%;height:100%;min-height:0;padding:8px;display:grid}.team-lineup{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.team-member{align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.team-member.injured{opacity:.6}.team-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-content:start;gap:8px;min-height:0;display:grid;overflow-y:auto}.team-card{text-align:center;min-height:96px;color:var(--ui-text);background:var(--ui-panel);border:1px solid var(--ui-line);font:inherit;cursor:pointer;align-content:center;gap:4px;padding:8px;display:grid}.team-card small{opacity:.85;font-size:.72rem}.team-card.story{border-color:var(--ui-gold,#e6b84c);box-shadow:0 0 10px #e6b84c59}.team-card[aria-disabled=true]{opacity:.55}.team-reroll,.team-change{min-height:44px}.vs-team{justify-content:center;gap:4px;display:flex}@media (height<=420px){.team-card{min-height:64px}}.ally-selector{overscroll-behavior:contain;gap:6px;min-height:48px;padding-bottom:2px;display:flex;overflow-x:auto}.ally-chip{min-height:44px;font:700 .8rem/1 var(--ui-font);color:var(--ui-text);background:var(--ui-panel-2);border:1px solid var(--ui-line);cursor:pointer;flex:none;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.ally-chip.active{border-color:var(--ui-accent);box-shadow:0 0 8px #d4a01759}.ally-chip .bust{width:28px;height:28px}.ally-panel{align-content:start;gap:8px;display:grid}.friend-dot{opacity:.3}.friend-dot.on{opacity:1;color:var(--ui-accent)}.friend-bar{background:#f3e6cc1f;height:6px}.friend-bar-fill{background:var(--ui-accent);height:100%}.friend-assist{border:1px solid var(--ui-line);background:var(--ui-panel-2);gap:2px;padding:6px 8px;display:grid}.friend-assist.locked{opacity:.65}.friend-quote,.friend-status{margin:0;font-size:.85rem}.friend-toggle,.friend-dismiss{min-height:44px}.hero-left:has(.ally-selector){grid-template-rows:auto minmax(0,1fr) auto auto auto}@media (orientation:landscape) and (height<=500px){.hero-left:has(.ally-selector) .record{display:none}.hero-left:has(.ally-selector){grid-template-rows:auto minmax(0,1fr) auto auto}}.goal-bar{gap:4px;min-width:0;display:grid}.goal-bar-title{color:var(--ui-muted);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:600}.goal-chip{min-height:var(--ui-touch);border:1px solid var(--ui-line);background:var(--ui-panel);min-width:0;color:var(--ui-text);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:6px;padding:3px 8px 6px;font-size:.72rem;line-height:1.15;display:grid;position:relative;overflow:hidden}.goal-chip:hover,.goal-chip:focus-visible{border-color:var(--ui-accent);outline:none}.goal-chip.is-ready{border-color:var(--ui-gold);box-shadow:0 0 10px #f2c14e59}.goal-icon{place-items:center;width:22px;height:22px;font-size:.95rem;display:grid}.goal-chip.is-ready .goal-icon{background:var(--ui-gold);color:var(--ui-on-accent);border-radius:50%;font-size:.8rem;font-weight:800}.goal-chip-text{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.goal-progress{background:#f3e6cc1f;height:3px;position:absolute;bottom:0;left:0;right:0}.goal-progress:after{content:"";width:var(--p,0%);background:var(--ui-accent);transition:width .6s var(--ui-ease);position:absolute;inset:0 auto 0 0}.goal-chip.is-ready .goal-progress:after{background:var(--ui-gold)}.goal-cheer{background:var(--ui-panel-2);box-shadow:inset 0 0 0 1px var(--ui-gold);color:var(--ui-gold);animation:sog-pop .42s var(--ui-ease);margin:0;padding:4px 8px;font-size:.8rem;font-weight:700}@keyframes sog-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.sog-badge{background:var(--ui-crimson);color:#fff;pointer-events:none;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.68rem;font-weight:800;line-height:1;display:grid;position:absolute;top:3px;right:3px}.daily-open{min-height:var(--ui-touch);position:relative}.daily-open.has-badge{border-color:var(--ui-gold);padding-right:26px}.hub-daily{width:100%;padding:4px 8px;font-size:.8rem}.daily-sheet{gap:10px;width:min(560px,100%);display:grid}.daily-block{gap:6px;display:grid}.daily-h{color:var(--ui-gold);letter-spacing:.04em;margin:0;font-size:.85rem}.daily-note{color:var(--ui-muted);margin:0;font-size:.75rem}.streak-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.streak-day{border:1px solid var(--ui-line);background:var(--ui-panel-1);color:var(--ui-muted);justify-items:center;gap:1px;padding:3px 2px;font-size:.65rem;display:grid}.streak-day.is-today{border-color:var(--ui-gold);color:var(--ui-text);box-shadow:0 0 8px #f2c14e59}.streak-day.is-done{opacity:.6}.streak-day.is-done .streak-icon:after{content:" ✓";color:var(--ui-gold);font-size:.7rem}.streak-day.is-chest{background:var(--ui-panel-2)}.streak-icon{font-size:1rem}.streak-gold{color:var(--ui-gold)}.daily-claim,.task-claim{min-height:var(--ui-touch)}.task-row{min-height:var(--ui-touch);border:1px solid var(--ui-line);background:var(--ui-panel-1);align-items:center;gap:8px;padding:4px 8px;display:flex}.task-row.is-done{border-color:var(--ui-gold)}.task-row.is-claimed{opacity:.6}.task-text{flex:1;gap:1px;min-width:0;padding-bottom:5px;font-size:.8rem;display:grid;position:relative}.task-text small{color:var(--ui-muted);font-size:.7rem}.task-check{color:var(--ui-gold);font-size:1.1rem;font-weight:800}.task-bonus .task-text{padding-bottom:0}.weekly-me{margin:0;font-weight:700}.weekly-list{gap:2px;margin:0;padding:0;font-size:.78rem;list-style:none;display:grid}.weekly-list li{background:var(--ui-panel-1);grid-template-columns:28px minmax(0,1fr) auto;gap:6px;padding:2px 6px;display:grid}.weekly-list li.is-me{box-shadow:inset 0 0 0 1px var(--ui-gold);color:var(--ui-gold)}.weekly-rank{color:var(--ui-muted)}.weekly-nick{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.weekly-score{font-variant-numeric:tabular-nums}.arena-card.daily-card .sog-badge{top:6px;right:8px}@media (prefers-reduced-motion:reduce){.goal-cheer{animation:none}.goal-progress:after{transition:none}}.result-card.crowd-card{box-shadow:0 0 0 1px var(--ui-gold), 0 0 18px #f2c14e4d}.result-card .crowd-title{letter-spacing:.02em;font-size:clamp(1.2rem,4.6vw,1.9rem)}.crowd-body{align-items:center;gap:8px;display:grid}@media (aspect-ratio>=4/3){.crowd-body{text-align:left;grid-template-columns:180px 1fr}}.crowd-stage{justify-content:center;align-items:flex-end;gap:18px;height:110px;display:flex;position:relative;overflow:hidden}.crowd-hands{font-size:1.8rem;animation:.6s ease-in-out 2 crowd-wave}.crowd-hands.is-right{animation-delay:.15s}.crowd-toss{font-size:2.4rem;animation:.9s cubic-bezier(.25,1.4,.5,1) both crowd-toss;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.crowd-confetti{background:var(--ui-gold);opacity:0;width:6px;height:10px;animation:crowd-confetti 1.1s ease-out var(--d,0s) both;position:absolute;top:8px;left:50%}.crowd-confetti:nth-child(odd){background:var(--ui-crimson)}.crowd-info{gap:2px;display:grid}.crowd-name{color:var(--ui-gold);font-size:1.2rem}.crowd-detail,.crowd-cheers{margin:0;font-size:.85rem}.crowd-cheers{color:var(--ui-muted)}@keyframes crowd-toss{0%{opacity:0;transform:translate(-50%,90px)rotate(-40deg)scale(.6)}60%{opacity:1;transform:translate(-50%,-30px)rotate(10deg)scale(1.15)}to{transform:translate(-50%)rotate(0)scale(1)}}@keyframes crowd-wave{50%{transform:translateY(-8px)rotate(-8deg)}}@keyframes crowd-confetti{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--x,0), 90px) rotate(260deg);opacity:0}}.summary-head{gap:2px;display:grid}.result-card .summary-title{font-size:clamp(1.3rem,5vw,2rem)}.summary-extras{color:var(--ui-gold);margin:0;font-size:.8rem}.result-card.summary-card .goal-bar{text-align:left}.result-card.summary-card .goal-chip{font-size:.8rem}@media (aspect-ratio>=4/3) and (height<=480px){.result-card.summary-card{gap:6px;padding:10px 14px}.result-card.summary-card .goal-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.result-card.summary-card .goal-bar-title,.result-card.summary-card .goal-cheer{grid-column:1/-1}}.summary-next{min-width:200px}.vs-quick{min-height:var(--ui-touch)}.vs-fight.is-brief{position:relative;overflow:hidden}.vs-brief{background:var(--ui-on-accent);transform-origin:0;width:100%;height:4px;animation:vs-brief var(--brief-ms,2.2s) linear both;opacity:.6;position:absolute;bottom:0;left:0}@keyframes vs-brief{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.quick-bar{z-index:6;align-items:center;gap:6px;display:flex;position:absolute;top:8px;left:8px}.quick-label{background:var(--ui-panel);box-shadow:inset 0 0 0 1px var(--ui-gold);color:var(--ui-gold);padding:2px 8px;font-size:.75rem;font-weight:700}.quick-auto{min-height:var(--ui-touch);min-width:88px;padding:4px 10px;font-size:.8rem}.quick-auto.is-on{border-color:var(--ui-gold);color:var(--ui-gold)}@media (prefers-reduced-motion:reduce){.crowd-toss,.crowd-hands,.crowd-confetti,.vs-brief{animation:none}.crowd-confetti{display:none}}.ring-layer{z-index:4;pointer-events:none;position:absolute;inset:0}.ring-layer[hidden]{display:none}.ring-btn{width:max(44px, var(--ring-size,56px));height:max(44px, var(--ring-size,56px));border:3px solid var(--gold);background:var(--red);min-width:44px;min-height:44px;color:var(--cream);font-size:calc(var(--ring-size,56px) * .42);cursor:pointer;pointer-events:auto;touch-action:manipulation;border-radius:50%;place-items:center;padding:0;line-height:1;animation:.16s ease-out ring-in;display:grid;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000073}.ring-btn:hover:not([aria-disabled=true]),.ring-btn:focus-visible{filter:brightness(1.15);outline-offset:2px;outline:3px solid #fff}.ring-btn[aria-disabled=true]{opacity:.5;filter:grayscale(.7);cursor:default}.ring-icon{pointer-events:none}.ring-caption{color:var(--cream);white-space:nowrap;pointer-events:none;background:#2a1a10d9;border-radius:6px;justify-items:center;padding:1px 6px;font-size:11px;line-height:1.2;display:grid;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.ring-label{font-weight:700}.ring-hint{opacity:.9;font-size:.72rem}.ring-self{background:var(--ui-panel-2);color:var(--ui-text)}.ring-move{background:var(--ui-accent)}.ring-extra{background:#2e4a7a}.ring-tokat:not([aria-disabled=true]){color:var(--ui-on-accent);background:radial-gradient(circle at 35% 30%,#fff3b0,gold 45%,#b8860b);animation:.16s ease-out ring-in,.9s ease-in-out infinite alternate ring-glow}@keyframes ring-in{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes ring-glow{0%{box-shadow:0 0 6px 2px gold}to{box-shadow:0 0 18px 6px gold}}@media (prefers-reduced-motion:reduce){.ring-btn,.ring-tokat:not([aria-disabled=true]){animation:none}}.hud-fighter .hud-portrait{grid-row:1/span 5}.bar-favor .bar-fill{background:linear-gradient(90deg,#8b1e1e,#e63946)}.bar-favor.ready .bar{animation:.9s ease-in-out infinite alternate glow}.bar-favor.used .bar-fill{opacity:.45}.result-question{margin:4px 0 0;font-size:1.05rem}.mercy-choices{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mercy-btn{border:2px solid var(--gold);background:var(--ui-accent);min-width:11rem;min-height:56px;color:var(--ui-on-accent);cursor:pointer;border-radius:12px;gap:2px;padding:8px 14px;display:grid}.mercy-humiliate{background:var(--red)}.mercy-btn:hover,.mercy-btn:focus-visible{filter:brightness(1.15);outline-offset:2px;outline:3px solid #fff}.mercy-label{font-size:1.05rem;font-weight:700}.mercy-hint{opacity:.9;font-size:.78rem}.ring-btn[aria-disabled=true] .ring-hint{display:none}.ring-layer.compact .ring-caption{font-size:10px}.ring-layer.compact .ring-self .ring-hint,.ring-layer.compact .ring-move .ring-hint,.ring-layer.compact .ring-extra .ring-hint{display:none}.battle-result{overflow-y:auto}@media (width<=600px),(height<=500px){.battle-result{gap:4px;padding:6px 8px}.battle-result h2{font-size:1.4rem}.battle-result .result-line{display:none}.result-rewards{font-size:.95rem}.result-question{margin:0;font-size:.85rem}.mercy-choices{flex-wrap:nowrap;gap:6px}.mercy-btn{flex:1 1 0;min-width:auto;min-height:44px;padding:4px 8px}.mercy-label{font-size:.9rem}.mercy-hint{font-size:.7rem}}@media (width<=600px){.battle-skip{white-space:nowrap;min-height:44px;inset:8px auto auto 50%;transform:translate(-50%)}}@media (width<=720px){.hud{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width<=480px){.hud-fighter{grid-template-columns:1fr}.hud-fighter .hud-portrait{display:none}.hud-fighter>:not(.hud-portrait){grid-column:1}.hud-name{overflow-wrap:anywhere;font-size:.95rem}.bar-row{grid-template-columns:4.4rem minmax(40px,1fr)}}@media (width<=720px){.sound-toggle{top:6px;bottom:auto;right:6px}}.ring-zone{background:#2e4a7a}.ring-combo:not([aria-disabled=true]){color:#1b1410;background:#d4a017;animation:.16s ease-out ring-in,.9s ease-in-out infinite alternate ring-glow}.ring-layer.compact .ring-zone .ring-hint,.ring-hint-short,.ring-label-short,.ring-layer.compact .ring-hint-long,.ring-layer.compact .ring-label-long{display:none}.ring-layer.compact .ring-hint-short,.ring-layer.compact .ring-label-short{display:inline}.hud-combo{color:#1b1410;background:#d4a017;border-radius:999px;justify-self:start;margin-top:2px;padding:1px 8px;font-size:.75rem;font-weight:700;animation:.16s ease-out ring-in}.hud-combo[hidden]{display:none}@media (prefers-reduced-motion:reduce){.ring-combo:not([aria-disabled=true]),.hud-combo{animation:none}}.battle{background:var(--ui-bg);width:auto;height:100dvh;min-height:0;color:var(--ui-text);font-family:var(--ui-font);-webkit-user-select:none;user-select:none;touch-action:manipulation;--ui-p2:#ec5f52;--tier-sure:var(--ui-hit-sure);--tier-risky:var(--ui-hit-risky);--tier-long:var(--ui-hit-long);grid-template-rows:auto minmax(0,1fr) auto;gap:0;padding:0;display:grid;position:fixed;inset:0;overflow:hidden}body:has(.battle) .settings-fab{display:none}.battle .battle-stage{aspect-ratio:auto;border:0;border-radius:0;width:100%;max-width:none;height:100%;min-height:0;margin:0}.battle.result-open .battle-stage{filter:blur(3px)brightness(.55)}.battle .battle-bottom{display:contents}.battle .battle-log{clip-path:inset(50%);width:1px;height:1px;min-height:0;padding:0;position:absolute;overflow:hidden}.battle.log-open .battle-log{clip-path:none;z-index:6;background:var(--ui-panel);width:auto;height:auto;max-height:40%;box-shadow:var(--ui-glow);padding:8px 12px;inset:auto 8px 84px;overflow-y:auto}.battle .battle-hint{display:none}.battle .hud{padding:max(2px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 2px max(8px, env(safe-area-inset-left));background:linear-gradient(180deg, var(--ui-bg), transparent);grid-template-columns:1fr auto 1fr;align-items:start;gap:8px}@media (width<=720px){.battle .hud{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.battle .hud-fighter{background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);gap:1px;padding:0 4px;display:grid}.battle .hud-head{grid-column:1;align-items:center;gap:6px;min-width:0;display:flex}.battle .hud-right .hud-head{flex-direction:row-reverse}.battle .hud-right .hud-name{text-align:right}.battle .hud-fighter>:not(.hud-head){grid-column:1}.battle .hud-portrait{border-radius:0;flex:none;grid-row:auto;width:28px;height:28px;overflow:hidden}.battle .hud-portrait .portrait{width:56px;height:84px;margin:-2px 0 0 -14px}.battle .hud-name{min-width:0;font:700 .8rem/1.1 var(--ui-font);letter-spacing:.02em;color:var(--ui-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.battle .bar-row{align-items:center;gap:3px;display:flex}.battle .bar-row .bar{flex:auto;min-width:0}.battle .hud-right .bar-row{flex-direction:row-reverse}.battle .hud{--bar-sym-w:.75rem;--bar-name-w:2.9rem}.battle .bar-sym{width:var(--bar-sym-w);height:var(--bar-sym-w);font-size:var(--bar-sym-w);vertical-align:middle;flex:none;line-height:1}.battle .bar-sym svg{stroke-width:2.4px}.battle .bar-hp .bar-sym{color:var(--ui-danger)}.battle .bar-stamina .bar-sym{color:#f6d365}.battle .bar-meter .bar-sym{color:var(--ui-gold)}.battle .bar-favor .bar-sym{color:#e86f5c}.battle .bar-name{min-width:var(--bar-name-w);font:600 .56rem/.5rem var(--ui-font);letter-spacing:.02em;color:var(--ui-muted);white-space:nowrap;flex:none}.battle .hud-fighter:not(.is-own) .bar-name{visibility:hidden}.battle .hud-right .bar-name{text-align:right}.battle .hud:has(.has-team) .bar-name{display:none}.battle .bar-row[hidden]{display:none}.battle .bar{clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);background:#f3e6cc1f;border-radius:0;height:6px}.battle .bar-hp .bar{height:12px;position:relative}.battle .bar-row:not(.bar-hp) .bar{height:7px}.battle .bar-value{font:700 .6rem/1 var(--ui-font);color:#fff;text-shadow:0 1px 1px #000000e6;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.battle .bar-row:not(.bar-hp) .bar-value{display:none}.battle .bar-hp .bar-fill{background:#e23d3d}.battle .bar-trail{background:#fff3e0d9}.battle .bar-stamina .bar-fill{background:#d9b46a}.battle .bar-favor .bar-fill{background:var(--ui-accent)}.battle .bar-meter .bar-fill{background:linear-gradient(90deg, #b8860b, var(--ui-gold))}.battle .hud-right .bar-fill,.battle .hud-right .bar-trail{inset:0 0 0 auto}.battle .hud-fighter.active{filter:drop-shadow(0 0 6px var(--ui-accent))}.battle .hud-fighter.active.p2{filter:drop-shadow(0 0 6px var(--ui-p2))}.battle .hud-center{text-align:center;padding-top:2px}.battle .hud-round{font:800 .8rem var(--ui-font);letter-spacing:.12em;color:var(--ui-accent)}.battle .hud-turn{min-height:0;line-height:1}.hud-turn-dot{background:var(--ui-muted);border-radius:50%;width:8px;height:8px;display:inline-block}.hud-turn-dot[data-side=p1]{background:var(--ui-accent)}.hud-turn-dot[data-side=p2]{background:var(--ui-p2)}.hud-turn-dot[data-side=enemy]{background:var(--ui-danger)}.battle .hud-combo{margin-top:0;padding:0 6px;font-size:.65rem}@media (width<=480px),(height<=400px){.battle .hud-portrait{display:none}}.action-bar{--bar-h:64px;z-index:5;padding:6px max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:linear-gradient(180deg, #14110fd9, var(--ui-bg));box-shadow:0 -1px 0 var(--ui-line), 0 -8px 18px #d4a01714;align-items:stretch;gap:6px;display:flex;position:relative}.action-bar[hidden]{display:none}.action-bar.duel[data-side=p1]{box-shadow:0 -2px 0 var(--ui-accent), 0 -8px 18px #d4a01733}.action-bar[data-side=p2]{box-shadow:0 -2px 0 var(--ui-p2), 0 -8px 18px #ec5f522e}.action-bar.waiting .bar-btn{opacity:.45}.bar-turn{left:max(8px, env(safe-area-inset-left));background:var(--ui-panel);color:var(--ui-text);box-shadow:var(--ui-glow);pointer-events:none;padding:2px 10px;font-size:.8rem;font-weight:700;position:absolute;bottom:calc(100% + 4px)}.bar-turn.is-empty{opacity:0}.action-bar[data-side=p2] .bar-turn{color:var(--ui-p2)}.bar-btn{min-width:48px;min-height:48px;color:var(--ui-text);background:var(--ui-panel-2);clip-path:polygon(var(--ui-bevel) 0, 100% 0, 100% calc(100% - var(--ui-bevel)), calc(100% - var(--ui-bevel)) 100%, 0 100%, 0 var(--ui-bevel));box-shadow:inset 0 0 0 2px var(--ui-line);font:inherit;cursor:pointer;touch-action:manipulation;transition:transform var(--ui-dur) var(--ui-ease), filter var(--ui-dur);border:0;flex:1 1 0;align-content:center;place-items:center;gap:0;padding:4px 6px;font-weight:700;display:grid;position:relative}.bar-btn:active:not([aria-disabled=true]){filter:brightness(1.2);transform:translateY(1px)scale(.97)}.bar-btn:focus-visible{filter:brightness(1.25);outline-offset:-4px;outline:2px solid #fff}.bar-btn[aria-disabled=true]{opacity:.45;filter:grayscale(.8);cursor:default}.bar-move{flex:0 0 52px;font-size:1.5rem}.bar-attack{font-size:.85rem}.bar-attack .bar-icon{font-size:1rem;line-height:1}.bar-attack[data-tier=sure]{box-shadow:inset 0 0 0 3px var(--tier-sure);background:color-mix(in srgb, var(--tier-sure) 18%, var(--ui-panel-2))}.bar-attack[data-tier=risky]{box-shadow:inset 0 0 0 3px var(--tier-risky);background:color-mix(in srgb, var(--tier-risky) 16%, var(--ui-panel-2))}.bar-attack[data-tier=long]{box-shadow:inset 0 0 0 3px var(--tier-long);background:color-mix(in srgb, var(--tier-long) 16%, var(--ui-panel-2))}.bar-attack.combo{animation:.9s ease-in-out infinite alternate bar-combo}.bar-combo{color:#fff;font-size:.8rem;position:absolute;top:2px;right:10px}.bar-reach{opacity:.85;font-size:.65rem}.bar-pips{letter-spacing:2px;min-height:.6rem;font-size:.55rem;line-height:1}.bar-tokat{color:#2a1a00;letter-spacing:.06em;background:#6b5520;flex:1.6 1 0;font-size:1.15rem;overflow:hidden}.bar-tokat[data-ready=true]{background:linear-gradient(180deg, #ffe08a, var(--ui-gold));animation:.8s ease-in-out infinite alternate bar-tokat}.bar-tokat-fill{background:var(--ui-gold);height:4px;position:absolute;bottom:0;left:0}@media (orientation:portrait){.action-bar{flex-wrap:wrap}.action-bar .bar-move[data-coach=left]{order:-1}.action-bar .bar-attack{order:0}.action-bar .bar-move[data-coach=right]{order:1}.action-bar .bar-tokat{flex:calc(100% - 64px);order:2}}.battle.ring-mode .action-bar{display:none}@keyframes bar-tokat{0%{filter:drop-shadow(0 0 2px var(--ui-gold))}to{filter:drop-shadow(0 0 12px var(--ui-gold))}}@keyframes bar-combo{0%{box-shadow:inset 0 0 0 3px #fff}to{box-shadow:inset 0 0 0 3px #0000}}@media (prefers-reduced-motion:reduce){.bar-tokat[data-ready=true],.bar-attack.combo{animation:none}}.action-bar .bar-btn.fuehrung-aus{opacity:.2;filter:grayscale();animation:none}.action-bar:not(.waiting) .bar-btn.fuehrung-an:not(.bar-tokat){animation:.7s ease-in-out infinite alternate fuehrung-an}@keyframes fuehrung-an{0%{box-shadow:inset 0 0 0 2px var(--ui-line)}to{box-shadow:inset 0 0 0 5px #f4c430f2}}@media (prefers-reduced-motion:reduce){.action-bar:not(.waiting) .bar-btn.fuehrung-an:not(.bar-tokat){animation:none;box-shadow:inset 0 0 0 5px #f4c430f2}}.legende-blende{z-index:30;pointer-events:none;background:#000;animation:1.4s ease-in forwards legende-blende;position:absolute;inset:0}@keyframes legende-blende{0%{opacity:0}to{opacity:1}}.coach{z-index:8;background:var(--ui-text);max-width:260px;color:var(--ui-on-accent);cursor:pointer;animation:coach-in var(--ui-dur) var(--ui-ease);padding:10px 12px;font-size:.9rem;font-weight:600;position:absolute}.coach:after{content:"";left:var(--arrow-x,50%);border:8px solid #0000;border-top-color:var(--ui-text);margin-left:-8px;position:absolute;top:100%}.coach-unten:after{border-top-color:#0000;border-bottom-color:var(--ui-text);top:auto;bottom:100%}.coach-flash{max-width:240px;font-size:.85rem}.coach-help{animation:.625s ease-in-out 4 alternate coach-help}.ring-btn.coach-help{animation:.16s ease-out ring-in,.625s ease-in-out 4 alternate coach-help}.bar-btn.coach-help{animation-name:coach-help-inset}@keyframes coach-help{0%{box-shadow:0 4px 12px #00000073,0 0 #f4c43000}to{box-shadow:0 4px 12px #00000073,0 0 0 4px #f4c430e6}}@keyframes coach-help-inset{0%{box-shadow:inset 0 0 0 2px var(--ui-line)}to{box-shadow:inset 0 0 0 4px #f4c430f2}}@keyframes coach-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.battle .battle-skip{z-index:6;flex:none;min-height:44px;padding:6px 14px;top:8px;right:8px}@media (width<=600px){.battle .battle-skip{left:auto;right:8px;transform:none}}@media (orientation:landscape) and (height<=540px){.battle .battle-skip{top:auto;bottom:8px;left:auto;right:max(8px, env(safe-area-inset-right));position:absolute;transform:none}}.result-screen{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--ui-text);font-family:var(--ui-font);text-align:center;background:#14110fc7;place-items:center;padding:8px;display:grid;position:fixed;inset:0}.result-card{background:var(--ui-panel);width:min(560px,94vw);max-height:94dvh;box-shadow:var(--ui-glow);clip-path:polygon(var(--ui-bevel) 0, 100% 0, 100% calc(100% - var(--ui-bevel)), calc(100% - var(--ui-bevel)) 100%, 0 100%, 0 var(--ui-bevel));gap:10px;padding:16px;display:grid;overflow-y:auto}.result-title{letter-spacing:.08em;color:var(--ui-gold);animation:result-slam .22s var(--ui-ease);margin:0;font-size:clamp(2rem,8vw,3.4rem)}.result-title.result-lost{color:var(--ui-danger)}.result-grid{gap:10px;display:grid}@media (aspect-ratio>=4/3){.result-grid{text-align:left;grid-template-columns:1fr 1fr}}.result-row{justify-content:space-between;margin:4px 0;font-size:1.2rem;display:flex}.result-level{gap:4px;margin:6px 0 0;display:grid}.xp-bar{background:#f3e6cc26;height:10px}.xp-fill{background:var(--ui-accent);width:0;height:100%}.xp-fill.flash{animation:.4s ease-out result-flash}.result-badge{background:var(--ui-panel-2);box-shadow:inset 0 0 0 1px var(--ui-gold);animation:coach-in var(--ui-dur) var(--ui-ease);margin:4px 0;padding:4px 10px}.result-note,.result-hint{color:var(--ui-muted);margin:2px 0;font-size:.8rem}.result-advice{max-width:56ch;color:var(--ui-text);text-align:center;margin:6px auto 2px;font-size:.9rem}.result-points{margin:0;font-size:1.3rem}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.result-actions .btn,.result-card>.btn{min-height:48px}.mercy-cards{grid-template-columns:1fr 1fr;gap:12px;width:min(640px,94vw);display:grid}.mercy-card{min-width:140px;min-height:120px;color:var(--ui-text);background:var(--ui-panel-2);box-shadow:inset 0 0 0 2px var(--ui-accent);clip-path:polygon(var(--ui-bevel) 0, 100% 0, 100% calc(100% - var(--ui-bevel)), calc(100% - var(--ui-bevel)) 100%, 0 100%, 0 var(--ui-bevel));font:inherit;cursor:pointer;border:0;place-content:center;gap:4px;padding:10px;display:grid}.mercy-card.mercy-humiliate{box-shadow:inset 0 0 0 2px var(--ui-danger)}.mercy-card:hover,.mercy-card:focus-visible{filter:brightness(1.2);outline:none}.mercy-icon{font-size:2.2rem;line-height:1}.result-screen.victory{background:#14110f99;align-content:center;gap:10px}@media (orientation:portrait){.mercy-cards{grid-template-columns:1fr}}@media (height<=420px){.result-screen.victory .result-question{display:none}.mercy-card{min-height:90px}.result-title{font-size:1.8rem}}@keyframes result-slam{0%{opacity:0;transform:scale(2.2)}to{opacity:1;transform:scale(1)}}@keyframes result-flash{0%{filter:brightness(3)}to{filter:none}}.loot-title.is-mystic{color:var(--ui-mystic);text-shadow:0 0 14px #b388ffcc}.loot-body{gap:6px;display:grid}.loot-stage{place-items:end center;height:150px;display:grid;position:relative;overflow:hidden}.loot-chest{width:112px;height:64px;margin-bottom:6px;animation:.52s ease-in-out loot-shake;position:relative}.loot-box,.loot-lid{box-shadow:inset 0 0 0 3px #3a2410, inset 0 0 0 7px var(--ui-accent), inset 0 0 0 9px #3a2410;background:linear-gradient(#8a5a2b,#5c3a1b);position:absolute;left:0;right:0}.loot-box{height:46px;bottom:0}.loot-lid{transform-origin:8% 100%;z-index:2;border-radius:14px 14px 0 0;height:22px;transition:transform .38s cubic-bezier(.3,1.6,.5,1);bottom:44px}.loot-box:after{content:"";background:var(--ui-gold);width:12px;height:14px;margin-left:-6px;position:absolute;top:4px;left:50%;box-shadow:0 0 0 2px #3a2410}.loot-prize{opacity:0;width:72px;height:72px;transition:transform .52s var(--ui-ease) .12s, opacity .24s ease .12s;z-index:1;place-items:center;margin-left:-36px;display:grid;position:absolute;bottom:20px;left:50%;transform:translateY(30px)scale(.4)}.loot-icon{filter:drop-shadow(0 0 8px #f2c14ecc);width:72px;height:72px}.loot-coins{font-size:3rem;line-height:1}.loot-rays{background:repeating-conic-gradient(#f2c14e47 0 10deg, transparent 10deg 30deg);opacity:0;border-radius:50%;width:260px;height:260px;margin-left:-130px;transition:opacity .4s;position:absolute;bottom:-60px;left:50%;-webkit-mask:radial-gradient(circle,#000 20%,#0000 70%);mask:radial-gradient(circle,#000 20%,#0000 70%)}.loot-spark{background:var(--ui-gold);opacity:0;width:6px;height:6px;margin-left:-3px;position:absolute;bottom:70px;left:50%;transform:rotate(45deg)}.loot-info{opacity:0;gap:2px;transition:opacity .3s .2s;display:grid}.loot-name{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;font-size:1.15rem;display:flex}.loot-effect{color:var(--ui-gold);margin:0}.loot-effect.is-mystic{color:var(--ui-mystic)}.loot-new{justify-self:center}.loot-stage.is-open .loot-lid{transform:translate(-6px)rotate(-98deg)}.loot-stage.is-open .loot-prize{opacity:1;transform:translateY(-52px)scale(1)}.loot-stage.is-open .loot-rays{opacity:1;animation:9s linear infinite loot-spin}.loot-stage.is-open .loot-spark{animation:.9s ease-out forwards loot-spark}.loot-stage.is-open .loot-chest{animation:none}.result-card.loot-revealed .loot-info{opacity:1}.loot-stage.is-mystic .loot-rays{background:repeating-conic-gradient(#b388ff6b 0 8deg, transparent 8deg 24deg)}.loot-stage.is-mystic .loot-spark{background:var(--ui-mystic);box-shadow:0 0 6px var(--ui-mystic)}.loot-stage.is-mystic .loot-icon{filter:drop-shadow(0 0 6px var(--ui-mystic)) drop-shadow(0 0 16px #6a3fc8e6);animation:1.6s ease-in-out infinite loot-pulse}.loot-stage.is-mystic.is-open:before{content:"";background:radial-gradient(circle at 50% 60%,#b388ff73,#0000 60%);animation:.7s ease-out loot-flash;position:absolute;inset:0}.result-card.loot-revealed:has(.loot-stage.is-mystic){box-shadow:var(--ui-mystic-glow)}.loot-stage.is-instant .loot-lid,.loot-stage.is-instant .loot-prize,.loot-stage.is-instant+.loot-info{transition:none}@keyframes loot-shake{0%,to{transform:none}25%{transform:rotate(-4deg)}50%{transform:rotate(3deg)translateY(-2px)}75%{transform:rotate(-2deg)}}@keyframes loot-spin{to{transform:rotate(360deg)}}@keyframes loot-spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0) rotate(45deg)}to{opacity:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) rotate(45deg)}}@keyframes loot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes loot-flash{0%{opacity:1}to{opacity:.35}}@media (height<=420px) and (aspect-ratio>=4/3){.loot-body{text-align:left;grid-template-columns:210px 1fr;align-items:center}.loot-name{justify-content:flex-start}.loot-new{justify-self:start}.result-card .loot-title{font-size:1.5rem}.result-card:has(.loot-body) .result-hint{display:none}}@media (prefers-reduced-motion:reduce){.loot-chest,.loot-stage.is-open .loot-rays,.loot-stage.is-open .loot-spark,.loot-stage.is-mystic .loot-icon,.loot-stage.is-mystic.is-open:before{animation:none}.loot-lid,.loot-prize,.loot-info{transition:none}.result-title,.result-badge,.coach{animation:none}.coach-help,.ring-btn.coach-help,.self-layer .ring-btn.coach-help{animation:none;box-shadow:0 0 0 3px #f4c430e6}.bar-btn.coach-help{animation:none;box-shadow:inset 0 0 0 4px #f4c430e6}}.battle .hud-fighter .bar-fill,.battle .hud-fighter .bar-trail{transition:opacity .2s}.battle .hud-fighter.is-masked .bar-row{position:relative}.battle .hud-fighter.is-masked .bar-fill,.battle .hud-fighter.is-masked .bar-trail{opacity:0}.battle .hud-fighter.is-masked .bar{background:repeating-linear-gradient(45deg,#9696a58c 0 4px,#50505f99 4px 8px)}.battle .hud-fighter.is-masked .bar-hp:after{content:"???";text-align:center;font:700 .62rem/1 var(--ui-font);letter-spacing:.2em;color:var(--ui-gold);text-shadow:0 1px 2px #000;pointer-events:none;position:absolute;inset:-3px 0 auto}.battle .hud-right.is-masked .bar-hp:after{right:calc(var(--bar-sym-w) + 3px)}.battle .hud:not(:has(.has-team)) .hud-right.is-masked .bar-hp:after{left:calc(var(--bar-name-w) + 3px)}.battle .hud-portrait{position:relative}.battle .hud-mask{color:var(--ui-gold);filter:drop-shadow(0 0 2px #000);font-size:.85rem;line-height:1;position:absolute;bottom:0;right:0}.battle .team-chip.is-masked .chip-fill{background:repeating-linear-gradient(45deg,#9696a5b3 0 3px,#50505fb3 3px 6px)}@media (prefers-reduced-motion:reduce){.battle .hud-fighter .bar-fill,.battle .hud-fighter .bar-trail{transition:none}}.self-layer .ring-btn{border-color:var(--ui-accent);box-shadow:0 4px 12px #00000080,0 0 10px #d4a01759}.self-layer .ring-btn[aria-disabled=true]{opacity:.5;filter:grayscale(.6);box-shadow:0 2px 6px #0006}.self-layer .ring-caption{color:var(--ui-text);background:#14110fe6;font-size:12px}.self-layer .ring-btn:hover:not([aria-disabled=true]),.self-layer .ring-btn:focus-visible{outline-color:var(--ui-gold)}.battle-tools{z-index:5;gap:6px;display:flex;position:absolute;top:8px;right:8px}.battle-tools[hidden]{display:none}.battle-tool{border:2px solid var(--ui-line);background:var(--ui-panel);width:44px;height:44px;color:var(--ui-text);cursor:pointer;touch-action:manipulation;border-radius:50%;place-items:center;padding:0;font-size:1.15rem;line-height:1;display:grid}.battle-tool:focus-visible{outline:2px solid var(--ui-gold);outline-offset:2px}.weather-chip{color:#f4efe2;text-align:center;pointer-events:none;z-index:3;background:#161a22b8;border-radius:12px;max-width:min(60%,420px);padding:3px 10px;font-size:.8rem;line-height:1.25;position:absolute;top:6px;left:50%;transform:translate(-50%)}.prolog-karte{background:#000;place-items:center;padding:24px;display:grid;position:fixed;inset:0}body:has(.prolog-karte) .settings-fab{display:none}.prolog-karte-text{color:#f2e6c9;letter-spacing:.18em;text-align:center;outline:none;margin:0;font-size:clamp(1.1rem,4.5vmin,2rem);animation:.7s ease-out both prolog-karte}@keyframes prolog-karte{0%{opacity:0}to{opacity:1}}.prolog-skip{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));z-index:40;position:fixed}.battle-stage .prolog-skip{z-index:6;background:var(--ui-panel);color:var(--cream);position:absolute;top:8px;right:8px}.online-home,.online-result{align-content:start;gap:12px;max-width:760px;margin:0 auto;padding:12px;display:grid}.online-home.busy{opacity:.6;pointer-events:none}.online-field{gap:4px;display:grid}.online-label{color:var(--ui-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.online-hint{color:var(--ui-danger);min-height:1em}.text-input.invalid{border-color:var(--ui-danger)}.online-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.online-mode{background:var(--ui-panel);border:1px solid var(--ui-line);min-height:88px;color:var(--ui-text);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;justify-items:start;gap:2px;padding:8px 10px;display:grid}.online-mode:hover,.online-mode:focus-visible{border-color:var(--ui-accent);box-shadow:var(--ui-glow);outline:none}.online-mode-icon{font-size:1.4rem;line-height:1}.online-mode-title{color:var(--ui-accent);font-size:.9rem}.online-mode-sub{color:var(--ui-muted);font-size:.72rem;line-height:1.25}.online-or{text-align:center;color:var(--ui-muted);margin:0}.online-join{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.online-code{text-transform:uppercase;letter-spacing:.2em;text-align:center}.online-invite{color:var(--ui-text);margin:0}.online-actions{flex-wrap:wrap;gap:8px;display:flex}.title-invite{border:1px solid var(--ui-accent);background:var(--ui-panel);color:var(--ui-accent);margin:6px 0 0;padding:6px 10px;font-size:.85rem}.lobby-body{gap:10px;max-width:900px;margin:0 auto;padding:10px 12px;display:grid}.lobby-share{background:var(--ui-panel);border:1px solid var(--ui-line);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;display:flex}.lobby-code{display:grid}.lobby-code small{color:var(--ui-muted);font-size:.7rem}.lobby-code strong{letter-spacing:.25em;color:var(--ui-gold);font-size:1.6rem}.lobby-share-buttons{flex-wrap:wrap;gap:8px;display:flex}.lobby-share-buttons .btn{min-height:var(--ui-touch);align-items:center;text-decoration:none;display:inline-flex}.lobby-seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.lobby-seats[data-mode=pvp2]{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-team{align-content:start;gap:8px;display:grid}.lobby-team h3{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.85rem}.lobby-team.team-0 h3{color:var(--ui-danger)}.lobby-team.team-1 h3{color:var(--ui-accent)}.lobby-seat{background:var(--ui-panel);border:1px solid var(--ui-line);grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;min-height:96px;padding:8px;display:grid;position:relative}.lobby-seat.you{border-color:var(--ui-accent);box-shadow:var(--ui-glow)}.lobby-seat.empty{color:var(--ui-muted);border-style:dashed;grid-template-columns:1fr;justify-items:center}.lobby-bust{width:64px;height:88px;overflow:hidden}.lobby-bust .portrait{object-fit:cover;object-position:top;width:64px;height:96px}.lobby-info{gap:2px;min-width:0;display:grid}.lobby-nick{color:var(--ui-accent);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lobby-hero,.lobby-stats{color:var(--ui-muted);font-size:.75rem}.lobby-state.ready{color:var(--ui-accent)}.lobby-state.offline{color:var(--ui-danger)}.lobby-bubble{background:var(--ui-gold);color:#1a1a1a;opacity:0;transition:opacity var(--ui-dur);pointer-events:none;border-radius:8px;padding:2px 8px;font-size:.8rem;position:absolute;top:-10px;right:6px}.lobby-bubble.show{opacity:1}.lobby-status{color:var(--ui-muted);text-align:center;margin:0}.lobby-footer{gap:8px;display:grid}.lobby-footer .btn{min-height:var(--ui-touch)}.lobby-emotes,.ov-emotes{flex-wrap:wrap;gap:6px;display:flex}.emote-chip{min-height:var(--ui-touch);min-width:var(--ui-touch);background:var(--ui-panel-2);border:1px solid var(--ui-line);color:var(--ui-text);font:inherit;cursor:pointer;touch-action:manipulation;padding:4px 10px;font-size:.85rem}.emote-chip:hover,.emote-chip:focus-visible{border-color:var(--ui-accent);outline:none}.online-result-title{color:var(--ui-gold);text-align:center;margin:0;font-size:1.6rem}.online-score{text-align:center;margin:0;font-size:1.1rem}.online-reward{text-align:center;margin:0;font-size:1.2rem;font-weight:700}.online-reward.won{color:var(--ui-accent)}.online-reward.lost{color:var(--ui-muted)}.online-reward-list{text-align:center;color:var(--ui-text);margin:0;padding:0;list-style:none}.online-loot{background:var(--ui-panel-2);max-width:100%;box-shadow:inset 0 0 0 1px var(--ui-gold);justify-self:center;align-items:center;gap:10px;padding:6px 12px;display:flex}.online-loot-coins{font-size:2rem}.online-loot-text{text-align:left;justify-items:start;gap:2px;display:grid}.online-actions .btn{min-height:var(--ui-touch)}.online-overlay{z-index:20;pointer-events:none;position:absolute;inset:0}.ov-banner{background:var(--ui-panel);border:1px solid var(--ui-line);max-width:60%;color:var(--ui-text);text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:3px 12px;font-size:.8rem;position:absolute;top:44px;left:50%;overflow:hidden;transform:translate(-50%)}.ov-banner.team-0{border-color:var(--ui-danger)}.ov-banner.team-1{border-color:var(--ui-accent)}.ov-banner.mine{color:var(--ui-gold);border-color:var(--ui-gold);box-shadow:0 0 10px #f2c14e80}.ov-timer{place-items:center;width:32px;height:32px;display:grid;position:absolute;top:40px;right:8px}.ov-timer svg{position:absolute;inset:0;transform:rotate(-90deg)}.ov-ring-bg{fill:none;stroke:var(--ui-line);stroke-width:3px}.ov-ring{fill:none;stroke:var(--ui-accent);stroke-width:3px;transition:stroke-dashoffset .25s linear}.ov-secs{color:var(--ui-text);font-size:.6rem;position:relative}.ov-timer.urgent .ov-ring{stroke:var(--ui-danger)}.ov-timer.urgent{animation:1s ease-in-out infinite ov-pulse}@keyframes ov-pulse{50%{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.ov-timer.urgent{animation:none}}.ov-conn{border:1px solid var(--ui-danger);max-width:80%;color:var(--ui-text);text-align:center;background:#3c1414eb;padding:3px 10px;font-size:.75rem;position:absolute;top:70px;left:50%;transform:translate(-50%)}.ov-tools{gap:6px;display:flex;position:absolute;top:40px;left:8px}.ov-btn{pointer-events:auto;width:var(--ui-touch);height:var(--ui-touch);background:var(--ui-panel);border:1px solid var(--ui-line);color:var(--ui-text);cursor:pointer;touch-action:manipulation;font-size:1.1rem}.ov-btn:disabled{opacity:.4}.ov-emotes{background:var(--ui-panel);border:1px solid var(--ui-line);pointer-events:auto;max-width:calc(100% - 16px);padding:6px;position:absolute;top:90px;left:8px}.ov-emotes[hidden],.ov-conn[hidden],.ov-timer[hidden],.ov-banner[hidden]{display:none}@media (width<=700px){.online-modes{grid-template-columns:1fr}}@media (orientation:portrait){.lobby-seats{grid-template-columns:1fr}.lobby-seats[data-mode=pvp2]{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-seat{grid-template-columns:48px minmax(0,1fr)}.lobby-bust,.lobby-bust .portrait{width:48px;height:72px}.lobby-stats{display:none}}.tile-grid.spott-mode{display:block}.spott-panel{align-content:start;gap:8px;display:grid}.spott-chips{z-index:1;background:var(--ui-bg);gap:6px;padding-bottom:4px;display:flex;position:sticky;top:0}.spott-chip{background:var(--ui-panel-2);min-width:44px;min-height:44px;box-shadow:inset 0 0 0 1px var(--ui-line);color:var(--ui-text);cursor:pointer;border:0;border-radius:22px;padding:0 14px;font-size:.85rem;font-weight:600}.spott-chip.active{color:var(--ui-accent);box-shadow:inset 0 0 0 2px var(--ui-accent)}.spott-hint{color:var(--ui-muted);margin:0;font-size:.75rem}.spott-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.spott-tile{background:var(--ui-panel-2);box-shadow:inset 0 0 0 1px var(--ui-line);color:var(--ui-text);align-content:start;gap:3px;padding:6px;font-size:.75rem;display:grid;position:relative}.spott-tile.is-active{box-shadow:inset 0 0 0 2px var(--ui-accent), 0 0 10px #d4a01766}.spott-tile.is-locked,.spott-tile.is-reward{opacity:.8}.spott-head{align-items:center;gap:6px;display:flex}.spott-icon{flex:none;font-size:1.5rem;line-height:1}.spott-foot{align-items:center;gap:6px;display:flex}.spott-play{background:var(--ui-panel-1);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--ui-line);color:var(--ui-accent);cursor:pointer;border:0;border-radius:50%;flex:none;padding:0;font-size:1rem}.spott-play:active{box-shadow:inset 0 0 0 2px var(--ui-accent)}.spott-check{color:var(--ui-accent);font-weight:700}.spott-name{line-height:1.15}.spott-effect{color:var(--ui-gold)}.spott-blurb{color:var(--ui-muted);line-height:1.2}.spott-text{margin:0;font-style:italic;line-height:1.25}.spott-action{flex:auto;min-width:0;min-height:44px}.spott-head .spott-name,.spott-head .spott-text{flex:auto;min-width:0}.spott-check{margin-left:auto}@media (height<=500px){.spott-hint,.spott-tile>.spott-blurb{display:none}}.spott-action.is-disabled{opacity:.55}.spott-bubble{color:#2b1a08;background:#fff8e8;border-radius:10px;padding:6px 8px;font-size:.78rem;font-weight:600;position:relative}.spott-bubble[hidden]{display:none}.spott-bubble:before{content:"";border:5px solid #0000;border-top:0;border-bottom-color:#fff8e8;position:absolute;top:-5px;left:14px}.taunt-sheet{gap:8px;display:grid}.taunt-sheet h3{letter-spacing:.04em;text-transform:uppercase;color:var(--ui-muted);margin:4px 0 0;font-size:.8rem}.taunt-chip{min-height:var(--ui-touch);background:var(--ui-panel-2);box-shadow:inset 0 0 0 1px var(--ui-line);color:var(--ui-text);cursor:pointer;border:0;border-radius:22px;align-items:center;gap:6px;padding:0 12px;font-size:.8rem;display:inline-flex}.taunt-chip .taunt-chip-icon{font-size:1.1rem}.trinket-strip{flex-wrap:wrap;align-items:center}.spott-random{border-style:dashed}.tile-grid.schmiede-mode{display:block}.schmiede-panel{align-content:start;gap:10px;display:grid}.schmiede-auftrag{background:var(--ui-panel-2);box-shadow:inset 0 0 0 2px var(--ui-accent);gap:6px;padding:8px;display:grid}.schmiede-auftrag-buttons{flex-wrap:wrap;gap:6px;display:flex}.schmiede-row{background:var(--ui-panel-2);box-shadow:inset 0 0 0 1px var(--ui-line);color:var(--ui-text);grid-template-columns:1fr auto;align-items:center;gap:4px 8px;padding:6px 8px;font-size:.8rem;display:grid}.schmiede-row .schmiede-name{font-weight:600}.schmiede-row .schmiede-info{color:var(--ui-muted);grid-column:1;font-size:.75rem}.schmiede-row .schmiede-buttons{grid-area:1/2/span 2;gap:6px;display:flex}.schmiede-glut{color:var(--ui-muted);margin:0;font-size:.75rem}.schmiede-legenden{background:var(--ui-panel-2);color:var(--ui-text);gap:6px;padding:8px;display:grid;box-shadow:inset 0 0 0 2px #e6b422}.schmiede-legenden>.schmiede-info{color:var(--ui-muted);font-size:.75rem}.schmiede-legenden-wahl{flex-wrap:wrap;gap:6px;display:flex}.shell-body .screen-full{grid-template-rows:auto minmax(0,1fr);align-content:start;gap:8px;padding:8px;display:grid}.shell-body .screen-full>.scene-stage{width:min(100%, calc((100dvh - var(--ui-topbar-h) - var(--ui-navbar-h) - 16px) * 16 / 9));margin-inline:auto}.shell-body .screen-full>nav{overscroll-behavior:contain;align-content:start;min-height:0;overflow-y:auto}@media (orientation:landscape){.shell-body .screen-full{grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);align-content:stretch}.shell-body .screen-full>.scene-stage{width:min(62vw, calc((100dvh - var(--ui-topbar-h) - var(--ui-navbar-h) - 16px) * 16 / 9));align-self:start;margin-inline:0}}.tryon-hint{opacity:.75;font-style:italic}.tryon-chip{border:1px solid var(--ui-line);background:var(--panel);border-radius:999px;padding:3px 8px}.tryon-chip.up{border-color:var(--ui-hit-sure);color:#b9f5c3}.tryon-chip.down{border-color:var(--ui-danger);color:#ffc2b0}.album-unknown{background:var(--ui-panel-2);color:var(--cream);border-style:dashed}.album-unknown .portrait{filter:brightness(0)opacity(.6)}.album-nick{margin:2px 0 6px;font-style:italic}.album-facts{grid-template-columns:auto 1fr;gap:2px 8px;margin:0;font-size:.85rem;display:grid}.album-facts dt{font-weight:700}.album-facts dd{margin:0}.album-quote{margin:6px 0 0;font-style:italic}.album-stamp{border:2px solid var(--red);color:var(--red);text-transform:uppercase;border-radius:6px;margin:8px 0 0;padding:2px 8px;font-size:.8rem;font-weight:700;display:inline-block;transform:rotate(-4deg)}.bread-oven{border:1px solid var(--ui-line);background:linear-gradient(#5b2e16,#2a1a10);border-radius:2px;gap:12px;padding:14px;display:grid}.bread-mehmet{justify-self:center}.bread-mehmet .portrait{width:100px;height:150px}.bread-track{border:1px solid var(--ui-line);background:#3b2414;border-radius:22px;height:44px;position:relative;overflow:hidden}.bread-zone{position:absolute;top:0;bottom:0}.bread-zone-good{background:#d4a01759}.bread-zone-perfect{background:#ffd700d9}.bread-marker{background:var(--cream);border-radius:7px;width:14px;margin-left:-7px;position:absolute;top:2px;bottom:2px;box-shadow:0 0 8px #fff}.bread-loaves{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.bread-loaf{text-align:center;background:#ffffff14;border-radius:22px/16px;place-items:center;min-height:44px;font-size:.8rem;display:grid}.bread-perfect{color:var(--ui-on-accent);background:#d9a05b;font-weight:700}.bread-good{color:var(--ui-on-accent);background:#f0d49a}.bread-burnt{color:var(--ui-danger);background:#1a1a1a}.bread-status{min-height:2.6em;margin:0}.bread-push{min-height:64px;font-size:1.2rem}@media (pointer:coarse){.btn-small{min-height:44px}}.hub-screen .shell-body .screen-full,.room-screen .shell-body .screen-full,.arena-screen .shell-body .screen-full,.versus-screen .shell-body .screen-full,.free-screen .shell-body .screen-full,.tournament-screen .shell-body .screen-full,.title-screen .shell-body .screen-full{padding:0;display:block}.hub{grid-template-columns:minmax(112px,1fr) auto minmax(112px,1fr);gap:6px;height:100%;min-height:0;padding:6px;display:grid}.hub-stage{aspect-ratio:16/9;justify-self:center;max-width:calc(100vw - 248px);height:100%;min-height:0;position:relative}@media (width>=960px) and (orientation:landscape){.hub{grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr)}.hub-stage{max-width:calc(100vw - 344px)}}.hub-canvas{touch-action:manipulation;width:100%;height:100%;display:block}.hub-left,.hub-right{flex-direction:column;justify-content:center;gap:6px;min-width:0;min-height:0;display:flex}.hub-spots.sr-only:focus-within{clip:auto;white-space:normal;width:auto;height:auto;position:absolute;bottom:6px;left:6px;overflow:visible}.hub-spot{border:1px solid var(--ui-accent);background:var(--ui-bg);color:var(--ui-text);font:inherit;padding:4px 10px;font-size:.8rem;display:none}.hub-spot:focus{outline:2px solid var(--ui-accent);display:block}.goal-card{gap:6px;min-width:0;display:grid}.goal-row{align-items:center;gap:8px;min-width:0;display:flex}.goal-text{min-width:0;line-height:1.2;display:grid}.goal-label{color:var(--ui-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.goal-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;display:-webkit-box;overflow:hidden}.goal-level{color:var(--ui-gold);font-size:.75rem}.goal-btn{width:100%;min-height:var(--ui-touch)}.daily-badge{min-height:var(--ui-touch);border:1px solid var(--ui-gold);background:var(--ui-panel);color:var(--ui-gold);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;align-content:center;gap:0;padding:4px 8px 4px 22px;font-size:.8rem;font-weight:600;display:grid;position:relative}.daily-badge.is-done{border-color:var(--ui-line);color:var(--ui-muted);opacity:.8;padding-left:8px}.daily-sub{color:var(--ui-text);font-size:.7rem;font-weight:400}.daily-dot{background:var(--ui-gold);border-radius:50%;width:8px;height:8px;margin-top:-4px;animation:1.2s ease-in-out infinite daily-pulse;position:absolute;top:50%;left:8px}@keyframes daily-pulse{50%{opacity:.5;transform:scale(1.6)}}.hint-chip{min-height:var(--ui-touch);border:1px solid var(--ui-line);background:var(--ui-panel);color:var(--ui-text);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;align-items:center;gap:6px;padding:2px 8px;font-size:.75rem;display:flex}.hint-glyph{background:var(--ui-gold);width:20px;height:20px;color:var(--ui-on-accent);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.hint-chip.kind-fight .hint-glyph{background:var(--ui-accent)}@media (height<=420px){.goal-row .bust{width:44px!important;height:44px!important}}@media (orientation:portrait){.hub{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);align-content:start}.hub-stage{width:100%;max-width:none;height:auto}.hub-right{order:2}.hub-left{flex-flow:wrap;order:3}.hub-left>*{flex:140px}}@media (prefers-reduced-motion:reduce){.daily-dot{animation:none}}.friend-badge{letter-spacing:.04em;white-space:nowrap;color:#2a1408;background:linear-gradient(135deg, #ffd0bd, var(--friend-rose));box-shadow:var(--friend-rose-glow);padding:1px 8px;font-size:.75rem;font-weight:700;display:inline-block}.friend-badge.is-legendary{color:#2a1640;background:linear-gradient(135deg, var(--friend-gold), #f3d9ff 55%, var(--friend-violet));box-shadow:var(--friend-legend-glow)}.is-friend-rare{box-shadow:inset 0 0 0 2px var(--friend-rose), inset 0 0 14px #f0a58a59!important}.is-friend-legendary{box-shadow:inset 0 0 0 2px var(--friend-gold), inset 0 0 16px #c89bff73, 0 0 10px #ffd36b59!important}.friend-effect{color:var(--friend-rose)}.friend-effect.is-legendary{color:var(--friend-gold)}.slot-friend{color:var(--friend-rose);text-shadow:0 0 6px var(--friend-rose);font-size:.7rem;position:absolute;top:1px;right:3px}.slot-friend.is-legendary{color:var(--friend-gold);text-shadow:0 0 6px var(--friend-violet)}.modal-box.friend-moment{width:min(560px,94vw);max-height:none;box-shadow:none;color:var(--ui-text);font-family:var(--ui-font);text-align:center;background:0 0;padding:0;overflow:visible}.modal-box.friend-moment .result-card{max-height:calc(100dvh - 32px)}.friend-line{margin:0;font-size:1.05rem}.friend-title.is-rare{color:var(--friend-rose);text-shadow:0 0 14px #f0a58ab3}.friend-title.is-legendary{background:linear-gradient(90deg, var(--friend-gold), #fff3d0, var(--friend-violet));color:#0000;filter:drop-shadow(0 0 10px #c89bff99);-webkit-background-clip:text;background-clip:text}.friend-title.is-welcome{color:#9be3b0;text-shadow:0 0 12px #78dc9699}.friend-stage.is-rare .loot-rays,.friend-stage.is-welcome .loot-rays{background:repeating-conic-gradient(#f0a58a61 0 9deg, transparent 9deg 26deg)}.friend-stage.is-rare .loot-spark,.friend-stage.is-welcome .loot-spark{background:var(--friend-rose);box-shadow:0 0 6px var(--friend-rose)}.friend-stage.is-legendary .loot-rays{background:repeating-conic-gradient(#ffd36b66 0 7deg, #c89bff4d 7deg 14deg, transparent 14deg 24deg)}.friend-stage.is-legendary .loot-spark{background:var(--friend-gold);box-shadow:0 0 8px var(--friend-violet)}.friend-stage.is-legendary .loot-icon{filter:drop-shadow(0 0 6px var(--friend-gold)) drop-shadow(0 0 16px #c89bffe6);animation:1.6s ease-in-out infinite loot-pulse}.friend-stage.is-legendary.is-open:before{content:"";background:radial-gradient(circle at 50% 60%,#ffd36b66,#c89bff33 40%,#0000 65%);animation:.7s ease-out loot-flash;position:absolute;inset:0}.friend-moment.is-rare .result-card.loot-revealed{box-shadow:var(--friend-rose-glow)}.friend-moment.is-legendary .result-card.loot-revealed{box-shadow:var(--friend-legend-glow)}@media (prefers-reduced-motion:reduce){.friend-stage.is-legendary .loot-icon,.friend-stage.is-legendary.is-open:before{animation:none}}.invite-body{gap:12px;width:min(720px,100%);margin:0 auto;padding:4px 0 16px;display:grid}.invite-hero{background:var(--ui-panel);box-shadow:var(--friend-rose-glow);text-align:center;gap:6px;padding:14px;display:grid}.invite-hero h2{color:var(--friend-rose);margin:0;font-size:1.4rem}.invite-hero p{margin:0}.invite-link{background:var(--ui-panel-2);box-shadow:inset 0 0 0 1px var(--ui-line);overflow-wrap:anywhere;text-align:center;gap:4px;padding:10px 12px;display:grid}.invite-link small{color:var(--ui-muted)}.invite-link strong{letter-spacing:.12em;color:var(--ui-gold);font-size:1.3rem}.invite-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.invite-buttons .btn{min-height:44px}.invite-steps{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;display:grid}.invite-step{background:var(--ui-panel-2);box-shadow:inset 0 0 0 1px var(--ui-line);gap:4px;padding:10px;display:grid}.invite-step.is-rare{box-shadow:inset 0 0 0 1px var(--friend-rose)}.invite-step.is-legendary{box-shadow:inset 0 0 0 1px var(--friend-gold), inset 0 0 12px #c89bff40}.invite-step strong{font-size:.95rem}.invite-step small{color:var(--ui-muted)}.invite-stats{text-align:center;color:var(--ui-muted);margin:0}.invite-privacy{text-align:center;color:var(--ui-muted);margin:0;font-size:.8rem}.invite-status{text-align:center;margin:0}.title-friends{font-size:.9rem}.hero-invite{justify-self:start}.training-screen .screen-full{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:6px;min-height:0;display:grid}.training-screen .screen-full>.training-card{grid-row:1/-1;align-self:center}.training-card{text-align:center;align-content:center;justify-self:center;justify-items:center;gap:8px;width:100%;max-width:560px;min-height:0;margin:0 auto;padding:12px;display:grid}.master-sheet{gap:8px;display:grid}.training-title{margin:0;font-size:1.1rem}.training-effect,.training-intro,.training-live{color:var(--ui-muted);margin:0;font-size:.85rem}.hand-compare{justify-content:center;align-items:center;gap:12px;display:flex}.hand-pic{color:var(--ui-muted);justify-items:center;margin:0;font-size:.75rem;display:grid}.hand-canvas{width:120px;height:90px}.training-card .portrait{aspect-ratio:2/3;width:auto;height:min(300px,34vh)}.hand-arrow{font-size:1.6rem}.training-game{grid-template-rows:minmax(0,1fr) auto auto;gap:6px;min-height:0;display:grid}.training-canvas{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;width:100%;height:100%;min-height:0}.training-pads{padding-bottom:env(safe-area-inset-bottom);grid-template-columns:1fr 1fr;gap:8px;display:grid}.training-pad{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-height:48px}.training-hold{width:100%;margin-bottom:env(safe-area-inset-bottom)}@media (orientation:landscape) and (height<=420px){.training-live{display:none}.training-card{gap:4px;padding:6px}.hand-canvas{width:90px;height:68px}}.combo-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.combo-item{border:1px solid var(--ui-line);background:var(--ui-panel-2);text-align:left;border-radius:8px;gap:4px;padding:8px 10px;display:grid}.combo-item .btn{justify-self:start}.combo-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.combo-name{color:var(--ui-gold)}.combo-seq,.combo-meta{color:var(--ui-muted);font-size:.8rem}.combo-desc{margin:0;font-size:.85rem}.combo-done{color:var(--ui-hit-sure);font-size:.85rem;font-weight:600}.combo-unknown .combo-name{color:var(--ui-muted)}.combo-line{appearance:none;min-height:32px;color:var(--ui-gold);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:4px 0;font-weight:700;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.map-screen .shell-body .screen-full{padding:0;display:block;position:relative}.map{background:var(--ui-bg);width:100%;height:100%;position:relative;overflow:hidden}.map-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.map-ui{pointer-events:none;position:absolute;inset:8px}.map-ui .map-chips{position:absolute;bottom:0;left:0}.map-ui .map-card{position:absolute;top:0;right:0}.map-ui>*{pointer-events:auto}.map-travelling .map-ui{display:none}.map-card{background:var(--ui-panel);border:1px solid var(--ui-line);width:min(260px,36vw);box-shadow:var(--ui-glow);color:var(--ui-text);flex:none;gap:4px;padding:10px 12px;display:grid}.map-card-title{color:var(--ui-accent);margin:0;font-size:1.05rem}.map-card-line,.map-card-sub,.map-card-hint{margin:0;font-size:.9rem}.map-card-sub,.map-card-hint{color:var(--ui-muted);font-size:.8rem}.map-go{min-height:var(--ui-touch);margin-top:4px}.map-chips{overscroll-behavior:contain;scrollbar-width:none;flex-wrap:nowrap;gap:6px;min-width:0;max-width:100%;display:flex;overflow-x:auto}.map-chip{min-height:var(--ui-touch);background:var(--ui-panel);border:1px solid var(--ui-line);color:var(--ui-text);font:inherit;white-space:nowrap;cursor:pointer;flex:none;padding:0 14px;font-size:.9rem}.map-chip.is-here{color:var(--ui-accent)}.map-chip.is-selected{border-color:var(--ui-accent);box-shadow:var(--ui-glow)}.map-chip-soon{color:var(--ui-gold);border-style:dashed;border-color:var(--ui-gold)}.map-soon-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.map-soon-item{gap:2px;display:grid}.map-soon-item strong{color:var(--ui-gold)}.map-soon-item span{color:var(--ui-muted);font-size:.9rem}@media (aspect-ratio<=1){.map-ui{flex-direction:column;justify-content:flex-end;gap:8px;display:flex}.map-ui .map-card,.map-ui .map-chips{width:auto;position:static}}.modal-box.travel-event{overscroll-behavior:contain;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;width:min(560px,100vw - 24px);max-height:calc(100dvh - 24px);padding:16px;display:grid;overflow-y:auto}.te-art{place-items:center;display:grid}.te-body{gap:8px;min-width:0;display:grid}.te-title{color:var(--ui-accent);margin:0;font-size:1.15rem}.te-text{margin:0;line-height:1.35}.te-found{color:var(--ui-gold);margin:0;font-size:1.1rem;font-weight:700}.te-reason,.te-hp{color:var(--ui-muted);margin:0;font-size:.85rem}.te-tile,.te-foe{background:var(--ui-panel-2);border:1px solid var(--ui-line);align-items:center;gap:10px;padding:8px 10px;display:flex}.te-foe{--tier:var(--ui-accent);border-top:3px solid var(--tier);flex-wrap:wrap}.te-foe.tier-mittel{--tier:#f2c14e}.te-foe.tier-schwer{--tier:var(--ui-danger)}.te-tier{color:var(--tier);text-transform:uppercase;font-size:.85rem}.te-chance{border:1px solid var(--ui-line);margin-left:auto;padding:2px 8px;font-size:.85rem}.te-tile-info{gap:2px;display:grid}.te-prices{align-items:baseline;gap:8px;display:flex}.te-old{color:var(--ui-muted)}.te-new{color:var(--ui-gold)}.te-actions{flex-wrap:wrap;gap:8px;display:flex}.te-actions .btn{min-height:var(--ui-touch);flex:140px}@media (aspect-ratio<=1){.modal-box.travel-event{grid-template-columns:minmax(0,1fr)}.te-art{justify-items:start}}.elders-sheet{gap:14px;display:grid}.elders-tavla{gap:8px;display:grid}.elders-h{color:var(--ui-gold);margin:0}.elders-rules,.elders-broke{color:var(--ui-muted);margin:0;font-size:.9rem;line-height:1.35}.elders-stakes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.elders-stake{min-height:var(--ui-touch);justify-items:center;gap:2px;display:grid}.elders-stake small{font-size:.7rem;font-weight:400}.elders-listen{min-height:var(--ui-touch)}.tavla-screen .shell-body .screen-full{padding:0;display:block}.tavla{background:var(--ui-bg);grid-template-columns:minmax(0,1fr) 180px;height:100%;display:grid}.tavla-board{min-width:0;min-height:0;position:relative}.tavla-canvas{touch-action:manipulation;width:100%;height:100%;display:block;position:absolute;inset:0}.tavla-bar{overscroll-behavior:contain;background:var(--ui-panel);border-left:1px solid var(--ui-line);flex-direction:column;gap:6px;min-height:0;padding:6px;display:flex;overflow-y:auto}.tavla-dede{align-items:center;gap:6px;display:flex}.tavla-dede .bust{flex:none}.tavla-bubble{color:var(--ui-text);margin:0;font-size:.72rem;line-height:1.25}.tavla-dice{flex-wrap:wrap;align-items:center;gap:6px;min-height:56px;display:flex}.tavla-die{width:56px;height:56px;font:inherit;color:var(--ui-on-accent);background:var(--ui-text);cursor:pointer;border:3px solid #0000;font-size:1.6rem;font-weight:700}.tavla-die:disabled{opacity:.55;cursor:default}.tavla-die.is-selected{border-color:var(--ui-accent);box-shadow:var(--ui-glow)}.tavla-roll{min-height:var(--ui-touch);background:var(--ui-gold);color:var(--ui-on-accent);cursor:pointer;border:0;font-weight:700}.tavla-roll:disabled{opacity:.5;cursor:default}.tavla-status{color:var(--ui-text);margin:0;font-size:.85rem}.tavla-result{gap:6px;display:grid}.tavla-result .btn{min-height:var(--ui-touch)}.tavla-result[hidden],.tavla-roll[hidden]{display:none}@media (aspect-ratio<=1){.tavla{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.tavla-bar{border-left:0;border-top:1px solid var(--ui-line);flex-flow:wrap;align-items:center;max-height:190px}.tavla-dede{flex:100%}.tavla-dice{flex:auto}.tavla-roll{flex:0 0 120px}.tavla-status{flex:100%}.tavla-result{flex:100%;grid-template-columns:1fr 1fr}}.tavla-dice[hidden]{display:none}.duel-sides{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.duel-side{background:var(--panel);border:1px solid var(--ui-line);border-radius:2px;gap:8px;padding:14px;display:grid}.duel-side h2{color:var(--gold);margin:0;font-size:1rem}.duel-side .portrait{justify-self:center}.duel-select{border:1px solid var(--ui-line);background:var(--ui-panel-2);min-height:44px;color:var(--ui-text);border-radius:2px;padding:6px 10px;font-size:1rem}.duel-guest{gap:8px;display:grid}.duel-score{font-family:var(--ui-font);letter-spacing:.04em;text-align:center;font-size:1.3rem}.duel-actions,.tournament-actions{flex-wrap:wrap;gap:8px;display:flex}.tournament-next{background:var(--panel);border:1px solid var(--ui-line);border-radius:2px;gap:6px;padding:14px;display:grid}.tournament-next p{margin:0}.duel-guest[hidden]{display:none}