:root{color:#f2f3ec;background:#0b0d0d;font-family:Avenir Next,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;--bg: #0b0d0d;--bg-soft: #121514;--surface: #171a19;--surface-raised: #202321;--text: #f2f3ec;--text-muted: #a7aaa3;--text-faint: #747a72;--line: rgb(242 243 236 / 13%);--line-strong: rgb(242 243 236 / 24%);--accent: #cfe85b;--accent-ink: #171b08;--danger: #f07162;--success: #cfe85b;--healing: #6fd59a;--fighter-two: #65a7ff;--attack: #d89b70;--defense: #78a9b8;--field: #0f1211;--shadow: rgb(0 0 0 / 36%)}:root[data-theme=light]{color:#20231f;background:#edf0e8;--bg: #edf0e8;--bg-soft: #e3e7de;--surface: #f8faf4;--surface-raised: #ffffff;--text: #20231f;--text-muted: #5c6259;--text-faint: #767d72;--line: rgb(32 35 31 / 14%);--line-strong: rgb(32 35 31 / 26%);--accent: #a9c624;--accent-ink: #141807;--danger: #b43a30;--success: #526700;--healing: #247e4c;--fighter-two: #256db2;--attack: #98542e;--defense: #326a7d;--field: #ffffff;--shadow: rgb(40 48 34 / 16%)}@property --cooldown-ratio{syntax: "<number>"; inherits: false; initial-value: 0;}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--text);background:var(--bg)}button,input,textarea,select{font:inherit}button{color:inherit}.shell{width:100%;height:100%;padding:clamp(16px,2vw,28px);display:grid;grid-template-rows:auto 1fr auto;gap:14px;background:var(--bg)}.shell--battle{padding:8px;grid-template-rows:minmax(0,1fr);gap:0}.topbar{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-bottom:12px;border-bottom:1px solid var(--line)}.topbar-hud-center{position:absolute;top:calc(50% - 6px);left:50%;z-index:8;width:min(540px,46vw);min-width:0;pointer-events:none;transform:translate(-50%,-50%)}.topbar-hud-center:empty{display:none}.topbar__actions{display:flex;align-items:flex-end;gap:8px}.topbar-icon-button{width:44px;height:44px;padding:0;display:grid;place-items:center;color:var(--text-muted);border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}.topbar-icon-button:hover,.topbar-icon-button:focus-visible,.topbar-icon-button.is-active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 56%,var(--line-strong));background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.topbar-icon-button:active{transform:translateY(1px) scale(.97)}.app-nav{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.app-nav button{min-height:31px;padding:0 12px;color:var(--text-muted);border:0;border-radius:7px;background:transparent;font-size:11px;font-weight:800;cursor:pointer}.app-nav button.is-active{color:var(--accent-ink);background:var(--accent)}.eyebrow,.settings-kicker{margin:0 0 8px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(32px,4vw,50px);line-height:.9;letter-spacing:-.075em}.foundation-grid{min-height:0;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px}.foundation-card{min-height:0;padding:clamp(24px,3vw,42px);display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 90%,transparent);overflow:hidden}.foundation-card--primary{color:var(--accent-ink);border-color:var(--accent);background:var(--accent)}.foundation-card>span{margin-bottom:auto;color:currentColor;opacity:.58;font-size:12px;font-weight:800;letter-spacing:.12em}.foundation-card h2{margin-bottom:14px;font-size:clamp(25px,3vw,44px);line-height:1;letter-spacing:-.055em}.foundation-card p{max-width:34ch;margin-bottom:0;color:currentColor;opacity:.7;font-size:14px;line-height:1.65}.foundation-footer{display:flex;justify-content:space-between;color:var(--text-faint);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.character-workbench{position:relative;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 112px;gap:12px}.workbench-columns{min-height:0;display:grid;grid-template-columns:minmax(230px,.78fr) minmax(360px,1.24fr) minmax(300px,1fr);gap:12px}.workbench-panel{min-width:0;min-height:0;display:grid;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 94%,transparent);overflow:hidden}.panel-header{min-height:86px;padding:20px 22px 17px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.panel-header--compact{min-height:42px;padding:0 16px;align-items:center}.panel-header h2{margin:3px 0 0;font-size:clamp(19px,1.7vw,28px);line-height:1;letter-spacing:-.045em}.panel-label{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.panel-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--line-strong) transparent}.panel-footer{padding:14px 18px;border-top:1px solid var(--line);background:var(--surface-raised)}.image-panel{grid-template-rows:auto minmax(0,1fr) auto auto auto}.portrait-stage{position:relative;min-height:0;display:grid;place-items:center;margin:16px;border:1px dashed var(--line-strong);border-radius:13px;background:var(--field);overflow:hidden}.portrait-stage img{z-index:1;width:100%;height:100%;object-fit:contain}.portrait-ground{position:absolute;right:14%;bottom:7%;left:14%;height:12px;border-radius:50%;background:#00000047}.portrait-empty{z-index:1;display:grid;gap:5px;padding:24px;text-align:center}.portrait-empty strong{font-size:18px}.portrait-empty span,.image-note{color:var(--text-muted);font-size:11px;line-height:1.55}.image-actions{display:block;padding:0 16px}.image-actions .button{width:100%}.image-note{margin:11px 16px 15px}.profile-panel,.ai-panel{grid-template-rows:auto minmax(0,1fr) auto}.build-process-stage{display:grid;place-items:center;padding:clamp(24px,4vw,54px);background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 42%),var(--field)}.build-process{width:min(100%,520px);display:grid;justify-items:center;gap:20px;text-align:center}.build-process__mark{width:58px;height:58px;display:grid;place-items:center;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 52%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--accent) 8%,var(--surface-raised))}.build-process:not(.build-process--complete) .build-process__mark svg,.build-footer-state:not(.build-footer-state--complete) svg{animation:build-spinner 1.05s linear infinite}.build-process__copy{display:grid;justify-items:center;gap:7px}.build-process__copy>span{color:var(--accent);font-size:9px;font-weight:850;letter-spacing:.15em}.build-process__copy h2{margin:0;font-size:clamp(22px,2.2vw,34px);line-height:1.08;letter-spacing:-.045em}.build-process__copy p{max-width:48ch;margin:0;color:var(--text-muted);font-size:11px;line-height:1.6}.build-process__activity{width:min(100%,380px);min-height:34px;display:grid;gap:9px}.build-process__rail{height:3px;overflow:hidden;border-radius:999px;background:var(--line)}.build-process__rail span{width:42%;height:100%;display:block;border-radius:inherit;background:var(--accent);animation:build-rail 1.45s cubic-bezier(.65,0,.35,1) infinite}.build-process__cycle{position:relative;min-height:16px;color:var(--text-muted);font-size:10px}.build-process__cycle span{position:absolute;inset:0;opacity:0;animation:build-stage-copy 6s ease-in-out infinite}.build-process__cycle span:nth-child(2){animation-delay:2s}.build-process__cycle span:nth-child(3){animation-delay:4s}.build-process__outputs{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.build-process__outputs article{min-width:0;padding:12px 8px;display:grid;gap:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface-raised)}.build-process__outputs span,.build-process__outputs small{overflow:hidden;color:var(--text-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.build-process__outputs strong{color:var(--text);font-size:16px;font-variant-numeric:tabular-nums}.build-process--complete .build-process__outputs article{border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}.build-footer-state{min-width:82px!important;display:flex!important;grid-auto-flow:unset!important;align-items:center;justify-content:flex-end;gap:7px!important;color:var(--accent)}.build-footer-state span{color:currentColor;font-weight:800}@keyframes build-spinner{to{transform:rotate(360deg)}}@keyframes build-rail{0%{transform:translate(-110%)}to{transform:translate(350%)}}@keyframes build-stage-copy{0%,28%{opacity:1;transform:translateY(0)}34%,to{opacity:0;transform:translateY(-4px)}}.build-status,.panel-state-note{color:var(--text-faint);font-size:9px;font-weight:800;letter-spacing:.08em}.build-status--ready{color:var(--accent)}.role-card-stage{display:block;padding:8px 14px 14px;background:var(--field)}.profile-fields{display:grid;align-content:start;gap:16px;padding:18px}.profile-facts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workbench-field{min-width:0;display:grid;gap:6px}.workbench-field>span,.composer-label{color:var(--text);font-size:11px;font-weight:750}.workbench-field small{color:var(--text-muted);font-size:10px;line-height:1.45}.workbench-field input,.workbench-field textarea,.ai-composer textarea{width:100%;color:var(--text);border:1px solid var(--line-strong);border-radius:9px;background:var(--field);resize:vertical}.workbench-field input{height:38px;padding:0 10px}.workbench-field textarea,.ai-composer textarea{min-height:62px;padding:9px 10px;line-height:1.45}.body-readout{padding:13px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;border-left:3px solid var(--accent);background:var(--surface-raised)}.body-readout div{display:grid;gap:2px;flex:0 0 auto}.body-readout span{color:var(--text-muted);font-size:9px;font-weight:800;letter-spacing:.12em}.body-readout strong{font-size:13px}.body-readout p{flex:1 1 100%;margin:2px 0 0;color:var(--text-muted);font-size:11px;line-height:1.55}.profile-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-footer>div{min-width:0;display:grid;gap:2px}.profile-footer__actions{display:flex!important;grid-auto-flow:column;align-items:center;gap:7px!important}.build-summary{min-height:0;padding:clamp(14px,1.7vw,20px);display:grid;align-content:start;gap:10px;border:1px solid color-mix(in srgb,var(--accent) 54%,var(--line));border-radius:13px;background:var(--surface)}.build-summary__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.build-summary__heading>div{min-width:0;display:grid;gap:6px}.build-summary__title-line{min-width:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.build-summary__heading small,.build-style-inline>span{color:var(--text-muted);font-size:9px;font-weight:800}.build-summary__title-line>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(22px,2.3vw,34px);line-height:1;letter-spacing:-.045em}.build-style-inline{min-width:0;display:flex;align-items:baseline;gap:5px;padding-left:9px;border-left:2px solid var(--accent);white-space:nowrap}.build-style-inline>span{font-size:8px}.build-style-inline>strong{font-size:13px;line-height:1;letter-spacing:-.02em}.build-style-inline>small{font-size:8px}.build-mode{padding:5px 7px;border:1px solid var(--line);border-radius:5px}.character-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 0}.character-meta span{padding:0 7px;color:var(--text-muted);border-left:1px solid var(--line-strong);font-size:8px;line-height:1}.character-meta span:first-child{padding-left:0;border-left:0}.attribute-value-section{display:grid;border:1px solid var(--line);border-radius:9px;overflow:hidden}.attribute-value-section>header,.combat-attribute--summary{min-height:28px;padding:0 11px;display:grid;grid-template-columns:minmax(58px,.7fr) minmax(88px,1.15fr) minmax(72px,1fr);align-items:center;gap:8px}.attribute-value-section>header{min-height:25px;background:var(--surface-raised)}.attribute-value-section>header strong{font-size:9px}.attribute-value-section>header span{color:var(--text-muted);font-size:8px;text-align:right}.attribute-value-list{margin:0;padding:0 0 1px}.combat-attribute--summary{min-height:36px;padding-block:6px}.attribute-value-list>.combat-attribute+.combat-attribute{border-top:1px solid var(--line)}.combat-attribute--summary .combat-attribute__label{min-width:0;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:750}.combat-attribute--summary .combat-attribute__label svg{flex:0 0 auto;color:var(--text-muted)}.combat-attribute--summary dd{margin:0;display:flex;align-items:baseline;justify-content:flex-end;gap:4px;font-variant-numeric:tabular-nums}.combat-attribute--summary dd strong{font-size:13px}.combat-attribute--summary dd span{color:var(--text-muted);font-size:8px}.combat-attribute__points{padding-left:10px;border-left:1px solid var(--line)}.loadout-section{display:grid;gap:6px}.loadout-section>header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.loadout-section>header strong{font-size:12px}.loadout-section>header span{color:var(--text-muted);font-size:10px}.loadout-slot-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.combat-loadout-slot{--loadout-color: var(--accent);min-width:0;display:grid;justify-items:center;align-content:center;overflow:hidden;color:var(--loadout-color);border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-raised);text-align:center;white-space:nowrap}.combat-loadout-slot__icon{display:grid;place-items:center;color:var(--loadout-color);border:1px solid color-mix(in srgb,var(--loadout-color) 30%,var(--line));border-radius:7px;background:color-mix(in srgb,var(--loadout-color) 7%,var(--field))}.combat-loadout-slot__copy{min-width:0;display:grid;justify-items:center;gap:3px;text-align:center}.combat-loadout-slot__copy small{max-width:100%;overflow:hidden;color:var(--text-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.combat-loadout-slot__copy strong{max-width:100%;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.combat-loadout-slot--attack{--loadout-color: var(--attack)}.combat-loadout-slot--defense{--loadout-color: var(--defense)}.combat-loadout-slot--detail{min-height:72px;padding:8px 6px;grid-template-rows:30px auto;gap:5px;border-top:3px solid var(--loadout-color)}.combat-loadout-slot--detail .combat-loadout-slot__icon{width:30px;height:30px}.combat-loadout-slot--detail .combat-loadout-slot__copy strong{font-size:13px}.combat-loadout-slot--detail .combat-loadout-slot__copy small{font-size:9px}.profile-build-notes{padding:11px 12px;display:grid;gap:3px;border-left:3px solid var(--line-strong);background:var(--surface-raised)}.profile-build-notes span{color:var(--text-muted);font-size:8px;font-weight:800}.profile-build-notes p{margin:0;color:var(--text-muted);font-size:9px;line-height:1.45}.character-lobby{--lobby-card-name-size: clamp(12px, 1.45vmin, 20px);--lobby-card-meta-size: clamp(9px, .92vmin, 13px);--lobby-card-icon-size: clamp(30px, 3.15vmin, 48px);--lobby-card-gap: clamp(8px, 1.05vmin, 15px);position:relative;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) 0fr;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden;transition:grid-template-rows .42s cubic-bezier(.16,1,.3,1)}.character-lobby--selected,.character-lobby--selection-2{grid-template-rows:auto minmax(126px,1fr) 338px}.lobby-heading{min-height:clamp(72px,7.6vmin,104px);padding:clamp(14px,1.35vmin,20px) clamp(18px,1.7vmin,26px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.lobby-heading h2{margin:3px 0 0;font-size:clamp(21px,2.4vw,34px);line-height:1;letter-spacing:-.05em}.lobby-heading__actions{display:flex;align-items:center;gap:10px}.lobby-heading__actions>strong{color:var(--text-muted);font-size:clamp(11px,1vmin,15px);font-variant-numeric:tabular-nums}.character-lobby .panel-label{font-size:clamp(10px,.85vmin,13px)}.icon-button{width:38px;height:38px;padding:0;display:grid;place-items:center;color:var(--text-muted);border:1px solid var(--line-strong);border-radius:9px;background:var(--surface-raised);cursor:pointer;transition:transform .16s ease,color .16s ease,border-color .16s ease}.icon-button:hover{color:var(--accent);border-color:var(--accent)}.icon-button:active{transform:translateY(1px) scale(.97)}.lobby-roster-frame{min-height:0;padding:clamp(14px,1.4vmin,22px);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--line-strong) transparent}.lobby-roster-grid{display:grid;grid-template-columns:repeat(10,minmax(88px,1fr));align-content:start;gap:clamp(10px,1vmin,16px)}.lobby-character-card,.lobby-new-character{min-width:0;aspect-ratio:1;border:1px solid var(--line);border-radius:12px;background:var(--surface-raised);overflow:hidden}.lobby-new-character{position:relative;display:grid;place-content:center;justify-items:center;gap:var(--lobby-card-gap);color:var(--text-muted);border-style:dashed;border-color:var(--line-strong);background:transparent;cursor:pointer}.lobby-new-character__ticket-badge{position:absolute;top:8px;right:8px;min-width:28px;height:22px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;gap:4px;color:var(--bg);border-radius:7px;background:var(--accent);font-size:10px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 5px 16px color-mix(in srgb,var(--accent) 24%,transparent)}.lobby-new-character:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.lobby-new-character:disabled{cursor:progress}.lobby-new-character--pending{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 62%,var(--line-strong));background:color-mix(in srgb,var(--accent) 6%,var(--surface-raised))}.lobby-new-character--pending svg{animation:create-character-pulse .9s ease-in-out infinite alternate}.lobby-new-character>strong{font-size:var(--lobby-card-name-size)}.lobby-new-character>small{color:var(--text-faint);font-size:var(--lobby-card-meta-size)}.lobby-new-character>svg{width:var(--lobby-card-icon-size);height:var(--lobby-card-icon-size)}@keyframes create-character-pulse{to{transform:scale(1.12);opacity:.58}}.lobby-character-card{position:relative;display:grid;grid-template-rows:minmax(0,1fr);transition:transform .18s ease,border-color .18s ease,background .18s ease}.lobby-character-card:hover{transform:translateY(-2px);border-color:var(--line-strong)}.lobby-character-card--selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface-raised))}.lobby-character-card--unbuilt{border-style:dashed;background:transparent}.lobby-character-card--unbuilt:hover{transform:translateY(-2px);border-color:var(--accent)}.lobby-character-card__main{position:relative;min-width:0;padding:clamp(9px,1vmin,15px) clamp(7px,.8vmin,12px);display:grid;align-content:center;justify-items:center;gap:var(--lobby-card-gap);color:var(--text);border:0;background:transparent;cursor:pointer}.lobby-character-card--unbuilt .lobby-avatar{opacity:.66}.fighter-seat{position:absolute;top:5px;left:5px;padding:3px 5px;color:var(--accent-ink);border-radius:5px;background:var(--accent);font-size:8px;font-weight:850}.lobby-avatar{width:clamp(58px,8.8vmin,124px);height:clamp(58px,8.8vmin,124px);display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:var(--field);font-size:clamp(21px,3vmin,42px);font-weight:850;overflow:hidden}.lobby-avatar--compact{width:70px;height:70px;font-size:23px}.lobby-avatar img{width:100%;height:100%;object-fit:cover}.lobby-character-card__copy{width:100%;min-width:0;display:grid;gap:2px;text-align:center}.lobby-character-card__copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-character-card__copy strong{font-size:var(--lobby-card-name-size)}.lineup-reveal{min-height:0;padding:0 14px;overflow:hidden;opacity:0;transform:translateY(14px);transition:opacity .26s ease 70ms,transform .42s cubic-bezier(.16,1,.3,1)}.character-lobby--selected .lineup-reveal{padding-bottom:12px;opacity:1;transform:translateY(0)}.lineup-stage{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);border:1px solid var(--line-strong);border-radius:12px;background:var(--bg-soft);overflow:hidden}.duel-lineup{min-height:0;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);align-items:stretch;gap:12px}.duel-fighter{min-width:0;padding:14px;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.duel-fighter>header{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.duel-fighter>header>div{min-width:0;display:grid;gap:3px}.duel-fighter>header strong,.duel-fighter>header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duel-fighter>header strong{font-size:19px;letter-spacing:-.03em}.duel-fighter>header small{color:var(--text-muted);font-size:11px}.duel-fighter>header button{width:27px;height:27px;padding:0;display:grid;place-items:center;color:var(--text-faint);border:0;border-radius:7px;background:transparent;cursor:pointer}.duel-fighter>header button:hover{color:var(--text);background:var(--surface-raised)}.duel-fighter--right>header>.lobby-avatar{order:3}.duel-fighter--right>header>div{order:2;text-align:right}.duel-fighter--right>header>button{order:1}.duel-fighter--empty{place-items:center;color:var(--text-faint);border-style:dashed;background:transparent}.duel-fighter--empty>strong{align-self:center;font-size:13px}.duel-attributes{min-width:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.duel-attributes>.combat-attribute{min-width:0;padding:8px 6px 9px;display:grid;justify-items:center;gap:5px;text-align:center}.duel-attributes>.combat-attribute+.combat-attribute{border-left:1px solid var(--line)}.combat-attribute--duel .combat-attribute__label{display:grid;justify-items:center;gap:3px;color:var(--text-muted);font-size:9px;font-weight:760;line-height:1}.combat-attribute--duel .combat-attribute__label svg{color:var(--text)}.combat-attribute--duel dd{min-width:0;margin:0;display:flex;justify-content:center;align-items:baseline;gap:4px;white-space:nowrap}.combat-attribute--duel dd strong{color:var(--text);font-size:clamp(15px,1.35vw,21px);line-height:1;font-variant-numeric:tabular-nums}.combat-attribute--duel dd span{color:var(--text-faint);font-size:8px}.duel-center{display:grid;align-content:center;justify-items:center;gap:18px}.duel-vs{display:grid;place-items:center;color:var(--accent)}.duel-vs strong{font-size:34px;font-style:italic;letter-spacing:-.06em}.duel-start-button{width:104px;min-height:42px;padding-inline:10px;white-space:nowrap}.selected-loadout{min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:7px}.combat-loadout-slot--compact{min-width:0;padding:10px 6px 9px;grid-template-rows:38px auto;gap:7px;border-left:3px solid var(--loadout-color);border-radius:7px}.combat-loadout-slot--compact .combat-loadout-slot__icon{width:38px;height:38px}.combat-loadout-slot--compact .combat-loadout-slot__copy small{color:var(--text-faint);font-size:8.5px;font-weight:740}.combat-loadout-slot--compact .combat-loadout-slot__copy strong{font-size:11.5px}.lobby-error{position:absolute;right:16px;bottom:68px;max-width:420px;padding:9px 12px;color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);border-radius:9px;background:var(--surface-raised);font-size:11px}.match-setup-screen,.reveal-screen{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.match-setup-screen{grid-template-rows:auto minmax(0,1fr) auto auto}.screen-heading{padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.screen-heading h2{margin:4px 0 7px;font-size:clamp(26px,3vw,44px);line-height:1;letter-spacing:-.055em}.screen-heading p{margin:0;color:var(--text-muted);font-size:12px}.versus-slots{display:grid;grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr);align-items:center;gap:13px;text-align:center}.versus-slots strong{padding:12px 14px;border:1px solid var(--line-strong);border-radius:9px;background:var(--field);font-size:12px}.versus-slots span{color:var(--accent);font-size:11px;font-weight:900}.fighter-choice-grid{min-height:0;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-content:start;gap:10px;overflow-y:auto}.fighter-choice{min-width:0;min-height:82px;padding:12px;display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:11px;color:var(--text);border:1px solid var(--line);border-radius:11px;background:var(--surface-raised);text-align:left;cursor:pointer}.fighter-choice--selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface-raised))}.fighter-choice__avatar{width:56px;height:56px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:var(--field);font-size:20px;font-weight:850;overflow:hidden}.fighter-choice__avatar img{width:100%;height:100%;object-fit:cover}.fighter-choice>span:last-child{min-width:0;display:grid;gap:5px}.fighter-choice strong,.fighter-choice small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fighter-choice small{color:var(--text-muted);font-size:9px}.insufficient-roster{grid-column:1 / -1;min-height:130px;display:grid;place-content:center;gap:5px;color:var(--text-muted);text-align:center}.insufficient-roster strong{color:var(--text)}.screen-actions{min-height:68px;padding:13px 20px;display:flex;align-items:center;justify-content:flex-end;gap:12px;border-top:1px solid var(--line);background:var(--surface-raised)}.screen-actions--spread{justify-content:space-between}.battle-history{min-width:0;padding:10px 16px;display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:10px;border-top:1px solid var(--line);background:var(--bg-soft)}.battle-history>div{min-width:0;display:flex;gap:7px;overflow-x:auto}.battle-history button{flex:0 0 180px;min-width:0;padding:8px 10px;display:grid;gap:3px;color:var(--text);border:1px solid var(--line);border-radius:7px;background:var(--surface-raised);text-align:left;cursor:pointer}.battle-history strong,.battle-history small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-history strong{font-size:10px}.battle-history small{color:var(--text-muted);font-size:8px}.reveal-heading{min-height:clamp(82px,8.2vmin,116px);padding-block:clamp(16px,1.45vmin,24px)}.reveal-progress{color:var(--accent);font-size:clamp(26px,2.7vmin,40px);font-weight:900;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.reveal-screen{--reveal-label-size: clamp(9px, .9vmin, 13px);--reveal-meta-size: clamp(9px, .98vmin, 14px);--reveal-name-size: clamp(13px, 1.48vmin, 22px);--reveal-body-size: clamp(10px, 1.08vmin, 16px);--reveal-icon-box-size: clamp(40px, 4.3vmin, 62px);--reveal-icon-size: clamp(26px, 2.9vmin, 42px);--reveal-content-gap: clamp(7px, 1.05vmin, 15px);grid-template-rows:auto minmax(0,1fr)}.reveal-screen .panel-label{font-size:clamp(10px,.9vmin,14px)}.reveal-stage{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(126px,7.5vw,184px) minmax(0,1fr);overflow:hidden}.reveal-fighter{min-width:0;min-height:0;padding:clamp(14px,1.35vmin,21px) clamp(16px,1.55vmin,24px) clamp(16px,1.55vmin,24px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(10px,1vmin,15px);background:var(--surface);overflow:hidden}.reveal-fighter>header{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.reveal-fighter>header span{color:var(--text-muted);font-size:var(--reveal-label-size);font-weight:800}.reveal-fighter h3{min-width:0;margin:0;overflow:hidden;font-size:clamp(19px,1.75vmin,28px);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.card-hand{min-width:0;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr) auto minmax(0,1fr);gap:clamp(7px,.78vmin,12px);perspective:1100px}.card-hand__label{grid-column:1 / -1;color:var(--text-muted);font-size:var(--reveal-label-size);line-height:1}.card-hand__skill-row{grid-column:1 / -1;min-width:0;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(7px,.78vmin,12px);padding-inline:calc((100% - clamp(14px,1.56vmin,24px)) / 6)}.draw-card{--card-color: var(--accent);position:relative;min-width:0;min-height:0;width:100%;height:100%;padding:0;color:var(--text);border:0;background:transparent;cursor:pointer;transform-style:preserve-3d;transition:transform .46s cubic-bezier(.16,1,.3,1)}.draw-card--attack{--card-color: var(--attack)}.draw-card--defense{--card-color: var(--defense)}.draw-card:hover:not(.draw-card--visible){transform:translateY(-3px)}.draw-card:active:not(.draw-card--visible){transform:translateY(0) scale(.985)}.draw-card:focus-visible{outline:3px solid color-mix(in srgb,var(--card-color) 38%,transparent);outline-offset:3px}.draw-card--visible{transform:rotateY(180deg);cursor:default}.draw-card__back,.draw-card__face{position:absolute;inset:0;min-width:0;min-height:0;border:1px solid color-mix(in srgb,var(--card-color) 38%,var(--line-strong));border-radius:10px;backface-visibility:hidden;text-align:center;overflow:hidden}.draw-card__back{padding:clamp(12px,1.25vmin,19px) clamp(8px,.9vmin,14px);display:grid;place-content:center;justify-items:center;gap:var(--reveal-content-gap);color:var(--card-color);background:linear-gradient(145deg,color-mix(in srgb,var(--card-color) 13%,var(--surface-raised)),var(--field))}.draw-card__back-icon{width:var(--reveal-icon-box-size);height:var(--reveal-icon-box-size);display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--card-color) 45%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--card-color) 8%,var(--field))}.draw-card__back strong{color:var(--text);font-size:var(--reveal-name-size)}.draw-card__back small{color:var(--text-muted);font-size:var(--reveal-meta-size)}.draw-card__back-icon svg{width:var(--reveal-icon-size);height:var(--reveal-icon-size)}.draw-card__face{padding:clamp(12px,1.4vmin,22px) clamp(10px,1.1vmin,17px);transform:rotateY(180deg);background:var(--field)}.reveal-center{min-width:0;padding:clamp(18px,1.7vmin,26px) clamp(10px,1vmin,16px);display:grid;align-content:center;justify-items:stretch;gap:clamp(24px,2.4vmin,36px);border-inline:1px solid var(--line);background:var(--bg-soft)}.reveal-versus{color:var(--accent);font-size:clamp(38px,3.8vmin,56px);font-style:italic;line-height:1;letter-spacing:-.07em;text-align:center}.reveal-actions{display:grid;gap:clamp(8px,.85vmin,13px)}.reveal-actions .button{width:100%;min-width:0;min-height:clamp(40px,4.1vmin,54px);padding-inline:clamp(8px,.9vmin,14px);font-size:clamp(11px,1vmin,15px)}.revealed-loadout{--loadout-color: var(--accent);min-width:0;color:var(--loadout-color)}.revealed-loadout--attack{--loadout-color: var(--attack)}.revealed-loadout--defense{--loadout-color: var(--defense)}.revealed-loadout__icon{display:grid;place-items:center;color:var(--loadout-color);border:1px solid color-mix(in srgb,var(--loadout-color) 30%,var(--line));background:color-mix(in srgb,var(--loadout-color) 7%,var(--surface-raised))}.revealed-loadout__copy{min-width:0;display:grid}.revealed-loadout__copy small,.revealed-loadout__copy>span{color:var(--text-muted);font-weight:800}.revealed-loadout__copy strong{overflow-wrap:anywhere;color:var(--text)}.revealed-loadout--card{height:100%;width:100%;min-height:0;padding-block:clamp(6px,.75vmin,11px);display:grid;grid-template-rows:repeat(4,auto);align-content:center;justify-items:center;gap:var(--reveal-content-gap);text-align:center}.revealed-loadout--card .revealed-loadout__icon{width:var(--reveal-icon-box-size);height:var(--reveal-icon-box-size);border-radius:clamp(8px,.8vmin,12px)}.revealed-loadout--card .revealed-loadout__icon svg{width:var(--reveal-icon-size);height:var(--reveal-icon-size)}.revealed-loadout--card .revealed-loadout__copy{justify-items:center;gap:clamp(3px,.38vmin,6px)}.revealed-loadout--card .revealed-loadout__copy small,.revealed-loadout--card .revealed-loadout__copy>span{font-size:var(--reveal-meta-size)}.revealed-loadout--card .revealed-loadout__copy strong{font-size:var(--reveal-name-size)}.revealed-loadout__effect{min-height:0;margin:0;display:grid;align-content:center;color:var(--text-muted);max-width:34ch;font-size:var(--reveal-body-size);line-height:1.55;overflow-wrap:anywhere}.revealed-loadout__timing{color:var(--loadout-color);font-size:var(--reveal-meta-size);font-weight:800;line-height:1.3}.battle-screen{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) clamp(190px,21vh,226px);gap:6px}.battle-control-deck{min-height:0;display:grid;grid-template-columns:minmax(280px,.82fr) minmax(360px,1.12fr) minmax(280px,.82fr);gap:6px}.fighter-hud,.arena-frame,.battle-report{min-width:0;min-height:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.fighter-hud{padding:7px 8px;display:grid;grid-template-rows:auto auto auto minmax(72px,1fr) auto;align-content:start;gap:4px}.fighter-hud--seat-0{border-top:3px solid var(--danger)}.fighter-hud--seat-1{border-top:3px solid var(--fighter-two)}.fighter-hud__header{min-width:0;display:flex;align-items:end;justify-content:space-between;gap:12px}.fighter-hud__header>span{min-width:0;display:grid;gap:1px}.fighter-hud__header small{color:var(--text-faint);font-size:8px;font-weight:800}.fighter-hud__header h2{margin:0;overflow:hidden;font-size:clamp(13px,1.15vw,17px);line-height:1;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.fighter-hud__header>strong{flex:0 0 auto;color:var(--text-muted);font-size:9px;font-weight:750}.fighter-meter{position:relative;min-width:0;height:18px;padding:0 7px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:6px;background:var(--field);overflow:hidden}.fighter-meter__fill{position:absolute;inset:0 auto 0 0;opacity:.78;background:var(--danger);transition:width .12s linear}.fighter-hud--seat-1 .fighter-meter--health .fighter-meter__fill{background:var(--fighter-two)}.fighter-meter--rage .fighter-meter__fill{background:var(--accent)}.fighter-meter__label,.fighter-meter>strong{position:relative;z-index:1;display:flex;align-items:center;gap:4px;color:#f7f8f2;font-size:9px;font-weight:800;font-variant-numeric:tabular-nums}.fighter-meter--rage .fighter-meter__label,.fighter-meter--rage>strong{color:var(--text);mix-blend-mode:difference}.battle-action-grid{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.battle-action-card{position:relative;min-width:0;min-height:72px;padding:5px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:6px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--surface-raised);text-align:left}.battle-action-card--basic{border-top:2px solid var(--attack)}.battle-action-card--tactical,.battle-action-card--ultimate{border-top:2px solid var(--accent)}.battle-action-card.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface-raised))}.battle-action-card__icon{position:relative;width:38px;height:38px;display:grid;place-items:center;color:var(--text);border:1px solid var(--line-strong);border-radius:10px;background:var(--field);overflow:hidden}.battle-action-card__icon>svg{position:relative;z-index:1}.battle-action-card__cooldown{--cooldown-ratio: 0;position:absolute;inset:0;z-index:2;display:grid;place-items:center;color:#f2f3ec;border-radius:inherit;background:conic-gradient(from -90deg,#767b78eb 0turn calc(var(--cooldown-ratio) * 1turn),#767b783d calc(var(--cooldown-ratio) * 1turn) 1turn);box-shadow:inset 0 0 0 1px #f2f3ec1f;-webkit-backdrop-filter:grayscale(.78) saturate(.42);backdrop-filter:grayscale(.78) saturate(.42);transition:--cooldown-ratio .12s linear}.battle-action-card__cooldown strong{padding:0;font-size:8px;line-height:1;font-variant-numeric:tabular-nums;text-align:center;text-shadow:0 1px 2px rgb(45 49 46 / 72%)}.battle-action-card__copy{width:100%;min-width:0;display:grid;justify-items:start;gap:2px;text-align:left}.battle-action-card__copy small,.battle-action-card__copy strong,.battle-action-card__copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-action-card__copy small{color:var(--text-faint);font-size:7px;font-weight:800}.battle-action-card__copy strong{font-size:10px}.battle-action-card__copy span{color:var(--text-muted);font-size:7px}.fighter-affixes{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.fighter-affix{min-width:0;height:20px;padding:0 5px;display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:6px;background:var(--field)}.fighter-affix svg{flex:0 0 auto}.fighter-affix strong{min-width:0;overflow:hidden;font-size:7.5px;text-overflow:ellipsis;white-space:nowrap}.fighter-affix small{margin-left:auto;color:var(--text-faint);font-size:6.5px}.fighter-affix--attack{color:var(--attack)}.fighter-affix--defense{color:var(--defense)}.arena-frame{position:relative;display:grid;grid-template-rows:minmax(0,1fr);background:#101412}.speed-button{min-width:28px;height:26px;color:var(--text-muted);border:1px solid var(--line);border-radius:6px;background:transparent;font-size:9px;font-weight:800;cursor:pointer}.speed-button.is-active{color:var(--accent-ink);border-color:var(--accent);background:var(--accent)}.arena-canvas,.arena-canvas canvas{width:100%!important;height:100%!important;display:block}.arena-error,.result-overlay{position:absolute;inset:0;z-index:6;display:grid;place-content:center;justify-items:center;gap:10px;padding:20px;background:#080a09d6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}.result-overlay{--result-content-width: min(clamp(430px, 32vw, 720px), 92%);--result-kicker-size: clamp(10px, 1.05vmin, 16px);--result-title-size: clamp(36px, 5.8vmin, 88px);--result-name-size: clamp(11px, 1.25vmin, 18px);--result-stat-size: clamp(9px, 1.02vmin, 15px);gap:clamp(12px,1.35vmin,20px);padding:clamp(20px,2.5vmin,38px)}.arena-error{color:var(--danger);font-size:12px}.result-overlay>span{color:var(--accent);font-size:var(--result-kicker-size);font-weight:850;letter-spacing:.14em}.result-overlay>strong{font-size:var(--result-title-size);line-height:1;letter-spacing:-.055em}.result-actions{width:var(--result-content-width);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,.85vmin,13px)}.result-actions .button{min-width:0;min-height:clamp(40px,4.4vmin,60px);padding-inline:clamp(10px,1.4vmin,22px);font-size:clamp(13px,1.2vmin,17px)}.result-stats{width:var(--result-content-width);display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,.85vmin,13px)}.result-stats>div{padding:clamp(10px,1.35vmin,20px);display:grid;gap:clamp(3px,.42vmin,7px);border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-raised)}.result-stats strong{margin-bottom:clamp(2px,.25vmin,4px);font-size:var(--result-name-size)}.result-stats span{color:var(--text-muted);font-size:var(--result-stat-size);line-height:1.35}.battle-report{display:grid;grid-template-rows:34px minmax(0,1fr)}.battle-report header{padding:0 6px 0 9px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px;border-bottom:1px solid var(--line);background:var(--surface-raised)}.battle-report__title{min-width:0;display:flex;align-items:baseline;gap:5px}.battle-report__title strong{font-size:11px}.battle-report__title small{color:var(--text-faint);font-size:8px;font-variant-numeric:tabular-nums}.battle-export-button,.battle-sound-button{width:24px;height:24px;padding:0;display:grid;place-items:center;color:var(--text-muted);border:1px solid var(--line);border-radius:6px;background:transparent;cursor:pointer}.battle-sound-button[aria-pressed=true]{color:var(--text-faint);background:var(--surface)}.battle-report__controls,.battle-speed-control{display:flex;align-items:center}.battle-report__controls{min-width:0;justify-self:end;gap:5px}.battle-clock{min-width:46px;justify-self:center;color:var(--accent);font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-align:center}.battle-pause-button{height:24px;padding:0 8px;color:var(--text-muted);border:1px solid var(--line);border-radius:6px;background:transparent;font-size:8px;font-weight:800;white-space:nowrap;cursor:pointer}.battle-speed-control{gap:2px}.battle-report .speed-button{min-width:25px;height:24px;padding:0 4px;font-size:8px}.battle-report__feed{min-width:0;min-height:0;padding:7px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.battle-report__empty{margin:auto;color:var(--text-muted);font-size:9px}.battle-log-entry{width:94%;margin:0;padding:5px 6px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:5px;border:1px solid var(--line);border-radius:8px 8px 8px 3px;background:var(--surface-raised);font-size:8px;line-height:1.4}.battle-log-entry:nth-child(2n){align-self:end;border-radius:8px 8px 3px;background:color-mix(in srgb,var(--surface-raised) 84%,var(--field))}.battle-log-entry time{color:var(--text-faint);font-size:8px;font-variant-numeric:tabular-nums}.battle-log-entry>span{min-width:0;color:var(--text-muted);overflow-wrap:anywhere}.battle-log__actor{margin-right:5px;font-weight:850}.battle-log__actor--seat-0{color:var(--danger)}.battle-log__actor--seat-1{color:var(--fighter-two)}.battle-log__value{margin-inline:2px;font-variant-numeric:tabular-nums}.battle-log__value--damage{color:var(--danger)}.battle-log__value--healing{color:var(--healing)}.battle-log-entry--damage{border-left-color:color-mix(in srgb,var(--danger) 58%,var(--line))}.battle-log-entry--healing{border-left-color:color-mix(in srgb,var(--healing) 64%,var(--line))}.battle-log-entry--action{border-left-color:color-mix(in srgb,var(--accent) 54%,var(--line))}.profile-footer strong{font-size:11px}.profile-footer span{overflow:hidden;color:var(--text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.conversation{padding:16px}.conversation-empty{min-height:100%;display:grid;place-content:center;gap:6px;padding:24px;color:var(--text-muted);text-align:center}.conversation-empty strong{color:var(--text);font-size:16px}.conversation-empty span{max-width:28ch;font-size:11px;line-height:1.55}.chat-message{max-width:88%;margin-bottom:12px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-raised)}.chat-message--pending,.chat-message--thinking,.suggestion-sheet,.ai-status-notice{animation:conversation-enter .22s cubic-bezier(.16,1,.3,1) both}.chat-message--user{margin-left:auto;color:var(--accent-ink);border-color:var(--accent);background:var(--accent)}.chat-message>span{display:block;margin-bottom:3px;font-size:9px;font-weight:850;opacity:.62}.chat-message p{margin:0;font-size:12px;line-height:1.55;white-space:pre-wrap}.chat-message--thinking{color:var(--text);border-color:color-mix(in srgb,var(--accent) 24%,var(--line))}.thinking-state{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-muted);font-size:11px;font-weight:700}.thinking-dots{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto}.thinking-dots i{width:4px;height:4px;border-radius:50%;background:var(--accent);animation:thinking-dot 1.15s ease-in-out infinite}.thinking-dots i:nth-child(2){animation-delay:.14s}.thinking-dots i:nth-child(3){animation-delay:.28s}.suggestion-sheet{margin-top:14px;padding:13px;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);border-radius:11px;background:color-mix(in srgb,var(--accent) 7%,var(--surface-raised))}.suggestion-sheet__header{display:grid;gap:7px;margin-bottom:12px;padding-bottom:11px;border-bottom:1px solid color-mix(in srgb,var(--accent) 20%,var(--line))}.suggestion-sheet__header>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.suggestion-sheet__header span{color:var(--accent);font-size:9px;font-weight:850;letter-spacing:.08em}.suggestion-sheet__header strong{font-size:12px}.suggestion-sheet__header p{margin:0;color:var(--text-muted);font-size:11px;line-height:1.5}.suggestion-list{display:grid;gap:7px}.suggestion-item{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:8px;font-size:11px;cursor:pointer}.suggestion-item input{accent-color:var(--accent)}.suggestion-item span{min-width:0;display:grid;gap:3px}.suggestion-item strong{overflow:hidden;text-overflow:ellipsis}.suggestion-item em{display:-webkit-box;overflow:hidden;color:var(--text);font-size:11px;font-style:normal;font-weight:700;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:3}.suggestion-item small{color:var(--text-muted);line-height:1.4}.suggestion-actions{display:flex;gap:8px;margin-top:12px}.ai-status-notice{margin:12px 0 0;padding:9px 11px;color:var(--accent);border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface-raised));font-size:11px;line-height:1.5}.ai-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 9px;padding:13px 15px 15px;border-top:1px solid var(--line);background:var(--surface-raised)}.composer-label{grid-column:1 / -1}.ai-composer textarea{min-height:58px;resize:none}.ai-composer .button{align-self:end;display:inline-flex;align-items:center;justify-content:center;gap:6px}@keyframes conversation-enter{0%{opacity:0;transform:translateY(7px)}}@keyframes thinking-dot{0%,55%,to{opacity:.35;transform:translateY(0)}25%{opacity:1;transform:translateY(-3px)}}.text-action,.roster-delete{padding:0;color:var(--text-muted);border:0;background:none;font-size:10px;font-weight:750;cursor:pointer}.text-action:hover{color:var(--text)}.roster-delete:hover{color:var(--danger)}.inline-error,.workbench-error{color:var(--danger);font-size:11px;line-height:1.45}.roster-strip{min-width:0;min-height:0;overflow:hidden}.roster-card{min-width:0;height:100%;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.roster-list{min-width:0;height:100%;display:flex;align-items:stretch;gap:10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.roster-card{position:relative;flex:0 0 112px;width:112px;aspect-ratio:1;display:grid;overflow:hidden}.roster-card.roster-card--new{flex:0 0 112px;display:grid;align-content:center;justify-items:center;gap:6px;color:var(--text-muted);border-style:dashed;border-color:var(--line-strong);background:transparent;cursor:pointer}.roster-card--new:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.roster-card--new:disabled{cursor:not-allowed;opacity:.5}.roster-new-icon{font-size:30px;font-weight:700;line-height:1}.roster-new-label{font-size:10px;font-weight:750}.roster-card--selected{border-color:var(--accent)}.roster-card__main{min-width:0;width:100%;height:100%;padding:11px 9px 9px;display:grid;grid-template-rows:42px minmax(0,1fr);justify-items:center;align-content:center;gap:7px;color:var(--text);border:0;background:transparent;text-align:center;cursor:pointer}.roster-card__main>strong{width:100%;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.roster-avatar{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:var(--field);font-size:18px;font-weight:850;overflow:hidden}.roster-avatar img{width:100%;height:100%;object-fit:cover}.roster-copy{width:100%;min-width:0;display:grid;gap:2px}.roster-copy strong,.roster-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-copy strong{font-size:12px}.roster-copy small{color:var(--text-muted);font-size:8px}.roster-delete{position:absolute;top:6px;right:6px;width:20px;height:20px;display:grid;place-items:center;overflow:hidden;color:var(--text-faint);border-radius:50%;font-size:0;opacity:.72}.roster-card:hover .roster-delete,.roster-delete:focus-visible{opacity:1}::view-transition-group(*){animation-duration:.42s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-old(root){animation:view-fade-out .16s ease both}::view-transition-new(root){animation:view-fade-in .26s ease 80ms both}@keyframes view-fade-out{to{opacity:0}}@keyframes view-fade-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(root),::view-transition-new(root){animation-duration:.01ms!important;animation-delay:0ms!important}}.workbench-error{width:100%;min-height:48px;padding:6px 7px 6px 9px;display:grid;grid-template-columns:34px minmax(0,1fr) 30px;align-items:center;gap:9px;color:var(--text);border:1px solid color-mix(in srgb,var(--danger) 58%,var(--line));border-left-width:3px;border-radius:11px;background:color-mix(in srgb,var(--danger) 10%,var(--surface));box-shadow:0 12px 34px color-mix(in srgb,var(--danger) 10%,var(--shadow));pointer-events:auto;animation:workbench-error-enter .22s cubic-bezier(.16,1,.3,1) both}.workbench-error__icon{width:34px;height:34px;display:grid;place-items:center;color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 40%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--danger) 10%,var(--surface-raised))}.workbench-error__copy{min-width:0;display:grid;gap:1px}.workbench-error__copy small{color:var(--danger);font-size:8px;font-weight:850;letter-spacing:.12em}.workbench-error__copy strong{overflow-wrap:anywhere;font-size:clamp(13px,1.1vw,16px);line-height:1.25;letter-spacing:-.02em}.workbench-error__close{width:30px;height:30px;display:grid;place-items:center;color:var(--text-muted);border:1px solid transparent;border-radius:9px;background:transparent;cursor:pointer}.workbench-error__close:hover,.workbench-error__close:focus-visible{color:var(--text);border-color:var(--line-strong);background:var(--surface-raised)}@keyframes workbench-error-enter{0%{opacity:0;transform:translateY(6px) scale(.98)}}.workbench-state,.empty-workbench{min-height:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.workbench-state{color:var(--text-muted);font-size:13px}.workbench-state--error,.empty-workbench>div{display:grid;justify-items:start;gap:8px}.workbench-state--error{color:var(--danger)}.empty-workbench h2{margin:5px 0 0;font-size:clamp(28px,4vw,54px);letter-spacing:-.055em}.empty-workbench p{max-width:42ch;color:var(--text-muted)}.button{min-height:40px;padding:0 15px;border:1px solid transparent;border-radius:10px;font-weight:750;font-size:13px;line-height:1;white-space:nowrap;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.button:active:not(:disabled){transform:translateY(1px) scale(.99)}.button:disabled{cursor:not-allowed;opacity:.48}.button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.roster-card__main:focus-visible,.roster-card--new:focus-visible,.text-action:focus-visible,.roster-delete:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 38%,transparent);outline-offset:2px}.button--primary{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.button--secondary,.button--quiet{color:var(--text);background:var(--surface-raised);border-color:var(--line-strong)}.button--quiet{background:transparent}.button--danger{color:var(--danger);background:transparent;border-color:color-mix(in srgb,var(--danger) 52%,transparent)}.modal-layer{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px;background:#040605b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.character-delete-layer{z-index:140}.character-delete-dialog{width:min(100%,500px);padding:26px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface);box-shadow:0 30px 90px var(--shadow)}.character-delete-dialog__icon{width:48px;height:48px;display:grid;place-items:center;color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--danger) 9%,var(--surface-raised))}.character-delete-dialog__copy{min-width:0}.character-delete-dialog__copy>span{display:block;margin-bottom:7px;color:var(--danger);font-size:10px;font-weight:850;letter-spacing:.12em}.character-delete-dialog__copy h2{margin:0;font-size:clamp(23px,3vw,30px);line-height:1.15;letter-spacing:-.045em;overflow-wrap:anywhere}.character-delete-dialog__copy p{margin:13px 0 5px;color:var(--text-muted);font-size:13px;line-height:1.6}.character-delete-dialog__copy small{color:var(--text-faint);font-size:11px;line-height:1.5}.character-delete-dialog__error{grid-column:1 / -1;margin:0;padding:10px 12px;color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);border-radius:9px;background:color-mix(in srgb,var(--danger) 8%,transparent);font-size:12px}.character-delete-dialog__actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:9px;padding-top:4px}.character-delete-dialog__confirm{color:var(--surface);border-color:var(--danger);background:var(--danger)}.character-delete-dialog__confirm:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 86%,var(--text))}.settings-dialog{width:min(920px,100%);height:min(790px,calc(100dvh - 44px));min-height:560px;display:grid;grid-template-rows:auto 1fr;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface);box-shadow:0 28px 90px var(--shadow);overflow:hidden}.settings-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:25px 28px 21px;border-bottom:1px solid var(--line)}.settings-dialog__header h2{margin:0;font-size:clamp(26px,3vw,38px);line-height:1;letter-spacing:-.045em}.settings-form{min-height:0;display:grid;grid-template-rows:1fr auto}.settings-form__scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--line-strong) transparent}.settings-group{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.8fr);gap:18px 34px;padding:28px}.settings-group+.settings-group{border-top:1px solid var(--line)}.settings-group__intro{grid-row:1 / span 4}.settings-group__intro h3{margin-bottom:8px;font-size:16px}.settings-group__intro p{max-width:28ch;margin-bottom:0;color:var(--text-muted);font-size:12px;line-height:1.65}.field{min-width:0;display:grid;gap:7px;color:var(--text)}.field>span{font-size:12px;font-weight:750}.field small{color:var(--text-muted);font-size:11px;line-height:1.4}.field input,.field select{width:100%;height:42px;padding:0 12px;color:var(--text);border:1px solid var(--line-strong);border-radius:10px;background:var(--field)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.data-actions,.settings-actions{display:flex;flex-wrap:wrap;gap:9px}.settings-group--data .data-actions{align-self:start}.settings-dialog__footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 28px;border-top:1px solid var(--line);background:var(--surface-raised)}.form-feedback{min-width:0;color:var(--text-muted);font-size:12px;line-height:1.45}.form-feedback--success{color:var(--success)}.form-feedback--error{color:var(--danger)}.settings-loading{display:grid;align-content:start;gap:14px;padding:28px}.settings-loading span{display:block;height:58px;border-radius:10px;background:var(--surface-raised)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.lobby-new-character--pending svg{animation:none!important}.build-process__mark svg,.build-footer-state svg,.build-process__rail span,.build-process__cycle span,.thinking-dots i,.chat-message--pending,.chat-message--thinking,.suggestion-sheet,.ai-status-notice,.workbench-error{animation:none!important}.build-process__cycle span{display:none;opacity:0}.build-process__cycle span:first-child{display:block;opacity:1}}@media(prefers-reduced-transparency:reduce){.modal-layer{background:#040605eb;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(max-width:900px){.topbar{align-items:flex-start;flex-direction:column}.topbar__actions{width:100%;justify-content:space-between}.foundation-grid{grid-template-columns:1fr}.workbench-columns{grid-template-columns:repeat(3,minmax(290px,1fr));overflow-x:auto}.settings-group{grid-template-columns:1fr}.settings-group__intro{grid-row:auto}}@media(max-width:680px){.shell{padding:16px}.shell--battle{padding:6px}.modal-layer{padding:0}.character-delete-layer{padding:14px}.character-delete-dialog{padding:22px;grid-template-columns:42px minmax(0,1fr);gap:14px;border-radius:14px}.character-delete-dialog__icon{width:42px;height:42px}.character-delete-dialog__actions{display:grid;grid-template-columns:1fr 1fr}.workbench-error{min-height:44px;grid-template-columns:30px minmax(0,1fr) 28px;gap:7px}.workbench-error__icon{width:30px;height:30px}.workbench-error__close{width:28px;height:28px}.settings-dialog{width:100%;height:100dvh;min-height:0;border:0;border-radius:0}.settings-dialog__header,.settings-group,.settings-dialog__footer{padding-left:18px;padding-right:18px}.field-grid,.field-grid--compact{grid-template-columns:1fr}.settings-dialog__footer{align-items:stretch;flex-direction:column}.settings-actions{display:grid;grid-template-columns:1fr 1fr}}.web-landing{position:relative;width:100%;height:100%;padding:clamp(20px,3vw,44px) clamp(20px,4.5vw,72px) 20px;display:grid;grid-template-rows:auto minmax(0,1fr);color:var(--text);background:linear-gradient(90deg,rgb(242 243 236 / 2%) 1px,transparent 1px),linear-gradient(rgb(242 243 236 / 2%) 1px,transparent 1px),radial-gradient(circle at 78% 42%,rgb(207 232 91 / 12%),transparent 29%),#090b0a;background-size:48px 48px,48px 48px,auto,auto;overflow:hidden}.web-landing:before{position:absolute;inset:0;background:linear-gradient(112deg,transparent 0 58%,rgb(207 232 91 / 4%) 58% 72%,transparent 72%);content:"";pointer-events:none}.landing-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.landing-header{padding-bottom:18px;border-bottom:1px solid var(--line)}.landing-brand{display:inline-flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.landing-brand span{width:48px;height:48px;padding:5px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 54%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.landing-brand img{width:100%;height:100%;display:block;object-fit:contain}.landing-brand strong{font-size:19px;font-weight:900;letter-spacing:-.04em}.landing-header small{color:var(--text-faint);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.landing-hero{position:relative;z-index:1;min-height:0;display:grid;grid-template-columns:minmax(500px,.9fr) minmax(620px,1.1fr);align-items:center;gap:clamp(20px,3vw,56px)}.landing-copy{position:relative;z-index:3;max-width:920px;padding:clamp(30px,6vh,72px) 0 clamp(30px,6vh,72px) clamp(72px,7vw,150px);font-family:PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif}.landing-kicker{margin:0 0 clamp(16px,2.4vh,26px);display:flex;align-items:center;gap:10px;color:var(--text-faint);font-size:12px;font-weight:750;letter-spacing:.12em}.landing-kicker span{width:18px;height:2px;background:var(--accent)}.landing-copy h1{margin:0;color:var(--text);font-size:clamp(82px,7vw,128px);font-weight:950;line-height:.96;letter-spacing:-.1em}.landing-slogan{margin:clamp(14px,2vh,22px) 0 0;color:var(--accent);font-size:clamp(34px,3.1vw,52px);font-weight:850;line-height:1.12;letter-spacing:-.06em}.landing-intro{max-width:56rem;margin:clamp(22px,3vh,34px) 0 0;color:color-mix(in srgb,var(--text-muted) 92%,var(--text));font-size:clamp(14px,1.08vw,17px);font-weight:450;line-height:1.8}.landing-intro span{display:block}.landing-intro span+span{margin-top:3px}.landing-enter{min-width:190px;margin-top:clamp(28px,4vh,44px);padding:16px 18px 16px 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;color:var(--accent-ink);border:0;border-radius:8px;background:var(--accent);box-shadow:0 14px 34px #cfe85b1a;font-size:14px;font-weight:900;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.landing-enter:hover{box-shadow:0 20px 52px #cfe85b38;transform:translateY(-2px)}.landing-enter:active{transform:translateY(0)}.landing-first-note{margin:14px 0 0;display:flex;align-items:center;gap:7px;color:var(--text-faint);font-size:10px}.landing-first-note svg{color:var(--accent)}.landing-arena{position:relative;height:min(72vh,720px);min-height:480px;display:flex;align-items:center;justify-content:center;gap:clamp(84px,7vw,140px);perspective:1200px}.landing-card{position:relative;width:clamp(230px,19vw,340px);aspect-ratio:4 / 5;margin:0;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface);box-shadow:0 32px 70px #0000007a;overflow:hidden;transform-style:preserve-3d}.landing-card:after{position:absolute;inset:7px;border:1px solid rgb(242 243 236 / 18%);border-radius:11px;content:"";pointer-events:none}.landing-card img{width:100%;height:100%;display:block;object-fit:cover}.landing-card--one{border-color:color-mix(in srgb,var(--accent) 42%,var(--line-strong));transform:translateY(-3%) rotate(-3deg);animation:landing-card-one 5.4s ease-in-out infinite}.landing-card--two{transform:translateY(3%) rotate(3deg);animation:landing-card-two 5.4s ease-in-out infinite}.landing-versus{position:absolute;top:50%;left:50%;z-index:4;color:var(--text);font-size:clamp(34px,4.2vw,64px);font-weight:950;font-style:italic;letter-spacing:-.12em;text-shadow:4px 4px 0 #090b0a,0 0 24px rgb(207 232 91 / 18%);transform:translate(-50%,-50%) rotate(-8deg)}.credential-layer{position:fixed;inset:0;z-index:1200;padding:20px;display:grid;place-items:center;background:#030504d6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:credential-layer-in .18s ease-out both}.credential-gate{width:min(100%,690px);max-height:min(92vh,760px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid color-mix(in srgb,var(--accent) 46%,var(--line));border-radius:18px;background:var(--surface);box-shadow:0 34px 110px #0000009e;overflow:hidden;animation:credential-gate-in .24s cubic-bezier(.2,.8,.2,1) both}.credential-gate__header{padding:24px 26px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.credential-gate__icon{width:48px;height:48px;display:grid;flex:0 0 auto;place-items:center;color:var(--accent-ink);border-radius:12px;background:var(--accent)}.credential-gate__header p{margin:0 0 5px;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.16em}.credential-gate__header h2{margin:0;font-size:clamp(25px,4vw,38px);letter-spacing:-.055em}.credential-gate__body{min-height:0;padding:24px 26px;display:grid;gap:16px;overflow-y:auto}.credential-lead{max-width:52ch;margin:0;color:var(--text-muted);font-size:13px;line-height:1.75}.credential-code{padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--accent) 6%,var(--field))}.credential-code>span{grid-column:1 / -1;color:var(--text-faint);font-size:9px;font-weight:850;letter-spacing:.12em}.credential-code strong{min-width:0;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Cascadia Code,Roboto Mono,monospace;font-size:clamp(12px,2.2vw,20px);letter-spacing:.025em;white-space:nowrap}.credential-code button,.credential-confirm,.credential-cancel{border:0;border-radius:9px;font-weight:850;cursor:pointer}.credential-code button{min-height:40px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;color:var(--accent-ink);background:var(--accent);font-size:10px}.credential-warning{padding:15px 17px;border-left:3px solid var(--danger);background:color-mix(in srgb,var(--danger) 7%,var(--field))}.credential-warning strong{color:var(--text);font-size:12px}.credential-warning p{margin:6px 0 0;color:var(--text-muted);font-size:11px;line-height:1.65}.credential-warning--quiet{border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--field))}.credential-field{display:grid;gap:8px}.credential-field>span{color:var(--text-muted);font-size:10px;font-weight:800}.credential-field input{width:100%;min-height:50px;padding:0 14px;color:var(--text);border:1px solid var(--line-strong);border-radius:9px;outline:none;background:var(--field);font-size:clamp(12px,2.2vw,17px);font-weight:800;letter-spacing:.035em;text-transform:uppercase}.credential-field input::placeholder{color:var(--text-faint);opacity:.72}.credential-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #cfe85b14}.credential-error{margin:-6px 0 0;color:var(--danger);font-size:11px;line-height:1.55}.credential-check{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;cursor:pointer}.credential-check input{position:absolute;opacity:0;pointer-events:none}.credential-check>span{width:21px;height:21px;display:grid;place-items:center;color:transparent;border:1px solid var(--line-strong);border-radius:5px;background:var(--field)}.credential-check input:checked+span{color:var(--accent-ink);border-color:var(--accent);background:var(--accent)}.credential-check input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.credential-check em{color:var(--text-muted);font-size:11px;font-style:normal;line-height:1.5}.credential-switch{justify-self:start;margin-right:auto;padding:4px 0;display:inline-flex;align-items:center;gap:7px;color:var(--accent);border:0;background:transparent;font-size:11px;font-weight:800;cursor:pointer}.credential-switch:hover{color:var(--text)}.credential-gate__actions{padding:17px 26px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);background:var(--field)}.credential-cancel,.credential-confirm{min-height:42px;padding:0 16px;font-size:11px}.credential-cancel{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--text-muted);border:1px solid var(--line);background:var(--surface)}.credential-confirm{display:inline-flex;align-items:center;gap:12px;color:var(--accent-ink);background:var(--accent)}.credential-confirm:disabled{color:var(--text-faint);background:var(--surface-raised);cursor:not-allowed}.landing-enter:focus-visible,.credential-code button:focus-visible,.credential-switch:focus-visible,.credential-cancel:focus-visible,.credential-confirm:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@keyframes landing-card-one{0%,to{transform:translateY(-3%) rotate(-3deg)}50%{transform:translateY(-5%) rotate(-2deg)}}@keyframes landing-card-two{0%,to{transform:translateY(3%) rotate(3deg)}50%{transform:translateY(1%) rotate(2deg)}}@keyframes credential-layer-in{0%{opacity:0}}@keyframes credential-gate-in{0%{opacity:0;transform:translateY(12px) scale(.985)}}.web-shell{background:radial-gradient(circle at 9% -12%,rgb(207 232 91 / 9%),transparent 32%),var(--bg)}.web-topbar{position:relative;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:12px;border-bottom:1px solid var(--line)}.web-brand{min-width:0;display:flex;align-items:center;gap:12px}.web-brand__mark{width:46px;height:46px;padding:4px;display:grid;flex:0 0 auto;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.web-brand__mark img{width:100%;height:100%;display:block;object-fit:contain}.web-brand p{margin:0 0 3px;color:var(--accent);font-size:9px;font-weight:850;letter-spacing:.15em}.web-brand h1{font-size:clamp(25px,2.8vw,36px)}.web-brand>small{padding:5px 8px;color:var(--text-muted);border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:9px;font-weight:800;white-space:nowrap}.web-topbar__actions{min-width:0;display:flex;align-items:stretch;justify-content:flex-end;gap:7px}.web-icon-button,.web-status-button,.web-dialog__close{color:var(--text);border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.web-icon-button:hover,.web-status-button:hover,.web-dialog__close:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.web-icon-button:active,.web-status-button:active,.web-dialog__close:active{transform:translateY(1px)}.web-icon-button{width:43px;display:grid;place-items:center;border-radius:10px}.web-status-button{position:relative;min-width:112px;padding:8px 10px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;border-radius:10px;text-align:left}.web-status-button span{grid-column:1 / -1;color:var(--text-faint);font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.web-status-button strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.web-status-button svg{color:var(--accent)}.web-status-badge{position:absolute;top:-7px;right:8px;padding:3px 6px;color:var(--bg);border:2px solid var(--bg);border-radius:6px;background:var(--accent);font-size:8px;font-weight:900;line-height:1;white-space:nowrap}.web-status-badge.is-unconfigured{color:var(--text-muted);background:var(--surface-raised)}.web-status-button--code{width:150px}.web-footer{justify-content:flex-end;letter-spacing:.05em}.web-modal-layer{z-index:1000;padding:20px;background:#030504c2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.web-dialog{width:min(100%,680px);max-height:min(86vh,720px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid var(--line-strong);border-radius:18px;background:var(--surface);box-shadow:0 28px 90px #0000007a;overflow:hidden}.web-dialog--wide{width:min(100%,900px);max-height:min(90dvh,800px)}.web-dialog__header{padding:20px 22px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.web-dialog__header span{display:block;margin-bottom:5px;color:var(--accent);font-size:9px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.web-dialog__header h2{margin:0;font-size:clamp(24px,3vw,34px);letter-spacing:-.055em}.web-dialog__close{width:38px;height:38px;display:grid;place-items:center;border-radius:10px}.web-dialog__body{min-height:0;padding:22px;overflow-y:auto}.web-dialog__note{padding:13px 22px;color:var(--text-faint);border-top:1px solid var(--line);background:var(--field);font-size:10px;line-height:1.5}.source-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.source-option{position:relative;min-height:390px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;color:var(--text);border:1px solid var(--line);border-radius:14px;background:var(--field);text-align:left;cursor:pointer}.source-option:hover:not(:disabled),.source-option.is-current{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--field))}.source-option:disabled{opacity:.48;cursor:not-allowed}.source-option__tag{margin-bottom:38px;color:var(--accent);font-size:10.5px;font-weight:850;letter-spacing:.12em}.source-option__status{position:absolute;top:22px;right:22px;padding:7px 9px;display:inline-flex;align-items:center;gap:4px;color:var(--bg);border-radius:7px;background:var(--accent);font-size:10.5px;font-weight:900;line-height:1;letter-spacing:0}.source-option__status.is-unconfigured,.source-option__status.is-empty{color:var(--text-muted);background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--line)}.source-option__status--ticket svg{color:currentColor}.source-option strong{margin-top:0;font-size:30px;letter-spacing:-.045em}.source-option__points{flex:1;margin:18px 0 24px;padding-left:18px;display:grid;align-content:start;gap:10px;color:var(--text-muted);font-size:13px;line-height:1.55}.source-option__points li{padding-left:3px}.source-option__points li::marker{color:color-mix(in srgb,var(--accent) 78%,var(--text-muted));font-size:.8em}.source-option__point-note{color:var(--text-faint);font-weight:700}.source-option__point-note--paid{color:var(--accent)}.source-option small{color:var(--text-faint);font-size:12px;font-weight:750}.web-inline-action{grid-column:1 / -1;justify-self:center;padding:8px 12px;color:var(--accent);border:0;background:transparent;font-size:11px;font-weight:800;cursor:pointer}.web-dialog__error,.web-dialog__success{grid-column:1 / -1;margin:0;padding:10px 12px;border-radius:9px;font-size:11px;line-height:1.55}.web-dialog__error{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent)}.web-dialog__success{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.ticket-store{display:grid;gap:18px}.ticket-balance{padding:18px;display:flex;align-items:baseline;gap:10px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--accent) 5%,var(--field))}.ticket-balance__icon{width:38px;height:38px;display:grid;place-items:center;color:var(--bg)!important;border-radius:9px;background:var(--accent)}.ticket-balance span,.ticket-balance small{color:var(--text-muted);font-size:11px}.ticket-balance strong{color:var(--accent);font-size:34px;line-height:1}.ticket-order{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:12px}.ticket-quantity,.ticket-total{min-height:126px;padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--field)}.ticket-quantity{display:grid;gap:10px}.ticket-quantity>label,.ticket-total span{color:var(--text-muted);font-size:10px;font-weight:750}.ticket-quantity__control{display:grid;grid-template-columns:minmax(0,1fr) 34px auto;align-items:center;border-bottom:1px solid var(--line-strong)}.ticket-quantity input{min-width:0;padding:4px 0 8px;color:var(--text);border:0;outline:0;background:transparent;font:inherit;font-size:30px;font-weight:900;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}.ticket-quantity input::-webkit-inner-spin-button,.ticket-quantity input::-webkit-outer-spin-button{margin:0;appearance:none;-webkit-appearance:none}.ticket-quantity__steppers{align-self:stretch;margin:0 8px 4px 0;display:grid;grid-template-rows:repeat(2,minmax(20px,1fr));overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface-raised)}.ticket-quantity__steppers button{min-width:32px;min-height:20px;padding:0;display:grid;place-items:center;color:var(--text-muted);border:0;background:transparent;cursor:pointer}.ticket-quantity__steppers button+button{border-top:1px solid var(--line)}.ticket-quantity__steppers button:hover:not(:disabled),.ticket-quantity__steppers button:focus-visible{color:var(--accent);outline:none;background:color-mix(in srgb,var(--accent) 10%,transparent)}.ticket-quantity__steppers button:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 48%,transparent)}.ticket-quantity__steppers button:disabled{opacity:.3;cursor:not-allowed}.ticket-quantity__control>strong{color:var(--text-muted);font-size:12px}.ticket-quantity small{color:var(--text-faint);font-size:10px}.ticket-total{min-width:174px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.ticket-total strong{color:var(--accent);font-size:36px;letter-spacing:-.055em;font-variant-numeric:tabular-nums}.ticket-payment-method{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--accent) 5%,var(--field))}.ticket-payment-method div{display:grid;gap:3px}.ticket-payment-method span,.ticket-payment-method small{color:var(--text-muted);font-size:10px}.ticket-payment-method strong{font-size:15px}.ticket-payment-method small{color:var(--accent);font-weight:800}.ticket-pay-button{min-height:48px;padding:0 18px;color:var(--bg);border:0;border-radius:10px;background:var(--accent);font-size:12px;font-weight:900;cursor:pointer}.ticket-pay-button:disabled{opacity:.48;cursor:not-allowed}.ticket-payment-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:var(--field)}.ticket-payment-status span{min-width:0;overflow:hidden;color:var(--text-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.ticket-payment-status strong{flex:0 0 auto;color:var(--accent);font-size:11px}.personal-api-settings{display:grid;gap:22px}.personal-api-overview{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px}.personal-api-status{min-width:156px;padding:10px 12px;display:grid;grid-template-columns:32px auto;align-items:center;gap:10px;border-left:2px solid var(--line-strong);border-radius:9px;background:var(--surface-raised)}.personal-api-status__icon{width:32px;height:32px;display:grid;place-items:center;color:var(--text-muted);border-radius:8px;background:var(--field)}.personal-api-status div{min-width:0;display:grid;gap:2px}.personal-api-status div span{color:var(--text-faint);font-size:9px;font-weight:750;letter-spacing:.08em}.personal-api-status div strong{color:var(--text-muted);font-size:13px;line-height:1.1}.personal-api-status.is-configured{border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface-raised))}.personal-api-status.is-configured .personal-api-status__icon{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--field))}.personal-api-status.is-configured div strong{color:var(--accent)}.personal-api-intro{max-width:60ch;margin:0;color:var(--text-muted);font-size:13px;line-height:1.7}.personal-api-fields{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:18px 14px}.personal-api-fields label{display:grid;gap:8px;color:var(--text-muted);font-size:12px;font-weight:750}.personal-api-field--protocol{grid-column:span 4}.personal-api-field--model{grid-column:span 8}.personal-api-field--base{grid-column:span 7}.personal-api-field--key{grid-column:span 5}.personal-api-fields label small{color:var(--text-faint);font-size:10.5px;font-weight:600;line-height:1.5}.personal-api-fields input,.personal-api-fields select{min-width:0;min-height:48px;padding:12px 14px;color:var(--text);border:1px solid var(--line);border-radius:9px;outline:0;background:var(--field);font:inherit;font-size:13px}.personal-api-fields input:focus,.personal-api-fields select:focus{border-color:var(--accent)}.personal-api-note{margin:0;color:var(--text-faint);font-size:11.5px;line-height:1.65}.personal-api-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.personal-api-actions button{min-height:46px;padding:0 18px;border-radius:9px;font-size:13px;font-weight:850;cursor:pointer}.personal-api-clear{color:var(--text-muted);border:1px solid var(--line);background:var(--field)}.personal-api-save{color:var(--bg);border:1px solid var(--accent);background:var(--accent)}.account-panel{display:grid;gap:16px}.user-code-card{padding:20px;display:grid;grid-template-columns:1fr auto;gap:8px 16px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent) 5%,var(--field))}.user-code-card span{grid-column:1 / -1;color:var(--text-muted);font-size:10px}.user-code-card strong{overflow-wrap:anywhere;font-size:clamp(16px,2.2vw,23px);letter-spacing:.04em}.user-code-card button,.recover-input-row button{padding:0 14px;color:var(--accent-ink);border:0;border-radius:8px;background:var(--accent);font-size:10px;font-weight:850;cursor:pointer}.recover-panel{padding:18px;display:grid;gap:14px;border:1px solid var(--line);border-radius:14px;background:var(--field)}.recover-panel p{margin:5px 0 0;color:var(--text-muted);font-size:11px;line-height:1.6}.recover-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.recover-input-row input{min-width:0;padding:11px 12px;color:var(--text);border:1px solid var(--line);border-radius:8px;outline:none;background:var(--surface)}.recover-input-row input:focus{border-color:var(--accent)}@media(max-width:1200px){.landing-hero{grid-template-columns:minmax(390px,.9fr) minmax(500px,1.1fr);gap:20px}.landing-copy{padding-left:clamp(42px,5vw,64px)}.landing-copy h1{font-size:clamp(68px,8vw,96px)}.landing-slogan{font-size:clamp(30px,4vw,42px)}.landing-card{width:clamp(180px,20vw,240px)}.landing-arena{gap:clamp(52px,6vw,72px)}}@media(max-width:900px){.landing-hero{grid-template-columns:minmax(270px,.82fr) minmax(350px,1.18fr);gap:8px}.landing-card{width:clamp(145px,18vw,165px)}.landing-arena{gap:clamp(30px,4vw,38px)}.web-topbar{align-items:flex-start}.web-brand>small{display:none}.web-status-button{min-width:96px}.web-status-button--code{width:118px}}@media(max-width:680px){.web-landing{padding:18px 18px 14px;overflow-y:auto}.landing-hero{min-height:680px;grid-template-columns:1fr;grid-template-rows:auto 280px;align-content:center}.landing-copy{padding:38px 0 10px}.landing-copy h1{font-size:clamp(52px,16vw,72px)}.landing-slogan{font-size:clamp(24px,8vw,34px)}.landing-intro{margin-top:24px;font-size:13px}.landing-enter{width:100%;margin-top:28px}.landing-arena{height:280px;min-height:280px}.landing-card{width:min(34vw,128px)}.credential-layer{padding:10px}.credential-gate__header,.credential-gate__body{padding:18px}.credential-code{grid-template-columns:1fr}.credential-code strong{font-size:clamp(10px,3.2vw,14px);letter-spacing:0}.credential-code button{justify-content:center}.credential-gate__actions{padding:14px 18px;display:grid;grid-template-columns:.75fr 1.25fr}.credential-gate__actions>.credential-switch{grid-column:1 / -1;margin-right:0}.web-topbar{gap:10px}.web-brand p,.web-status-button span{display:none}.web-brand h1{font-size:24px}.web-status-button{min-width:auto;padding:8px}.source-options,.ticket-order,.personal-api-fields{grid-template-columns:1fr}.ticket-total{min-height:94px;align-items:flex-start}.personal-api-overview{grid-template-columns:1fr;align-items:start;gap:14px}.personal-api-status{justify-self:start}.personal-api-field--protocol,.personal-api-field--model,.personal-api-field--base,.personal-api-field--key{grid-column:1 / -1}.source-option{min-height:340px;padding:22px}.source-option__tag{margin-bottom:30px}.source-option__points{margin-top:15px}.source-option__status{top:18px;right:18px}.web-dialog__body{padding:16px}}@media(prefers-reduced-motion:reduce){.landing-card,.credential-layer,.credential-gate{animation:none}}