:root{color-scheme:dark;--bg:#0c182b;--panel:#14283d;--panel2:#1d334c;--border:#8bbce82b;--gold:#79e7cf;--gold2:#ac9af4;--text:#f1f5fc;--muted:#9fb9ca;--green:#7ee6bd;--red:#f3a2ba;--blue:#98b9ff;--radius:19px}
body{background:radial-gradient(ellipse at 95% 0,#32658b45,transparent 34%),radial-gradient(ellipse at 0 44%,#4d3c7d3b,transparent 40%),#0c182b;color:var(--text)}.ambient{background-image:radial-gradient(#97d5e840 .7px,transparent .7px);background-size:29px 29px;opacity:.38;z-index:-1}
.top{border-bottom-color:#79c7db24;height:82px}.brandmark{clip-path:none;background:linear-gradient(140deg,#244d67,#35406b);border-color:#9adddf5c;color:#a6ece0;border-radius:11px}.brand strong{font-size:20px;color:#edf8f5}.brand small{color:#96b9ca;letter-spacing:2px}.pill{background:#1c314b;border-color:#a9c5f33d;color:#f5dca2}.icon-btn{background:#1b3149;border-color:#8daedf35;color:#a5dbe1}.demo-strip{color:#83bfc8;font-size:9px;letter-spacing:.6px}.demo-strip span{background:#72e2c4;box-shadow:0 0 10px #6be2c166}
.page-head{margin-top:23px}.page-head h1{font-size:29px;letter-spacing:-.8px;color:#f0f3ff}.page-head p{font-size:12px;line-height:1.65;color:#a8bbd0}.eyebrow{color:#94e6d9;letter-spacing:2px;font-size:9px}
.hero{background:radial-gradient(ellipse at 90% 5%,#7681cc66,transparent 65%),radial-gradient(ellipse at 65% 100%,#218c977a,transparent 70%),linear-gradient(130deg,#1c3151,#26476a);border-color:#82b8dc4d;min-height:304px;isolation:isolate;box-shadow:0 12px 35px #020d1d30}.hero:before{content:'';position:absolute;inset:12px;border:1px solid #b7d4ee21;border-radius:12px;pointer-events:none}.hero-copy{padding:26px 23px;width:74%}.hero h2{font-size:35px;line-height:1.16;color:#f4f4ff;letter-spacing:-1.1px;margin-top:18px}.hero h2 em{color:#8deed8}.hero p{color:#b9d5df;font-size:12px;max-width:205px;line-height:1.7}.hero-art{height:100%;width:65%;right:-78px;bottom:-23px;opacity:.7;z-index:-1;color:#9bd0e5}.castle-art{width:100%;height:100%}
.btn{border-radius:11px;font-size:12px;min-height:44px}.btn.primary{background:linear-gradient(110deg,#8de3cb,#7dd8d6);color:#13353e;border:1px solid #a4efde80;box-shadow:0 3px 0 #377e85}.btn.secondary{background:#233a56;border-color:#a0bae333;color:#c4d8ec}.btn.ghost{color:#a3bfd4}.btn.danger{background:#67415845;color:#f5b4c4;border-color:#ee8fba42}.btn:disabled{opacity:.55}
.action-card{background:linear-gradient(125deg,#192f48,#14283d);border-color:#8bafd635;box-shadow:0 4px 22px #020d1b24;border-radius:15px;padding:17px 13px;position:relative}.action-card:after{content:'';position:absolute;right:0;top:20%;width:2px;height:60%;background:linear-gradient(transparent,#86cdd28c,transparent)}.action-card strong{color:#e1effb}.action-card p{color:#a6bcd1;line-height:1.65}.action-icon{background:#b49af323;color:#c7b5ff}.action-icon.blue{background:#8aaff024;color:#9ec5ff}.action-icon.green{background:#74e2bb20;color:#8ae5c4}.section-title h2{color:#d7e9f3}.section-title small{color:#9db8cc}
.card,.wand-card,.member,.result-round{background:linear-gradient(135deg,#172e45,#15273d);border-color:#8badcf30;box-shadow:0 4px 22px #040f1c18}.card h2,.card h3{color:#dbeafa}.card p{color:#b0c4d7}.notice{background:#2f3b653d;border-color:#a79fe336;color:#bdc8e7;font-size:11px}.notice .icon{color:#b7b2ed}.tag{border-color:#91b4dd30;background:#12233870;color:#aec9d9}.tag.gold{color:#e5cc9f;border-color:#d8bc7040;background:#64543722}.duelist-code{color:#8adfd2}.crest{filter:saturate(1.25)}
.track{background:#8eb6d313}.track>span{background:linear-gradient(90deg,#b39bf4,#71dac8)}.progress-main small{color:#9fb8d0}.health{background:#7d9cbd21}.health>span{background:#7fdec1}.fighter-info.right .health>span{background:#ad9deb}.fighter-name{color:#e3edf8}.fighter-small,.health-text,.energy-private{color:#a3bcd2}.energy i{background:#e9ce901e}.energy i.on{background:#e0c57d}.energy-count{color:#e8d393}.round-badge{background:#23354d;border-color:#b4a2ed48;color:#cab6f1}
.arena{background:radial-gradient(ellipse at 50% 70%,#41628b7d,transparent 70%),linear-gradient(135deg,#1c354c,#212b51);border-color:#8ba4dd55;box-shadow:inset 0 0 45px #89b8e80a}.arena-ribbon{color:#b0c7e0;letter-spacing:1.7px}.arena-bottom{color:#c3d4e9}.arena svg{filter:saturate(1.35) brightness(1.15)}.arena-center{color:#f1dc9c}.result-round{background:radial-gradient(ellipse at 100% 0,#544b8352,transparent 65%),#172d44}.result-round h2{color:#9fe9d7}.result-round p{color:#b8cfdf}.result-round strong{color:#edf6fa}.timer{background:#a896ed16;border-color:#b9a9eb35;color:#cfc1f7}.zone{background:#1a3049;border-color:#8dafd332}.zone.selected{background:#31515b;border-color:#8adfc4;box-shadow:inset 0 0 0 1px #8adfc445}.zone .icon,.zone .cost{color:#91e1d4}.zone small{color:#acc6d8}.spell{background:#1a3049;border-color:#8dafd332}.spell.selected{background:#2d425f;border-color:#baa5f3}.spell small{color:#a8bdd1}.turn-header p,.spell-label,.lock-note{color:#a3bdd4}.turn-header h2{color:#e3edf8}
.field{color:#adcbda}.field input,.field select,select,.field textarea{background:#0e2237;color:#e1edf7;border-color:#98b7db3d}.house-option{background:#1c3249;border-color:#a7bfd534;color:#b7c9dc}.toggle{background:#263c55;border-color:#8eafce48}.toggle:checked{background:#559e9f;border-color:#7bd8c9}.toggle:after{background:#d1f2e7}.card input[type=checkbox]{accent-color:#8de3cb}
.season-banner{background:radial-gradient(ellipse at top right,#50619285,transparent 70%),linear-gradient(135deg,#25465e,#293553);border-color:#a2c4e54d}.season-banner h2{color:#d3f2eb}.season-points strong{color:#8fe6d4}.season-points span{color:#a9c7d8}.season-me{background:#76d3c415}.help-table td,.help-steps,.help-spells dd{color:#acc5d9}.help-section{background:#1a304966;border-color:#87b1da2b}.help-section>summary{color:#a7cde8}.help-body{color:#b8ccdc}.help-table tbody th{color:#d0e7ef}.cosmetic-aurora{color:#92ebcc}.cosmetic-phoenix{color:#efbb90}
.log details{background:#18304866;border-color:#8caed333}.log summary{color:#a5c6da}.log-entry{color:#bbccdf;border-color:#82a9d127}.tiny,.sub,.spectator-note,.site-foot,.home-foot,.muted{color:#99b7ca}.finish h1{color:#a6eed9}.reward{background:#1a3047;border-color:#85c2c34d}.reward strong{color:#a7ebd2}.reward small{color:#adcbda}.history-row small{color:#a0bcd2}.history-symbol{background:#9c8cdc1a;color:#c4b7f0}.history-row{border-color:#8dabc32b}
.bottom{background:#14283d;border-color:#92b6d83a;backdrop-filter:none}.nav-item{color:#92abc4}.nav-item.active{color:#8de5d3;background:linear-gradient(#6be0ce12,transparent)}.nav-item.active:before{background:#8ddfcf;width:23px}.nav-item.active .icon{stroke-width:2}.room-code{color:#9ce4d8}.versus{color:#c5b7ed}.ready-label{color:#9be7c9}