:root{color:#f6f1df;font-family:var(--font-body,"Avenir Next", Avenir, "Segoe UI", sans-serif);font-synthesis:none;text-rendering:geometricprecision;background:#111312}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#app{background:radial-gradient(circle at 18% 18%,#f5ba4929,#0000 26rem),radial-gradient(circle at 82% 72%,#48baa724,#0000 24rem),#111312;position:relative}#game-canvas{touch-action:none;z-index:0;outline:none;width:100vw;height:100vh;display:block;position:relative}#app:after{content:"";z-index:1;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(120% 88% at 50% 42%,#0000 52%,#0c101c29 82%,#080b1666 100%),radial-gradient(140% 120% at 50% 0,#ffecc80f,#0000 45%);position:absolute;inset:0}#ui-root{z-index:2;position:relative}#renderer-error{z-index:4;inset-inline:0;text-align:center;color:#f3f5f4;max-width:22rem;font-family:var(--font-body,sans-serif);background:#111312d1;border-radius:14px;margin-inline:auto;padding:1rem 1.25rem;line-height:1.5;position:absolute;top:50%;transform:translateY(-50%)}#boot-loading{z-index:5;color:#f6f1df;background:#111312;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.boot-spinner{border:4px solid #f6f1df38;border-top-color:var(--c-gold,#f5ba49);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite boot-spin}.boot-label{font-family:var(--font-body,sans-serif);letter-spacing:.02em;margin:0;font-size:1rem}@keyframes boot-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.boot-spinner{animation:none}}#login-gate{z-index:6;color:#f6f1df;background:#111312;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.login-card{text-align:center;background:#f6f1df0f;border:1px solid #f6f1df24;border-radius:1.25rem;flex-direction:column;align-items:center;gap:.9rem;max-width:26rem;padding:2rem 2.2rem;display:flex}.login-title{font-family:var(--font-display,var(--font-body,sans-serif));color:var(--c-gold,#f5ba49);margin:0;font-size:1.7rem}.login-subtitle{font-family:var(--font-body,sans-serif);opacity:.9;margin:0;font-size:1rem}.login-error{font-family:var(--font-body,sans-serif);color:#ff9d8a;margin:0;font-size:.95rem}.login-buttons{flex-direction:column;gap:.6rem;width:100%;margin-top:.4rem;display:flex}.login-button{color:#1c1c1c;width:100%;font-family:var(--font-body,sans-serif);cursor:pointer;background:#f6f1dff0;border:1px solid #f6f1df40;border-radius:.75rem;justify-content:center;align-items:center;gap:.55rem;padding:.7rem 1rem;font-size:1.02rem;font-weight:600;transition:transform 80ms,background .15s;display:flex}.login-button:hover{background:#fff;transform:translateY(-1px)}.login-button-mark{color:#fff;background:#4285f4;border-radius:50%;justify-content:center;align-items:center;width:1.45rem;height:1.45rem;font-size:.9rem;font-weight:700;display:inline-flex}.login-button-mark--ms{background:#00a4ef;border-radius:.3rem}.join-label{text-align:start;width:100%;font-family:var(--font-body,sans-serif);opacity:.92;flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.join-input{color:#f6f1df;font:inherit;letter-spacing:.06em;background:#0a0b0a66;border:1px solid #f6f1df47;border-radius:.6rem;padding:.55rem .7rem;font-size:1rem}.login-offline-hint a{color:inherit;text-decoration:underline}.login-offline-hint{font-family:var(--font-body,sans-serif);opacity:.7;margin:.4rem 0 0;font-size:.85rem}#touch-controls{z-index:3;right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));left:max(18px, env(safe-area-inset-left));pointer-events:none;direction:ltr;justify-content:space-between;align-items:flex-end;display:none;position:absolute}#touch-stick{aspect-ratio:1;pointer-events:auto;touch-action:none;background:#11131285;border:1px solid #f6f1df47;border-radius:50%;width:clamp(96px,24vw,132px);position:relative}#touch-knob{aspect-ratio:1;background:var(--c-gold,#f5ba49);border-radius:50%;width:42%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 24px #f5ba4970}#dash-button{aspect-ratio:1;color:#111312;background:var(--c-teal,#48baa7);pointer-events:auto;touch-action:none;border:1px solid #f6f1df4d;border-radius:50%;width:clamp(74px,18vw,96px);font-weight:800}@media (pointer:coarse),(width<=760px){#touch-controls{display:flex}}.tutorial{z-index:60;pointer-events:none;position:fixed;inset:0}.tutorial-scrim{background:#06080780;animation:.2s ease-out tutorial-fade;position:absolute;inset:0}.tutorial-spotlight{border:2px solid var(--c-gold-bright);pointer-events:none;border-radius:16px;animation:1.8s ease-in-out infinite tutorial-pulse;position:fixed;box-shadow:0 0 0 3px #ffd07459,0 0 0 9999px #06080780}.tutorial-card{pointer-events:auto;border-radius:var(--r-lg);background:var(--panel-bg);border:1px solid var(--hairline);width:min(30rem,100vw - 2rem);box-shadow:var(--shadow-panel);color:var(--c-cream);padding:1.15rem 1.25rem 1rem;animation:.22s ease-out tutorial-rise;position:fixed}.tutorial-card--center{text-align:center;top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-card--bottom{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 6.5rem);transform:translate(-50%)}.tutorial-card__dots{justify-content:center;gap:.3rem;margin-bottom:.7rem;display:flex}.tutorial-dot{background:#f6f1df47;border-radius:50%;width:.42rem;height:.42rem}.tutorial-dot.is-done{background:var(--c-teal)}.tutorial-dot.is-active{background:var(--c-gold);transform:scale(1.25)}.tutorial-card__title{font-family:var(--font-display);color:var(--c-gold-bright);margin:0 0 .4rem;font-size:1.2rem;font-weight:700}.tutorial-card__body{margin:0 0 1rem;font-size:.98rem;line-height:1.5}.tutorial-card__actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.tutorial-card--center .tutorial-card__actions{justify-content:center}.tutorial-card__skip{border-radius:var(--r-pill);min-height:2.5rem;color:var(--c-cream);opacity:.7;font-family:var(--font-body);cursor:pointer;background:0 0;border:0;padding:.4rem .9rem;font-size:.9rem}.tutorial-card__skip:hover{opacity:1}.tutorial-card__next{border-radius:var(--r-pill);background:linear-gradient(180deg, var(--c-gold-bright), var(--c-gold));min-height:2.5rem;color:var(--c-ink);font-family:var(--font-display);cursor:pointer;border:0;padding:.5rem 1.4rem;font-size:1rem;font-weight:700}.tutorial-card__next:hover{filter:brightness(1.05)}.tutorial-card__hint{text-align:end;color:var(--c-teal-bright);flex:auto;font-size:.88rem;font-weight:600}.tutorial-card--center .tutorial-card__hint{text-align:center}.tutorial-card__continue{border:1px solid var(--hairline);border-radius:var(--r-pill);min-height:2.5rem;color:var(--c-cream);font-family:var(--font-display);cursor:pointer;background:#f6f1df0f;flex:none;padding:.45rem 1.05rem;font-size:.9rem;font-weight:600}.tutorial-card__continue:hover{background:#f6f1df24}@keyframes tutorial-fade{0%{opacity:0}}@keyframes tutorial-rise{0%{opacity:0;transform:translate(-50%)translateY(10px)}}.tutorial-card--center{animation-name:tutorial-rise-center}@keyframes tutorial-rise-center{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))}}@keyframes tutorial-pulse{50%{box-shadow:0 0 0 6px #ffd07433,0 0 0 9999px #06080780}}@media (prefers-reduced-motion:reduce){.tutorial-scrim,.tutorial-card,.tutorial-spotlight{animation:none}}#ui-root{pointer-events:none;z-index:10;position:absolute;inset:0}#ui-root button,#ui-root input{font-family:inherit}.hud{top:max(16px, env(safe-area-inset-top));align-items:center;gap:12px;display:flex;position:absolute;inset-inline-start:max(16px, env(safe-area-inset-left))}[dir=rtl] .hud{inset-inline-start:max(16px, env(safe-area-inset-right))}.hud-badge{border-radius:var(--r-md);border:1px solid var(--hairline);background:var(--glass-bg);box-shadow:var(--shadow-badge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:8px;padding:7px 13px;display:inline-flex}.hud-icon-level{color:var(--c-level)}.hud-icon-coin{color:var(--c-coin);flex:none}.hud-icon-xp{color:var(--c-xp);flex:none}.hud-level,.hud-coins{font-family:var(--font-display);font-size:1.15rem;line-height:1}.hud-level{color:var(--c-level)}.hud-coins{color:var(--c-cream)}.hud-knowledge{border-radius:var(--r-md);border:1px solid var(--hairline);background:var(--glass-bg);box-shadow:var(--shadow-badge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:var(--c-teal);pointer-events:auto;justify-content:center;align-items:center;padding:7px 12px;transition:transform .15s,border-color .15s;display:inline-flex}.hud-knowledge:hover{border-color:#48baa799;transform:translateY(-1px)}.hud-knowledge:focus-visible{outline:2px solid var(--c-teal);outline-offset:2px}.hud-icon-knowledge{color:var(--c-teal);flex:none}.hud-streak{border-radius:var(--r-pill);font-family:var(--font-display);color:var(--c-gold);background:#d94f353d;border:1px solid #f5ba4980;align-items:center;gap:6px;padding:8px 14px;font-weight:800;animation:.42s cubic-bezier(.2,.9,.3,1.4) streak-pop;display:inline-flex}.hud-streak svg{color:var(--c-loss)}.explore-hint{bottom:max(24px, env(safe-area-inset-bottom));border-radius:var(--r-pill);background:var(--glass-bg);color:#f6f1dfdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;border:1px solid #f6f1df33;max-width:90vw;padding:10px 18px;font-size:.85rem;position:absolute;left:50%;transform:translate(-50%)}.account-chip{top:max(16px, env(safe-area-inset-top));z-index:5;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;inset-inline-end:max(16px, env(safe-area-inset-right))}[dir=rtl] .account-chip{inset-inline-end:max(16px, env(safe-area-inset-left))}.account-toggle{border-radius:var(--r-pill);background:var(--glass-bg);color:#f6f1dfdb;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-overflow:ellipsis;white-space:nowrap;border:1px solid #f6f1df33;max-width:46vw;padding:6px 12px;font-size:.8rem;overflow:hidden}.account-email{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.account-body{background:var(--glass-bg);color:#f6f1dfe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #f6f1df33;border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.account-signout{border-radius:var(--r-pill);background:var(--c-teal);color:var(--c-ink);font:inherit;cursor:pointer;border:none;padding:6px 12px;font-size:.82rem;font-weight:700}.screenshot-mode .account-chip{display:none}.game-chip{top:calc(max(16px, env(safe-area-inset-top)) + 44px);z-index:5;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;inset-inline-end:max(16px, env(safe-area-inset-right))}[dir=rtl] .game-chip{inset-inline-end:max(16px, env(safe-area-inset-left))}.game-chip-toggle{border-radius:var(--r-pill);background:var(--glass-bg);border:1px solid var(--c-teal);color:#f6f1dfeb;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-overflow:ellipsis;white-space:nowrap;max-width:46vw;padding:6px 12px;font-size:.8rem;overflow:hidden}.game-chip-body{background:var(--glass-bg);color:#f6f1dfe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #f6f1df33;border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.game-chip-leave{border-radius:var(--r-pill);background:var(--c-teal);color:var(--c-ink);font:inherit;cursor:pointer;border:none;padding:6px 12px;font-size:.82rem;font-weight:700}.screenshot-mode .game-chip{display:none}.overlay{padding-bottom:max(32px, calc(env(safe-area-inset-bottom) + 24px));pointer-events:auto;background:radial-gradient(120% 80% at 50% 32%,#0a0b0a1f 0%,#0a0b0a47 55%,#0a0b0a80 100%);justify-content:center;align-items:flex-end;animation:.18s ease-out overlay-in;display:flex;position:absolute;inset:0}.panel{border-radius:var(--r-lg);background:var(--panel-bg);border:1px solid var(--hairline-soft);width:min(440px,90vw);box-shadow:var(--shadow-panel);text-align:center;padding:28px;animation:.22s cubic-bezier(.2,.9,.3,1.2) panel-in;position:relative;overflow:hidden}.panel:before{content:"";background:var(--panel-accent,var(--c-teal));height:4px;position:absolute;inset:0 0 auto}.encounter-panel{--panel-accent:linear-gradient(90deg, var(--c-teal), var(--c-teal-bright));box-shadow:var(--shadow-panel), 0 0 0 1px #48baa724, 0 0 60px #48baa724;border-color:#48baa766}.result-correct{--panel-accent:linear-gradient(90deg, var(--c-correct-deep), var(--c-correct));box-shadow:var(--shadow-panel), 0 0 70px #6fd67f33;border-color:#6fd67f80}.result-wrong{--panel-accent:linear-gradient(90deg, #b9863a, var(--c-amber));box-shadow:var(--shadow-panel), 0 0 70px #f5ba4929;border-color:#f5ba4980}.result-partial{--panel-accent:linear-gradient(90deg, var(--c-amber), var(--c-teal-bright));box-shadow:var(--shadow-panel), 0 0 70px #f5ba4929;border-color:#f5ba4980}.panel-tag{font-family:var(--font-display);letter-spacing:.12em;color:var(--c-teal-bright);text-transform:uppercase;margin-bottom:12px;font-size:.72rem;font-weight:700}.question-prompt{font-family:var(--font-display);color:var(--c-cream);margin:0 0 24px;font-size:2rem;font-weight:700}.numeric-answer{justify-content:center;gap:10px;display:flex}.numeric-input{width:150px;font-family:var(--font-display);letter-spacing:.02em;text-align:center;color:var(--c-cream);border-radius:var(--r-sm);appearance:textfield;background:#f6f1df14;border:1.5px solid #f6f1df47;padding:12px 16px;font-size:1.5rem;font-weight:700;transition:border-color .16s,box-shadow .16s,background .16s;box-shadow:inset 0 2px 6px #00000047}.numeric-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numeric-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.numeric-input::placeholder{color:#f6f1df66;font-weight:500}.numeric-input:focus{border-color:var(--c-teal-bright);background:#f6f1df1f;outline:none;box-shadow:inset 0 2px 6px #00000047,0 0 0 3px #48baa747,0 0 18px #48baa740}.choice-answer{grid-template-columns:1fr 1fr;gap:12px;display:grid}.text-answer{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.text-input{max-width:360px;font-family:var(--font-display);color:var(--c-cream);border-radius:var(--r-sm);background:#f6f1df14;border:1.5px solid #f6f1df47;flex:240px;padding:12px 16px;font-size:1.2rem;font-weight:600;transition:border-color .16s,box-shadow .16s,background .16s;box-shadow:inset 0 2px 6px #00000047}.text-input::placeholder{color:#f6f1df66;font-weight:500}.text-input:focus{border-color:var(--c-teal-bright);background:#f6f1df1f;outline:none;box-shadow:inset 0 2px 6px #00000047,0 0 0 3px #48baa747,0 0 18px #48baa740}.ordering-answer{flex-direction:column;gap:12px;display:flex}.ordering-list{flex-direction:column;gap:8px;margin:0;padding-inline-start:1.6em;list-style:decimal;display:flex}.ordering-item{border-radius:var(--r-sm);color:var(--c-cream);font-family:var(--font-display);background:#48baa71f;border:1px solid #48baa766;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:1.1rem;display:flex}.ordering-controls{flex:none;gap:6px;display:inline-flex}.ordering-move{color:var(--c-cream);background:#f6f1df14;border-color:#f6f1df47;padding:6px 12px;font-size:1.1rem}.selection-answer{flex-direction:column;gap:12px;display:flex}.selection-choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.btn-choice.is-selected{border-color:var(--c-teal-bright);background:#48baa773;box-shadow:0 0 0 2px #48baa766}.classification-answer{flex-direction:column;gap:12px;display:flex}.classification-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.classification-item{border-radius:var(--r-sm);background:#48baa71f;border:1px solid #48baa766;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.classification-label{color:var(--c-cream);font-family:var(--font-display);flex:auto;font-size:1.1rem}.classification-buckets{flex-wrap:wrap;flex:none;gap:8px;display:inline-flex}.classification-bucket{padding:8px 14px;font-size:1rem}.btn{border-radius:var(--r-sm);font-family:var(--font-display);cursor:pointer;border:1px solid #0000;padding:12px 18px;font-size:1rem;font-weight:700;transition:transform .1s,background .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn:focus-visible,.numeric-input:focus-visible{outline:2px solid var(--c-teal-bright);outline-offset:2px}.btn-primary{background:var(--c-gold);color:#1a1712}.btn-primary:hover{box-shadow:0 6px 20px #f5ba4959}.btn-choice{color:var(--c-cream);background:#48baa729;border-color:#48baa780;font-size:1.2rem}.btn-choice:hover{background:#48baa74d}.btn-icon{justify-content:center;align-items:center;padding:8px;line-height:0;display:inline-flex}.btn-speaker{color:var(--c-teal-bright);background:#48baa724;border-color:#48baa766;flex:none}.btn-speaker:hover{background:#48baa747}.prompt-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.npc-dialog-head .btn-speaker{align-self:flex-start;margin-inline-start:auto}.gate-title{justify-content:center;align-items:center;gap:8px;display:inline-flex}.shop-head .panel-tag{align-items:center;gap:8px;display:inline-flex}.result-explain .result-speak{vertical-align:middle;margin-inline-start:6px}.result-speed{color:var(--c-teal-bright);font-family:var(--font-display);margin:4px 0 0;font-weight:700}.gym-flawless{color:var(--c-gold);font-family:var(--font-display);letter-spacing:.02em;margin:2px 0 0;font-weight:800}.result-badge{justify-content:center;margin-bottom:6px;animation:.4s cubic-bezier(.2,.9,.3,1.5) badge-pop;display:flex}.result-correct .result-badge{color:var(--c-correct)}.result-wrong .result-badge{color:var(--c-amber)}.result-title{font-family:var(--font-display);margin:0 0 12px;font-size:1.8rem;font-weight:800}.result-correct .result-title{color:var(--c-correct)}.result-wrong .result-title,.result-partial .result-badge,.result-partial .result-title{color:var(--c-amber)}.result-score{color:var(--c-amber);font-family:var(--font-display);margin:0 0 12px;font-weight:700}.result-answer,.result-explain{color:#f6f1dfd1;margin:6px 0}.result-explain{color:#f6f1df9e;font-size:.9rem}.result-rewards{justify-content:center;gap:12px;margin:18px 0;display:flex}.reward{border-radius:var(--r-pill);font-family:var(--font-display);align-items:center;gap:6px;padding:8px 14px;font-weight:800;display:inline-flex}.reward-xp{color:var(--c-teal);background:#48baa733}.reward-coin{color:var(--c-gold);background:#f5ba4933}.reward-loss{color:#e08d7c;background:#d94f3533}.encounter-intro-overlay{padding-bottom:max(40px, calc(env(safe-area-inset-bottom) + 28px));pointer-events:auto;background:radial-gradient(130% 90% at 50% 20%,#0a0b0a00 0%,#0a0b0a47 62%,#0a0b0a94 100%);justify-content:center;align-items:flex-end;animation:.22s ease-out overlay-in;display:flex;position:absolute;inset:0}.encounter-intro-card{border-radius:var(--r-lg);background:var(--panel-bg);border:1px solid var(--band-edge,var(--hairline-soft));width:min(460px,92vw);box-shadow:var(--shadow-panel), 0 0 70px var(--band-glow,#48baa729);text-align:center;padding:26px 28px 24px;animation:.42s cubic-bezier(.16,.84,.3,1.12) encounter-intro-in;position:relative;overflow:hidden}.encounter-intro-card:before{content:"";background:var(--band-accent,linear-gradient(90deg, var(--c-teal), var(--c-teal-bright)));height:4px;position:absolute;inset:0 0 auto}.intro-band-calm{--band-accent:linear-gradient(90deg, var(--c-teal), var(--c-teal-bright));--band-edge:#48baa76b;--band-glow:#48baa72e;--band-key:var(--c-teal-bright)}.intro-band-spry{--band-accent:linear-gradient(90deg, var(--c-gold), var(--c-gold-bright));--band-edge:#f5ba4970;--band-glow:#f5ba492e;--band-key:var(--c-gold-bright)}.intro-band-fierce{--band-accent:linear-gradient(90deg, #d94f35, var(--c-amber));--band-edge:#d94f3575;--band-glow:#d94f3533;--band-key:#ff9d78}.intro-band-boss{--band-accent:linear-gradient(90deg, #7d5bd6, #b9a0ff);--band-edge:#7d5bd680;--band-glow:#7d5bd63d;--band-key:#cbb8ff}.encounter-intro-spark{color:var(--band-key,var(--c-teal-bright));filter:drop-shadow(0 0 10px var(--band-glow,#48baa780));margin-bottom:6px;animation:.5s cubic-bezier(.2,.9,.3,1.4) .1s both encounter-spark-pop;display:inline-flex}.encounter-intro-tagline{color:#f6f1dfb8;margin:0 0 6px;font-size:.92rem;font-style:italic}.encounter-intro-title{font-family:var(--font-display);color:var(--c-cream);margin:0 0 10px;font-size:1.7rem;font-weight:800;line-height:1.15}.encounter-intro-meta{justify-content:center;align-items:center;gap:10px;margin-bottom:12px;display:flex}.encounter-intro-level{font-family:var(--font-display);letter-spacing:.06em;color:var(--c-ink);background:var(--band-key,var(--c-teal-bright));border-radius:var(--r-pill);padding:3px 12px;font-size:.82rem;font-weight:700}.encounter-intro-region{color:#f6f1dfd1;font-size:.9rem}.encounter-intro-focus{color:var(--c-cream);margin:0 auto 4px;font-size:.94rem}.encounter-intro-drop{color:#f6f1df9e;margin:4px 0 0;font-size:.82rem}.encounter-intro-begin{min-width:160px;margin-top:20px}@keyframes encounter-intro-in{0%{opacity:0;transform:translateY(26px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes encounter-spark-pop{0%{opacity:0;transform:scale(.4)rotate(-25deg)}70%{transform:scale(1.18)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes panel-in{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes badge-pop{0%{opacity:0;transform:scale(.3)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes streak-pop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.overlay,.panel,.result-badge,.gym-result-badge,.hud-streak,.encounter-intro-overlay,.encounter-intro-card,.encounter-intro-spark{animation:none}.gym-hpbar-fill{transition:none}.btn:hover{transform:none}}@media (pointer:coarse),(width<=760px){.question-prompt{font-size:1.6rem}.hud{top:calc(max(16px, env(safe-area-inset-top)) + 58px);flex-wrap:wrap;gap:8px;max-width:calc(100vw - 24px)}}.question-hint{border-radius:var(--r-sm);color:#f6f1dfe6;background:#48baa724;border:1px solid #48baa759;margin:-8px 0 18px;padding:8px 14px;font-size:.92rem}.question-retry{border-radius:var(--r-sm);color:var(--c-gold);font-family:var(--font-display);background:#f5ba4929;border:1px solid #f5ba4973;margin:-8px 0 16px;padding:8px 14px;font-size:.92rem;font-weight:700}.question-retry-tries{opacity:.85;font-weight:400}.question-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.btn-hint{color:var(--c-teal-bright);background:0 0;border-color:#48baa78c;font-size:.9rem}.btn-hint:hover{background:#48baa724}.btn-choice.is-eliminated{opacity:.4;cursor:default;text-decoration:line-through}.encounter-panel--combat{--panel-accent:linear-gradient(90deg, var(--c-loss), var(--c-amber));box-shadow:var(--shadow-panel), 0 0 0 1px #d94f3524, 0 0 60px #d94f3524;border-color:#d94f3566}.combat-hud{border-radius:var(--r-sm);border:1px solid var(--hairline-soft);background:#11131280;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px 14px;display:flex}.hp-bar{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.hp-bar-label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#f6f1dfd1;font-size:.78rem;font-weight:700}.hp-bar-track{border-radius:var(--r-pill);background:#f6f1df1f;height:12px;position:relative;overflow:hidden}.hp-bar-fill{border-radius:var(--r-pill);transition:width .35s;position:absolute;inset-block:0;inset-inline-start:0}.hp-bar--foe .hp-bar-fill{background:linear-gradient(90deg, var(--c-loss), var(--c-amber))}.hp-bar--ally .hp-bar-fill{background:linear-gradient(90deg, var(--c-correct-deep), var(--c-correct))}.hp-bar-count{font-family:var(--font-display);color:var(--c-cream);text-align:end;min-width:3ch;font-size:.82rem;font-weight:700}.combat-status{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.combat-chip{border-radius:var(--r-pill);font-family:var(--font-display);border:1px solid #0000;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.combat-chip--shield{color:var(--c-teal-bright);background:#48baa729;border-color:#48baa766}.combat-chip--focus{color:var(--c-gold-bright);background:#ffd07429;border-color:#ffd07473}.combat-chip--telegraph{color:#ffb59f;background:#d94f3529;border-color:#d94f3573}.combat-chip--telegraph[data-move=charge]{animation:1.1s ease-in-out infinite telegraph-pulse}@keyframes telegraph-pulse{0%,to{opacity:1}50%{opacity:.55}}.combat-actions{margin-bottom:18px}.combat-actions-lead{color:#f6f1dfc7;margin:0 0 8px;font-size:.86rem}.combat-action-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.btn-action{font-family:var(--font-display);color:var(--c-cream);background:#f6f1df0f;border:1.5px solid #f6f1df38;padding:10px 6px;font-size:.9rem;font-weight:700}.btn-action:hover{border-color:#f6f1df66}.btn-action.is-selected{border-color:var(--c-gold);color:var(--c-gold-bright);background:#f5ba492e}.combat-action-hint{color:var(--c-teal-bright);margin:8px 0 0;font-size:.86rem}.combat-beat{border-radius:var(--r-sm);color:#f6f1dfeb;background:#48baa724;border:1px solid #48baa759;margin:0 0 16px;padding:8px 14px;font-size:.9rem}.result-bout{border-radius:var(--r-sm);font-family:var(--font-display);margin:4px 0 14px;padding:8px 14px;font-size:1rem;font-weight:700}.result-bout--won{color:var(--c-correct);background:#6fd67f29;border:1px solid #6fd67f73}.result-bout--lost{color:#ffb59f;background:#d94f3529;border:1px solid #d94f3573}@media (width<=460px){.combat-action-row{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.combat-chip--telegraph[data-move=charge]{animation:none}.hp-bar-fill{transition:none}}.shop-panel{--panel-accent:linear-gradient(90deg, var(--c-gold), var(--c-gold-bright));text-align:start;width:min(520px,92vw);box-shadow:var(--shadow-panel), 0 0 60px #f5ba4924;border-color:#f5ba4966}.shop-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.shop-greeting{color:#f6f1dfb8;margin:4px 0 0;font-size:.9rem}.shop-coins{border-radius:var(--r-pill);color:var(--c-gold);font-family:var(--font-display);background:#f5ba4933;border:1px solid #f5ba4966;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:1.05rem;font-weight:800;display:inline-flex}.shop-list{flex-direction:column;gap:10px;max-height:min(48vh,380px);margin:0 0 20px;padding:0;list-style:none;display:flex;overflow-y:auto}.shop-item{border-radius:var(--r-sm);border:1px solid var(--hairline);background:#f6f1df0f;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.shop-item-info{min-width:0}.shop-item-name{font-family:var(--font-display);color:var(--c-cream);align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.shop-owned{border-radius:var(--r-pill);color:var(--c-teal-bright);background:#48baa738;padding:1px 8px;font-size:.72rem;font-weight:700}.shop-item-desc{color:#f6f1dfa8;margin:4px 0 6px;font-size:.82rem}.shop-cat{border-radius:var(--r-pill);letter-spacing:.04em;text-transform:uppercase;color:#f6f1dfb3;background:#f6f1df1a;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-block}.shop-cat-reward-booster{color:var(--c-teal-bright);background:#48baa72e}.shop-cat-gym-key{color:var(--c-gold);background:#f5ba492e}.shop-item-actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.btn-buy{background:var(--c-gold);color:#1a1712;padding:9px 16px;font-size:.95rem}.btn-buy:hover{box-shadow:0 6px 20px #f5ba4959}.shop-price{align-items:center;gap:5px;display:inline-flex}.btn-equip{color:var(--c-teal-bright);background:0 0;border-color:#48baa78c;padding:7px 14px;font-size:.82rem}.btn-equip.is-equipped{background:var(--c-teal);border-color:var(--c-teal);color:var(--c-ink)}.shop-leave{width:100%}.gym-panel{--panel-accent:linear-gradient(90deg, #7d5bd6, #b9a0ff);text-align:start;width:min(520px,92vw);box-shadow:var(--shadow-panel), 0 0 60px #7b5bd629;border-color:#9370db66}.gym-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.gym-step{color:#f6f1dfb8;font-family:var(--font-display);margin:4px 0 0;font-size:.95rem;font-weight:700}.gym-lives{color:var(--c-loss);flex-shrink:0;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:inline-flex}.gym-hpbar{border-radius:var(--r-pill);border:1px solid var(--hairline-soft);background:#f6f1df1a;height:22px;margin-bottom:12px;position:relative;overflow:hidden}.gym-hpbar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--c-loss), #ff8f6f);height:100%;transition:width .4s cubic-bezier(.2,.9,.3,1)}.gym-hpbar-text{font-family:var(--font-display);color:var(--c-cream);text-shadow:0 1px 3px #0009;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:flex;position:absolute;inset:0}.gym-timer{border-radius:var(--r-pill);color:var(--c-gold);font-family:var(--font-display);background:#f5ba4929;align-items:center;gap:6px;margin:0 0 12px;padding:4px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.gym-feedback{border-radius:var(--r-sm);align-items:center;gap:6px;margin:0 0 12px;padding:8px 12px;font-size:.88rem;display:flex}.gym-feedback-correct{color:var(--c-correct);background:#6fd67f24}.gym-feedback-wrong{color:#e08d7c;background:#d94f3524}.gym-feedback-answer{color:#f6f1dfd1}.gym-subject{margin-bottom:10px}.gym-result{text-align:center}.gym-result-badge{justify-content:center;margin-bottom:6px;animation:.4s cubic-bezier(.2,.9,.3,1.5) badge-pop;display:flex}.gym-won .gym-result-badge{color:var(--c-correct)}.gym-lost .gym-result-badge{color:var(--c-amber)}.gym-result-title{font-family:var(--font-display);margin:0 0 10px;font-size:1.7rem;font-weight:800}.gym-won .gym-result-title{color:var(--c-correct)}.gym-lost .gym-result-title{color:var(--c-amber)}.gym-result-text{color:#f6f1dfd1;margin:0 0 8px}.gym-unlock{border-radius:var(--r-pill);color:#c7b3ff;font-family:var(--font-display);background:#7b5bd633;margin:4px 0 20px;padding:8px 14px;font-weight:700}.gym-leave{width:100%}.trainer-panel{--panel-accent:linear-gradient(90deg, #14b8a6, #5eead4);text-align:start;width:min(500px,92vw);box-shadow:var(--shadow-panel), 0 0 60px #14b8a629;border-color:#5eead466}.trainer-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:6px;display:flex}.trainer-name{color:#5eead4}.trainer-tagline{color:#f6f1dfd1;margin:6px 0 14px;font-size:.98rem;line-height:1.4}.trainer-reward{border-radius:var(--r-pill);color:var(--c-gold);font-family:var(--font-display);background:#f5ba4929;flex-shrink:0;align-items:center;gap:5px;padding:4px 12px;font-size:.9rem;font-weight:800;display:inline-flex}.trainer-subject{margin-bottom:10px}.trainer-back{width:100%;margin-top:14px}.trainer-result,.trainer-claimed{text-align:center}.trainer-result-badge{justify-content:center;margin-bottom:6px;animation:.4s cubic-bezier(.2,.9,.3,1.5) badge-pop;display:flex}.trainer-won .trainer-result-badge{color:var(--c-correct)}.trainer-lost .trainer-result-badge{color:var(--c-amber)}.trainer-result-title{font-family:var(--font-display);margin:0 0 10px;font-size:1.6rem;font-weight:800}.trainer-won .trainer-result-title{color:var(--c-correct)}.trainer-lost .trainer-result-title{color:var(--c-amber)}.trainer-result-text,.trainer-claimed-text{color:#f6f1dfd1;margin:0 0 8px}.trainer-answer{color:#f6f1dfd1;margin:0 0 6px}.trainer-explain{color:#f6f1dfb8;margin:0 0 10px;font-size:.92rem}.trainer-booster{border-radius:var(--r-pill);color:var(--c-gold);font-family:var(--font-display);background:#f5ba492e;margin:4px 0 16px;padding:6px 14px;font-weight:700}.trainer-claimed .trainer-claimed-text{margin:8px 0 20px}.trainer-leave{width:100%}.gate-panel{text-align:center;width:min(480px,92vw)}.gate-locked{--panel-accent:linear-gradient(90deg, #d94f35, #f5ba49);box-shadow:var(--shadow-panel), 0 0 60px #d94f3529;border-color:#d94f3566}.gate-open{--panel-accent:linear-gradient(90deg, #6fd67f, #b9a0ff);box-shadow:var(--shadow-panel), 0 0 60px #6fd67f29;border-color:#6fd67f66}.gate-badge{justify-content:center;margin-bottom:8px;animation:.4s cubic-bezier(.2,.9,.3,1.5) badge-pop;display:flex}.gate-badge-locked{font-size:2.6rem;line-height:1}.gate-badge-open{color:var(--c-correct)}.gate-title{font-family:var(--font-display);margin:0 0 10px;font-size:1.6rem;font-weight:800}.gate-locked .gate-title{color:var(--c-loss);letter-spacing:.08em}.gate-open .gate-title{color:var(--c-correct)}[dir=rtl] .gate-locked .gate-title{letter-spacing:normal}.gate-text{color:#f6f1dfd1;margin:0 0 16px;line-height:1.5}.gate-checklist-title{text-align:start;color:#f6f1dfb8;font-family:var(--font-display);margin:0 0 8px;font-size:.92rem;font-weight:700}.gate-checklist{text-align:start;flex-direction:column;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:flex}.gate-check{border-radius:var(--r-sm);border:1px solid var(--hairline-soft);background:#f6f1df0f;align-items:center;gap:10px;padding:8px 12px;display:flex}.gate-check.is-done{background:#6fd67f1a;border-color:#6fd67f47}.gate-check-mark{flex-shrink:0;display:flex}.gate-check.is-done .gate-check-mark{color:var(--c-correct)}.gate-check.is-remaining .gate-check-mark{color:#f6f1df99}.gate-check-label{flex:1}.gate-check.is-done .gate-check-label{color:#f6f1dfd1}.gate-check-progress{border-radius:var(--r-pill);color:var(--c-gold);font-family:var(--font-display);background:#f5ba4929;flex-shrink:0;padding:2px 8px;font-size:.8rem;font-weight:700}.gate-leave{width:100%}.gate-testout-hint{border-radius:var(--r-sm);color:#f6f1dfe6;background:#f5ba491a;border:1px solid #f5ba4947;margin:0 0 16px;padding:10px 14px;font-size:.95rem;line-height:1.45}.gate-testout{width:100%}.gate-actions{flex-direction:column;gap:.5rem;width:100%;display:flex}.gate-actions .btn{width:100%}.travel-curtain{z-index:60;background:radial-gradient(circle at 50% 42%,#16253c 0%,#0a1220 70%,#05070d 100%);place-items:center;animation:.32s forwards travel-curtain-in;display:grid;position:fixed;inset:0}.travel-curtain-inner{color:#e8f1ff;text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.travel-curtain-spinner{border:3px solid #e8f1ff40;border-top-color:#8fd0ff;border-radius:50%;width:2.75rem;height:2.75rem;animation:.9s linear infinite travel-curtain-spin}.travel-curtain-text{letter-spacing:.01em;text-shadow:0 1px 8px #0009;margin:0;font-size:1.15rem;font-weight:600}@keyframes travel-curtain-in{0%{opacity:0}to{opacity:1}}@keyframes travel-curtain-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.travel-curtain{opacity:1;animation:none}.travel-curtain-spinner{animation:none}}.ltr-num{direction:ltr;unicode-bidi:isolate}[dir=rtl] .hud-label,[dir=rtl] .panel-tag,[dir=rtl] .shop-cat{letter-spacing:normal;text-transform:none}[dir=rtl] .numeric-input,[dir=rtl] .recovery-code{letter-spacing:normal}.lang-toggle{top:max(12px, env(safe-area-inset-top));border-radius:var(--r-pill);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;z-index:6;border:1px solid #f6f1df33;gap:2px;padding:3px;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.lang-option{border-radius:var(--r-pill);color:#f6f1dfb3;min-width:40px;font:inherit;cursor:pointer;background:0 0;border:none;padding:5px 12px;font-size:.78rem;font-weight:700;transition:background .15s,color .15s}.lang-option:hover{color:var(--c-cream)}.lang-option.is-active{background:var(--c-teal);color:var(--c-ink)}.lang-option:focus-visible{outline:2px solid var(--c-teal-bright);outline-offset:2px}.screenshot-mode .lang-toggle,.screenshot-mode .minimap,.screenshot-mode .quest-banner,.screenshot-mode .presence-roster,.screenshot-mode .announcement-banner{display:none}.announcement-banner{z-index:60;padding:10px 16px;padding-top:max(10px, env(safe-area-inset-top));background:var(--glass-bg);border-bottom:1px solid var(--hairline);box-shadow:var(--shadow-badge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--c-cream);pointer-events:auto;align-items:center;gap:10px;font-size:.9rem;line-height:1.35;display:flex;position:absolute;top:0;left:0;right:0}.announcement-banner--info{border-top:3px solid var(--c-teal)}.announcement-banner--warn{border-top:3px solid var(--c-gold)}.announcement-banner__dot{border-radius:50%;flex:none;width:9px;height:9px}.announcement-banner--info .announcement-banner__dot{background:var(--c-teal-bright);box-shadow:0 0 10px #48baa799}.announcement-banner--warn .announcement-banner__dot{background:var(--c-gold-bright);box-shadow:0 0 10px #f5ba4999}.announcement-banner__text{flex:auto;min-width:0}.announcement-banner__dismiss{width:28px;height:28px;color:var(--c-cream);opacity:.7;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;font-size:.9rem}.announcement-banner__dismiss:hover{opacity:1;background:#f6f1df1f}.announcement-banner__dismiss:focus-visible{outline:2px solid var(--c-teal-bright);outline-offset:2px}.has-announcement .quest-banner{top:calc(max(16px, env(safe-area-inset-top)) + 44px)}.region-map-ground{fill:#18281ee6}.region-map-route{fill:#9684606b}.region-map-grass{fill:#48966080}.region-poi{stroke:#111312d9;stroke-width:1.2px}.region-poi-grass{fill:var(--c-teal)}.region-poi-shop{fill:var(--c-gold)}.region-poi-gym{fill:var(--c-loss)}.region-poi-route{fill:var(--c-cream)}.region-poi.is-active{stroke:var(--c-cream);stroke-width:1.8px;animation:1.4s ease-in-out infinite poi-pulse}.region-poi-halo{fill:#f6efdd47;stroke:#f6efdd99;stroke-width:.8px;animation:1.4s ease-in-out infinite poi-pulse}@keyframes poi-pulse{0%,to{opacity:1}50%{opacity:.55}}.region-map-player path{fill:var(--c-teal-bright);stroke:var(--c-ink);stroke-width:1.2px;stroke-linejoin:round}.region-map-player-halo{fill:#6fe0cd38;stroke:#6fe0cd80;stroke-width:1px}.minimap{bottom:max(20px, env(safe-area-inset-bottom));border-radius:var(--r-md);background:var(--glass-bg);border:1px solid var(--hairline);width:148px;height:148px;box-shadow:var(--shadow-badge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;cursor:pointer;padding:6px;position:absolute;inset-inline-end:max(16px, env(safe-area-inset-right));overflow:hidden}[dir=rtl] .minimap{inset-inline-end:max(16px, env(safe-area-inset-left))}.minimap:hover{border-color:var(--c-teal)}.minimap:focus-visible{outline:2px solid var(--c-teal-bright);outline-offset:2px}.minimap-svg{border-radius:var(--r-sm);width:100%;height:100%;display:block}.minimap-north{font-family:var(--font-display);color:var(--c-cream);text-shadow:0 1px 3px #000000b3;pointer-events:none;font-size:.7rem;font-weight:700;position:absolute;top:8px;left:50%;transform:translate(-50%)}@media (pointer:coarse),(width<=760px){.minimap,.explore-hint{display:none}}.presence-roster{top:calc(max(16px, env(safe-area-inset-top)) + 68px);pointer-events:auto;flex-direction:column;align-items:flex-start;gap:6px;max-width:min(240px,42vw);display:flex;position:absolute;inset-inline-start:max(16px, env(safe-area-inset-left))}[dir=rtl] .presence-roster{inset-inline-start:max(16px, env(safe-area-inset-right))}.presence-bar{align-items:stretch;gap:6px;display:flex}.presence-count,.presence-emote-toggle{border-radius:var(--r-md);background:var(--glass-bg);border:1px solid var(--hairline);height:34px;box-shadow:var(--shadow-badge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--c-cream);font-family:var(--font-display);cursor:pointer;align-items:center;gap:8px;padding:0 12px;font-size:.82rem;font-weight:600;display:inline-flex}.presence-emote-toggle{padding:0 10px;font-size:1rem}.presence-count:disabled{cursor:default;opacity:.85}.presence-count:not(:disabled):hover,.presence-emote-toggle:hover{border-color:var(--c-teal)}.presence-count:focus-visible,.presence-emote-toggle:focus-visible,.presence-emote:focus-visible{outline:2px solid var(--c-teal-bright);outline-offset:2px}.presence-dot{background:var(--c-teal-bright,#7ee0cd);border-radius:50%;width:9px;height:9px;animation:1.8s ease-in-out infinite presence-pulse;box-shadow:0 0 0 2px #7ec8e359}@keyframes presence-pulse{0%,to{opacity:1}50%{opacity:.5}}.presence-count-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.presence-list{border-radius:var(--r-md);background:var(--glass-bg);border:1px solid var(--hairline);box-shadow:var(--shadow-badge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;gap:6px;width:100%;max-height:40vh;margin:0;padding:8px 10px;list-style:none;display:flex;overflow-y:auto}.presence-list-item{color:var(--c-cream);align-items:center;gap:8px;font-size:.82rem;display:flex}.presence-list-dot{background:#7ec8e3;border-radius:50%;flex:none;width:7px;height:7px}.presence-list-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.presence-emotes{border-radius:var(--r-md);background:var(--glass-bg);border:1px solid var(--hairline);box-shadow:var(--shadow-badge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:6px;padding:6px;display:flex}.presence-emote{border-radius:var(--r-sm);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.15rem;transition:background .12s,border-color .12s;display:inline-flex}.presence-emote:hover{border-color:var(--c-teal);background:#7ec8e32e}.region-map-peer circle{filter:drop-shadow(0 1px 1.5px #0006)}@media (pointer:coarse),(width<=760px){.presence-roster{top:calc(max(16px, env(safe-area-inset-top)) + 120px);max-width:46vw}}.quest-banner{top:max(16px, env(safe-area-inset-top));border-radius:var(--r-pill);background:var(--glass-bg);border:1px solid var(--hairline);max-width:90vw;box-shadow:var(--shadow-badge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--c-cream);font:inherit;pointer-events:auto;cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.quest-banner:hover{border-color:var(--c-teal)}.quest-banner:focus-visible{outline:2px solid var(--c-teal-bright);outline-offset:2px}.quest-banner-icon{color:var(--c-gold-bright);display:inline-flex}.quest-banner-text{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.remediation-banner{bottom:max(24px, env(safe-area-inset-bottom));border-radius:var(--r-card,16px);background:var(--glass-bg);border:1px solid var(--hairline);border-inline-start:3px solid var(--c-gold);max-width:min(460px,92vw);box-shadow:var(--shadow-badge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--c-cream);pointer-events:auto;align-items:center;gap:12px;padding:12px 16px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.remediation-banner-icon{color:var(--c-gold-bright);flex:none;display:inline-flex}.remediation-banner-body{flex:auto;min-width:0}.remediation-banner-title{margin:0 0 2px;font-size:.95rem;font-weight:700}.remediation-banner-text{color:#f6f1dfdb;margin:0;font-size:.85rem;line-height:1.35}.remediation-banner-cta{border-radius:var(--r-pill);background:var(--c-gold);color:var(--c-ink);font:inherit;cursor:pointer;border:0;flex:none;padding:8px 16px;font-size:.85rem;font-weight:700}.remediation-banner-cta:hover{background:var(--c-gold-bright)}.remediation-banner-cta:focus-visible{outline:2px solid var(--c-gold-bright);outline-offset:2px}@media (pointer:coarse),(width<=760px){.remediation-banner{max-width:min(300px,74vw);bottom:max(140px, calc(env(safe-area-inset-bottom) + 132px));flex-direction:column;align-items:stretch;gap:8px}.remediation-banner-icon{align-self:flex-start}.remediation-banner-cta{width:100%}}.map-overlay{align-items:center;padding-bottom:0}.map-panel{text-align:start;width:min(560px,92vw)}.map-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.map-title{font-family:var(--font-display);color:var(--c-cream);margin:0;font-size:1.3rem}.map-tabs{gap:6px;display:flex}.map-tab{border-radius:var(--r-pill);border:1px solid var(--hairline);color:#f6f1dfb3;cursor:pointer;background:0 0;padding:6px 14px;font-size:.85rem}.map-tab.is-active{background:var(--c-teal);border-color:var(--c-teal);color:var(--c-ink);font-weight:700}.map-tab:focus-visible{outline:2px solid var(--c-teal-bright);outline-offset:2px}.map-canvas{border-radius:var(--r-md);border:1px solid var(--hairline-soft);overflow:hidden}.map-world svg,.map-city .city-map-svg{aspect-ratio:1;background:#0c100ecc;width:100%;height:auto;display:block}.world-land{fill:#3a5c3fe6;stroke:#14221899;stroke-width:.6px}.world-edge{stroke:#d6b470d9;stroke-width:1.8px;stroke-linecap:round}.world-bridge.is-locked .world-edge{stroke:#f6f1df47;stroke-dasharray:3 3}.world-bridge-glyph{fill:#f6f1dfd9;stroke:var(--c-ink);stroke-width:.8px}.world-bridge.is-locked .world-bridge-glyph{fill:#f6f1df59}.world-route-label{fill:#f6f1dfd9;paint-order:stroke;stroke:#0b2d47e6;stroke-width:.7px;font-size:2.7px;font-weight:600}.world-here-ring{fill:none;stroke:var(--c-gold);stroke-width:1.2px;opacity:.9;transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out infinite world-here-pulse}.world-here-label{fill:var(--c-gold);font-size:3px;font-weight:700}@keyframes world-here-pulse{0%,to{opacity:.85;transform:scale(.82)}50%{opacity:.25;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.world-here-ring{animation:none}}.world-node circle{fill:var(--c-teal);stroke:var(--c-ink);stroke-width:1.4px}.world-node.is-locked circle{fill:#f6f1df47}.world-node.is-current circle{fill:var(--c-gold);stroke:var(--c-cream);stroke-width:2px}.world-node-label{fill:var(--c-cream);font-size:3.6px;font-weight:600}.world-node.is-locked .world-node-label{fill:#f6f1df73}.map-legend{color:#f6f1dfd1;flex-wrap:wrap;gap:8px 16px;margin:14px 0 0;padding:0;font-size:.82rem;list-style:none;display:flex}.map-legend-item{align-items:center;gap:6px;display:flex}.region-poi-swatch{border:1px solid #11131299;border-radius:50%;width:12px;height:12px;display:inline-block}.region-poi-swatch.region-poi-grass{background:var(--c-teal)}.region-poi-swatch.region-poi-shop{background:var(--c-gold)}.region-poi-swatch.region-poi-gym{background:var(--c-loss)}.region-poi-swatch.region-poi-route{background:var(--c-cream)}.map-here{color:#f6f1dfd9;align-items:center;gap:8px;margin:0 0 10px;font-size:.9rem;display:flex}.map-here strong{color:var(--c-gold)}.map-here-pin{background:var(--c-gold);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #d6b47047}.map-empty{text-align:center;color:#f6f1dfb3;padding:40px 0}.map-close{width:100%;margin-top:18px}.quest-banner-nav{border-inline-start:1px solid var(--hairline);direction:ltr;flex-shrink:0;align-items:center;gap:6px;margin-inline-start:2px;padding-inline-start:10px;display:inline-flex}.quest-banner-arrow{color:var(--c-teal-bright);transform-origin:50%;display:inline-flex}.quest-banner-distance{font-family:var(--font-display);color:var(--c-gold-bright);white-space:nowrap;font-size:.82rem;font-weight:700}.map-objectives{flex-direction:column;gap:18px;padding:4px 2px;display:flex}.objectives-group{flex-direction:column;gap:8px;display:flex}.objectives-heading{font-family:var(--font-display);color:#f6f1dfb8;margin:0;font-size:.95rem;font-weight:700}.objectives-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.objective-row{border-radius:var(--r-sm);border:1px solid var(--hairline-soft);background:#f6f1df0f;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.objective-row.is-completed{background:#6fd67f1a;border-color:#6fd67f47}.objective-row.is-active{background:#f5ba491a;border-color:#f5ba494d}.objective-row.is-locked{opacity:.55}.objective-mark{color:#f6f1df99;flex-shrink:0;margin-top:1px;display:flex}.objective-row.is-completed .objective-mark{color:var(--c-correct)}.objective-row.is-active .objective-mark{color:var(--c-gold-bright)}.objective-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.objective-title{font-family:var(--font-display);color:var(--c-cream);font-weight:700}.objective-desc{color:#f6f1dfb3;font-size:.85rem;line-height:1.35}.objective-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.objective-status{font-family:var(--font-display);color:#f6f1df99;font-size:.75rem;font-weight:700}.objective-status.is-completed{color:var(--c-correct)}.objective-status.is-active{color:var(--c-gold-bright)}.objective-progress{border-radius:var(--r-pill);color:var(--c-gold);font-family:var(--font-display);background:#f5ba4929;padding:2px 8px;font-size:.78rem;font-weight:700}.npc-dialog{text-align:start;width:min(460px,92vw)}.npc-dialog-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.npc-dialog-avatar{width:44px;height:44px;font-family:var(--font-display);color:var(--c-teal-bright);background:#48baa733;border:1px solid #48baa780;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;font-weight:800;display:flex}.npc-dialog-heading{flex-direction:column;gap:2px;min-width:0;display:flex}.npc-dialog-name{font-family:var(--font-display);color:var(--c-cream);font-size:1.2rem;font-weight:800}.npc-dialog-quest{color:#f6f1dfb8;align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.npc-dialog-optional{border-radius:var(--r-pill);font-family:var(--font-display);color:#c9b8ff;background:#b9a0ff29;border:1px solid #b9a0ff66;padding:1px 8px;font-size:.68rem;font-weight:700}.npc-dialog-line{color:#f6f1dfe6;margin:0 0 14px;line-height:1.55}.npc-dialog-progress{border-radius:var(--r-pill);color:var(--c-gold);font-family:var(--font-display);background:#f5ba4929;margin:0 0 12px;padding:2px 10px;font-size:.85rem;font-weight:700;display:inline-block}.npc-dialog-reward{border-radius:var(--r-sm);border:1px solid var(--hairline-soft);font-family:var(--font-display);color:var(--c-gold-bright);background:#f6f1df0f;flex-wrap:wrap;gap:8px 14px;margin:0 0 12px;padding:10px 12px;font-size:.85rem;font-weight:700;list-style:none;display:flex}.npc-dialog-notice{border-radius:var(--r-sm);color:#f6f1dfe6;background:#d94f351f;border:1px solid #d94f3559;margin:0 0 12px;padding:8px 12px;font-size:.9rem}.npc-dialog-actions{gap:10px;display:flex}.npc-dialog-actions .btn{flex:1}.btn-ghost{border-color:var(--hairline);color:var(--c-cream);background:#f6f1df14}.btn-ghost:hover{background:#f6f1df29}.hud-face{border:2px solid var(--c-gold);background:radial-gradient(circle at 50% 30%, #48baa747, var(--glass-bg));width:56px;height:56px;box-shadow:var(--shadow-badge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;pointer-events:auto;border-radius:50%;place-items:center;padding:0;transition:transform .12s,box-shadow .15s,border-color .15s;display:grid;position:relative;overflow:visible}.hud-face:hover{border-color:var(--c-gold-bright);box-shadow:var(--shadow-badge), 0 0 18px #f5ba4966;transform:translateY(-1px)}.hud-face:focus-visible{outline:2px solid var(--c-teal-bright);outline-offset:3px}.hud-face-portrait{background:#0c100e66;border-radius:50%;width:44px;height:44px;display:block;overflow:hidden}.hud-face-portrait svg{display:block}.hud-face-img{object-fit:cover;object-position:center 22%;width:100%;height:100%;display:block}.knowledge-overlay{align-items:center;padding-bottom:0}.knowledge-panel{text-align:start;--panel-accent:linear-gradient(90deg, var(--c-teal), var(--c-gold));width:min(560px,94vw);max-height:88vh;overflow-y:auto}.knowledge-head{align-items:center;gap:14px;margin-bottom:6px;display:flex}.knowledge-head-icon{width:46px;height:46px;color:var(--c-teal);background:radial-gradient(circle at 50% 35%,#48baa74d,#48baa714);border:1px solid #48baa766;border-radius:50%;flex:none;place-items:center;display:grid}.knowledge-head-text{flex-direction:column;gap:2px;display:flex}.knowledge-title{font-family:var(--font-display);color:var(--c-cream);margin:0;font-size:1.3rem}.knowledge-subtitle{color:#f6f1dfb3;margin:0;font-size:.9rem}.knowledge-summary{font-family:var(--font-display);color:var(--c-gold);margin:14px 0 12px;font-size:.95rem}.knowledge-empty{color:#f6f1dfcc;margin:22px 0;line-height:1.5}.knowledge-list{flex-direction:column;gap:8px;margin:0 0 20px;padding:0;list-style:none;display:flex}.knowledge-row{border-radius:var(--r-md);border:1px solid var(--hairline);background:#f6f1df0a;align-items:center;gap:12px;padding:11px 14px;display:flex}.knowledge-skill-name{min-width:0;color:var(--c-cream);flex:auto;font-size:.98rem}.knowledge-ladder{flex:none;gap:4px;display:inline-flex}.knowledge-pip{border-radius:var(--r-pill);background:#f6f1df29;width:12px;height:6px}.knowledge-pip.is-filled{background:linear-gradient(90deg, var(--c-teal), var(--c-gold));box-shadow:0 0 8px #48baa773}.knowledge-chip{text-align:center;border-radius:var(--r-pill);min-width:84px;font-family:var(--font-display);color:#f6f1dfb3;background:#f6f1df1a;flex:none;padding:4px 10px;font-size:.76rem;font-weight:700}.knowledge-chip--familiar{color:var(--c-teal);background:#48baa729}.knowledge-chip--practicing{color:var(--c-teal-bright,var(--c-teal));background:#48baa73d}.knowledge-chip--proficient{color:var(--c-gold);background:#f5ba4933}.knowledge-chip--mastered{color:var(--c-gold-bright,var(--c-gold));background:#f5ba4957}.knowledge-group{list-style:none}.knowledge-group-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.knowledge-subject{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:#f6f1df8c;margin:6px 0 8px;font-size:.78rem;font-weight:700;display:block}.knowledge-chip--learning,.knowledge-chip--understands{color:var(--c-teal);background:#48baa729}.knowledge-chip--known,.knowledge-chip--applies{color:var(--c-gold);background:#f5ba4933}.knowledge-chip--retained,.knowledge-chip--transfers{color:var(--c-gold-bright,var(--c-gold));background:#f5ba4957}.knowledge-close{width:100%}[dir=rtl] .knowledge-pip.is-filled{background:linear-gradient(270deg, var(--c-teal), var(--c-gold))}.inventory-overlay{align-items:center;padding-bottom:0}.inventory-panel{text-align:start;--panel-accent:linear-gradient(90deg, var(--c-gold), var(--c-teal));width:min(620px,94vw);max-height:88vh;overflow-y:auto}.inventory-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.inventory-title{font-family:var(--font-display);color:var(--c-cream);margin:0;font-size:1.3rem}.inventory-tabs{gap:6px;display:flex}.inventory-tab{border-radius:var(--r-pill);border:1px solid var(--hairline);color:#f6f1dfb3;cursor:pointer;background:0 0;padding:6px 14px;font-size:.85rem}.inventory-tab.is-active{background:var(--c-teal);border-color:var(--c-teal);color:var(--c-ink);font-weight:700}.inventory-tab:focus-visible{outline:2px solid var(--c-teal-bright);outline-offset:2px}.inventory-looks{grid-template-columns:minmax(150px,200px) 1fr;align-items:start;gap:20px;display:grid}.doll-column{flex-direction:column;gap:14px;display:flex}.doll-preview{border-radius:var(--r-md);border:1px solid var(--hairline-soft);background:radial-gradient(90% 70% at 50% 34%,#48baa72e,#0c100eb3);place-items:center;padding:14px;display:grid}.doll-preview svg{filter:drop-shadow(0 6px 14px #00000059)}.doll-preview-img{filter:drop-shadow(0 6px 14px #00000059);width:100%;height:auto;display:block}.doll-slots{grid-template-columns:1fr 1fr;gap:10px;display:grid}.doll-slot{border-radius:var(--r-md);border:1.5px dashed var(--hairline);background:#f6f1df0d;flex-direction:column;align-items:center;gap:6px;min-height:84px;padding:10px 8px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.doll-slot.is-filled{background:#f5ba4914;border-style:solid;border-color:#f5ba4980}.doll-slot.is-over{border-color:var(--c-teal-bright);background:#48baa72e;box-shadow:0 0 0 2px #48baa766,0 0 18px #48baa74d}.doll-slot-label{letter-spacing:.08em;text-transform:uppercase;color:#f6f1df99;font-size:.62rem}.doll-slot-empty{border:1.5px dashed var(--hairline-soft);opacity:.5;border-radius:50%;width:36px;height:36px}.looks-controls{flex-direction:column;gap:16px;display:flex}.inventory-grid{border-radius:var(--r-md);border:1px solid var(--hairline-soft);background:#0c100e66;padding:12px;transition:border-color .15s,background .15s}.inventory-grid.is-over{border-color:var(--c-teal-bright);background:#48baa71f}.inventory-grid-heading,.recolor-heading{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#f6f1dfb3;margin:0 0 10px;font-size:.78rem}.inventory-grid-cells{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;display:grid}.inventory-empty{color:#f6f1df8c;margin:4px 0;font-size:.88rem}.inventory-item{border-radius:var(--r-sm);border:1px solid var(--hairline);color:var(--c-cream);cursor:grab;touch-action:none;background:#f6f1df0f;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;transition:transform .1s,background .15s,box-shadow .15s,border-color .15s;display:flex}.inventory-item:hover{background:#f5ba491a;border-color:#f5ba4980;transform:translateY(-1px)}.inventory-item:focus-visible{outline:2px solid var(--c-teal-bright);outline-offset:2px}.inventory-item.is-dragging{opacity:.35}.inventory-item svg{color:var(--c-gold)}.inventory-item-name{text-align:center;color:#f6f1dfdb;font-size:.72rem;line-height:1.1}.inventory-item-slot{gap:2px;padding:4px}.inventory-item-slot .inventory-item-name{display:none}.inventory-item.is-dragging+*,.overlay .inventory-item.is-dragging{cursor:grabbing}.recolor-rows{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:4px 20px;display:grid}.recolor-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.recolor-label{color:#f6f1dfb3;flex:none;width:88px;font-size:.78rem;line-height:1.15}.recolor-swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{cursor:pointer;border:2px solid #f6f1df40;border-radius:50%;width:26px;height:26px;padding:0;transition:transform .1s,border-color .12s,box-shadow .12s}.swatch:hover{transform:scale(1.08)}.swatch.is-active{border-color:var(--c-cream);box-shadow:0 0 0 2px var(--c-gold), 0 2px 8px #00000059}.swatch:focus-visible{outline:2px solid var(--c-teal-bright);outline-offset:2px}.body-picker{margin-top:6px}.body-picker-options{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.body-option{color:#f6f1dfd1;cursor:pointer;background:#f6f1df0f;border:2px solid #f6f1df40;border-radius:999px;padding:6px 12px;font-size:.8rem;transition:transform .1s,border-color .12s,background .12s,box-shadow .12s}.body-option:hover{background:#f6f1df1f;transform:translateY(-1px)}.body-option.is-active{border-color:var(--c-cream);color:var(--c-cream);box-shadow:0 0 0 2px var(--c-gold), 0 2px 8px #00000059;background:#d6ae5a38}.body-option:focus-visible{outline:2px solid var(--c-teal-bright);outline-offset:2px}.inventory-name{border-color:var(--hairline);color:var(--c-cream);background:#f6f1df14;align-self:flex-start;align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.inventory-name svg{color:var(--c-teal-bright)}.inventory-name-current{color:var(--c-gold);font-weight:800}.inventory-close{width:100%;margin-top:20px}.inventory-install{align-self:stretch}.inventory-install-btn{border-color:var(--hairline);color:var(--c-cream);background:#f6f1df14;align-self:flex-start;align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.inventory-install-hint{color:#f6f1dfbf;margin:8px 0 0;font-size:.82rem;line-height:1.45}.save-data{border-radius:var(--r-md);border:1px solid var(--hairline-soft);background:#0c100e66;margin-top:4px;padding:12px}.save-data-heading{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#f6f1dfb3;margin:0 0 6px;font-size:.78rem}.save-data-note{color:#f6f1df8c;margin:0 0 10px;font-size:.8rem;line-height:1.35}.save-data-actions{flex-wrap:wrap;gap:8px;display:flex}.save-data-btn{border-color:var(--hairline);min-height:44px;color:var(--c-cream);background:#f6f1df14;flex:auto;font-size:.85rem}.save-data-reset{color:var(--c-gold)}.save-data-error{color:#f2a3a3;margin:10px 0 0;font-size:.82rem}.collection-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.collection-item{border-radius:var(--r-md);border:1px solid var(--hairline-soft);background:#f6f1df0d;align-items:center;gap:12px;padding:12px 14px;display:flex}.collection-icon{border-radius:var(--r-sm);width:44px;height:44px;color:var(--c-gold);background:#f5ba491f;flex:none;place-items:center;display:grid}.collection-body{flex-direction:column;flex:1;gap:2px;display:flex}.collection-name{font-family:var(--font-display);color:var(--c-cream);font-weight:700}.collection-cat{letter-spacing:.06em;text-transform:uppercase;color:#f6f1df99;font-size:.72rem}.collection-qty{font-family:var(--font-display);color:var(--c-gold);font-weight:800}.inventory-collection-empty{text-align:center;padding:24px 12px}.result-drop{border-radius:var(--r-pill);color:var(--c-correct);font-family:var(--font-display);background:#6fd67f29;border:1px solid #6fd67f80;align-items:center;gap:8px;margin:12px auto 0;padding:8px 16px;font-weight:700;animation:.42s cubic-bezier(.2,.9,.3,1.4) streak-pop;display:inline-flex}.result-drop-icon{color:var(--c-gold);place-items:center;display:inline-grid}.name-overlay{align-items:center;padding-bottom:0}.name-panel{--panel-accent:linear-gradient(90deg, var(--c-teal), var(--c-gold));width:min(400px,92vw)}.name-title{font-family:var(--font-display);color:var(--c-cream);margin:0 0 6px;font-size:1.3rem}.name-hint{color:#f6f1dfb8;margin:0 0 16px;font-size:.9rem}.name-input{width:100%;font-family:var(--font-display);text-align:center;color:var(--c-cream);border-radius:var(--r-sm);background:#f6f1df14;border:1.5px solid #f6f1df47;padding:12px 16px;font-size:1.25rem;font-weight:700;transition:border-color .16s,box-shadow .16s;box-shadow:inset 0 2px 6px #00000047}.name-input:focus{border-color:var(--c-teal-bright);outline:none;box-shadow:inset 0 2px 6px #00000047,0 0 0 3px #48baa747}.name-error{color:var(--c-loss);margin:10px 0 0;font-size:.86rem}.name-actions{gap:10px;margin-top:18px;display:flex}.name-actions .btn{flex:1}.name-actions .btn:not(.btn-primary){border-color:var(--hairline);color:var(--c-cream);background:#f6f1df14}@media (pointer:coarse),(width<=760px){.inventory-looks{grid-template-columns:1fr}.doll-column{flex-direction:row;align-items:center}.doll-preview{flex:none;width:140px}.doll-slots{flex:1}.inventory-grid-cells{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}}.presence-pvp-toggle{border-radius:var(--r-md);background:var(--glass-bg);border:1px solid var(--hairline);height:34px;box-shadow:var(--shadow-badge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--c-cream);font-family:var(--font-display);cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-size:.82rem;font-weight:600;display:inline-flex}.presence-pvp-toggle:hover{border-color:#fb7185}.presence-pvp-toggle:focus-visible{outline-offset:2px;outline:2px solid #fb7185}.presence-pvp-toggle.pvp-on{color:#ffd9df;background:#fb718538;border-color:#fb7185b3}.presence-pvp-label{font-size:.78rem}.pvp-panel{--panel-accent:linear-gradient(90deg, #e05a72, #fb7185);box-shadow:var(--shadow-panel), 0 0 60px #fb718529;border-color:#fb718573}.pvp-head{margin-bottom:18px}.pvp-tag{color:#fb7185}.pvp-title{font-family:var(--font-display);color:var(--c-cream);margin:0 0 6px;font-size:1.5rem;font-weight:700}.pvp-subtitle{color:var(--c-muted,#b8c0bd);margin:0;font-size:.92rem;line-height:1.4}.pvp-wager{justify-content:center;align-items:center;gap:18px;margin:8px 0 14px;display:flex}.pvp-step{border:1px solid var(--hairline);background:var(--glass-bg);width:48px;height:48px;color:var(--c-cream);cursor:pointer;border-radius:50%;font-size:1.6rem;font-weight:700;line-height:1}.pvp-step:not(:disabled):hover{border-color:#fb7185}.pvp-step:focus-visible{outline-offset:2px;outline:2px solid #fb7185}.pvp-step:disabled{opacity:.4;cursor:default}.pvp-wager-amount{min-width:96px;font-family:var(--font-display);color:var(--c-gold);align-items:center;gap:8px;font-size:2rem;font-weight:800;display:inline-flex}.pvp-wager-compare{color:var(--c-muted,#b8c0bd);justify-content:center;gap:20px;margin-bottom:10px;font-size:.85rem;display:flex}.pvp-status{min-height:1.3em;margin:4px 0 14px;font-size:.92rem;font-weight:600}.pvp-status-warn{color:var(--c-amber,#f5ba49)}.pvp-status-wait{color:var(--c-teal-bright,#7ee0cd)}.pvp-status-ok{color:var(--c-correct,#6fd67f)}.pvp-actions{flex-direction:column;gap:10px;display:flex}.pvp-scoreboard{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.pvp-score-side{flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;display:flex}.pvp-score-name{color:var(--c-muted,#b8c0bd);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.8rem;overflow:hidden}.pvp-score-num{font-family:var(--font-display);color:var(--c-cream);font-size:2.4rem;font-weight:800;line-height:1}.pvp-score-you .pvp-score-num{color:#7ee0cd}.pvp-score-opp .pvp-score-num{color:#fb7185}.pvp-score-sep{letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted,#b8c0bd);white-space:nowrap;font-size:.72rem;font-weight:700}.pvp-round-banner{border-radius:var(--r-md);margin:0 0 14px;padding:8px 12px;font-size:.95rem;font-weight:700;animation:.18s ease-out overlay-in}.pvp-round-you{color:#7ee0cd;background:#7ee0cd2e}.pvp-round-opp{color:#fb7185;background:#fb71852e}.pvp-waiting{color:var(--c-muted,#b8c0bd);margin:16px 0;font-size:1rem}.pvp-forfeit-claim,.pvp-leave,.pvp-result-leave{margin-top:14px}.pvp-result.pvp-won{--panel-accent:linear-gradient(90deg, var(--c-correct-deep,#2f8f4e), var(--c-correct,#6fd67f));border-color:#6fd67f80}.pvp-result.pvp-lost{--panel-accent:linear-gradient(90deg, #e05a72, #fb7185);border-color:#fb718580}.pvp-result-badge{margin-bottom:8px;display:inline-flex}.pvp-won .pvp-result-badge{color:var(--c-correct,#6fd67f)}.pvp-lost .pvp-result-badge{color:#fb7185}.pvp-result-title{font-family:var(--font-display);color:var(--c-cream);margin:0 0 6px;font-size:1.6rem;font-weight:800}.pvp-result-score{font-family:var(--font-display);color:var(--c-muted,#b8c0bd);margin:0 0 12px;font-size:1.3rem;font-weight:700}.reward-coin.pvp-loss{color:#e08d7c;background:#d94f3533}[dir=rtl] .pvp-wager{flex-direction:row-reverse}@media (prefers-reduced-motion:reduce){.pvp-round-banner{animation:none}}