/* A shared interface system for all three palettes. Illustrations stay in the arena. */
:root{--action-bg:#79e7cf;--action-ink:#142b33;--radius:14px}[data-theme='night']{--action-bg:#d6b86c;--action-ink:#211c12}[data-theme='pergamino']{--action-bg:#315f4d;--action-ink:#fffdf5}
body{background:var(--bg)}.ambient{opacity:.12}.card,.wand-card,.result-round,.action-card,.member,.season-banner,.help-section,.identity-card{background:var(--panel)!important;border-radius:14px;box-shadow:none}.action-card:after,.hero:after,.hero:before{display:none}.btn{border-radius:12px;min-height:44px;padding:12px 15px;font-size:13px;line-height:1.45;font-weight:600;letter-spacing:0;box-shadow:none!important;text-transform:none;transition:background-color .15s,border-color .15s}.btn.primary{background:var(--action-bg)!important;color:var(--action-ink)!important;border-color:transparent}.btn.secondary{background:var(--panel2);color:var(--text);border-color:var(--border)}.btn.ghost{color:var(--muted)}.btn:disabled{opacity:.5}.btn.small{min-height:36px;padding:8px 11px;font-size:12px}.action-card{gap:13px;padding:18px 15px}.action-icon,.action-icon.blue,.action-icon.green{background:var(--panel2);color:var(--gold);border-radius:11px}.notice{background:var(--panel2);border-radius:12px;line-height:1.65}.brandmark{background:var(--panel2);box-shadow:none}.pill{background:var(--panel2);color:var(--text)}.page-head h1{letter-spacing:-.4px}.eyebrow{letter-spacing:1px}.hero{box-shadow:none;border-radius:18px;min-height:270px}.hero h2{font-size:32px;letter-spacing:-.6px;line-height:1.2}.hero p{font-size:13px}.hero-copy{width:76%}.hero .eyebrow{font-size:11px;letter-spacing:.5px}.hero-art{opacity:.55}.track>span{background:var(--green)}.tag{border-radius:7px;line-height:1.5;white-space:normal}.level-requirement{font-size:12px!important;font-weight:600;color:var(--gold)!important}.style-tabs .btn{font-size:12px;min-height:44px;padding:10px 5px}.spell-choice p{margin:10px 0 5px;font-size:13px}.spell-choice small{display:block;color:var(--muted);font-size:12px;line-height:1.6}.spell-choice input{width:17px;height:17px;vertical-align:middle;margin:0 7px 0 0}.spell-locked{opacity:.7}.identity-card.background-stars{background:radial-gradient(ellipse at top,#394b68,#15263c)!important}.identity-card.background-parchment{background:linear-gradient(135deg,#f1e3c1,#cdb78f)!important}.founder-seal{letter-spacing:.4px;text-transform:none}
.room-summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0;color:var(--muted);font-size:12px}.room-summary .room-code{font:600 15px ClubText,system-ui,sans-serif;letter-spacing:2px;margin-left:auto;color:var(--gold)}.room-roster{display:grid;gap:9px}.room-duelist{border:1px solid var(--border);border-radius:15px;padding:16px;background:var(--panel)}.room-duelist.frame-bronze{border:2px solid #b58458}.room-duelist.frame-silver{border:2px solid #b8cad6}.room-duelist.frame-gold{border:2px solid #c5a75e}.room-duelist-head{display:flex;align-items:center;gap:16px}.room-duelist-head>.profile-link{flex-shrink:0}.room-duelist-head .avatar{width:72px;height:72px}.room-duelist-head>div{min-width:0;flex:1}.room-duelist h2{font:600 19px ClubText,system-ui,sans-serif!important;line-height:1.45;margin:0 0 5px;overflow-wrap:anywhere}.room-duelist h2 .profile-link{text-decoration:none}.room-duelist .room-house{justify-content:flex-start;margin:3px 0 7px;font-size:12px;gap:5px;flex-wrap:wrap}.room-duelist .room-house .club-crest{width:17px;height:24px}.room-title{font-size:11px;color:var(--gold);margin:5px 0}.room-duelist .founder-seal{font-size:9px;padding:2px 5px}.room-duelist-head .tag{font-size:10px}.room-loadout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:15px 0 13px;padding-top:13px;border-top:1px solid var(--border)}.room-loadout p{margin:0;line-height:1.5}.room-loadout span{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.room-loadout strong{font-size:13px;overflow-wrap:anywhere}.room-specials>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.room-specials .tag{font-size:11px;padding:5px 7px}.room-versus{display:block;justify-self:center;padding:1px 14px;color:var(--muted);font-size:11px;letter-spacing:2px}.room-actions{margin-top:18px}.room-actions .toggle-row{padding-top:0}.room-actions .stack{gap:10px}.room-actions>.tiny{margin-bottom:0}.room-duelist.waiting{padding:23px 16px}.room-duelist.waiting p{font-size:13px;color:var(--muted);line-height:1.6}
.in-duel .turn-header{margin:20px 0 12px}.turn-header h2{font-size:20px}.turn-header p:empty{display:none}.zone-label{margin:0 0 10px}.zones{gap:10px}.zone,.spell{border-radius:12px;background:var(--panel);box-shadow:none!important}.zone.selected,.spell.selected{background:var(--panel2);border:2px solid var(--gold)}.zone{min-height:100px}.zone strong{font-size:12px}.zone small{font-size:11px;line-height:1.5}.zone .cost{font-size:11px}.spell-label{margin:18px 0 10px;gap:12px}.spells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px}.spell{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:6px;min-height:89px;padding:13px!important}.spell strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.spell small{font-size:12px;line-height:1.55}.spell:last-child:nth-child(odd){grid-column:1/-1}.in-duel .confirm-action{margin-top:14px;min-height:47px;box-shadow:0 3px 14px #0002!important}.in-duel .page-head h1{font-size:24px!important}.in-duel .page-head{align-items:center}.scene-toolbar{margin:5px 0}.scene-toolbar .btn{min-height:30px;padding:5px 8px}.public-resources{margin:14px 0}.arena svg.uniform-marks,.arena svg.wardrobe-scarf,.arena svg.wardrobe-cape{filter:none}.duel-character{filter:drop-shadow(0 2px 2px #0006)}
@media(min-width:750px){.room-wrap{max-width:620px}.room-duelist{padding:20px}.room-duelist-head .avatar{width:82px;height:82px}.room-loadout{gap:20px}.room-duelist h2{font-size:21px!important}}
@media(max-width:370px){.room-duelist{padding:13px}.room-duelist-head{gap:12px}.room-duelist-head .avatar{width:64px;height:64px}.room-duelist h2{font-size:17px!important}.zones{gap:7px}.zone strong{font-size:11px}.zone .cost{font-size:10px}.style-tabs .btn{font-size:11px}.spell{padding:11px!important}}

.room-summary .room-code{margin:0 0 0 auto!important;padding:0!important;min-height:0;line-height:1.4;display:inline-block}.room-summary{min-height:30px;margin:14px 0 18px}

.item-activation>div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center}.item-activation strong{grid-column:1;font-size:12px}.item-activation p{grid-column:1;line-height:1.6;font-size:11px;margin:5px 0 0}.item-activation .btn{grid-column:2;grid-row:1/span 2;min-height:40px;padding:9px 10px;font-size:12px;max-width:112px}

[data-theme='pergamino'] .brandmark{color:var(--action-bg)}