/* Resonance is an optional visual layer. Existing theme geometry and controls stay shared. */
#resonance-scene{display:none;position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
html[data-theme="resonance"] #resonance-scene{display:block}
html[data-theme="resonance"] body.clear-focus{background:#020711;color:#eff8ff;--muted:#b0c7d6}
html[data-theme="resonance"] .ambient{background-image:radial-gradient(ellipse at 50% 45%,transparent 32%,#01040aa6 100%),linear-gradient(#02071138,transparent 18%,transparent 75%,#02071185);opacity:1}
html[data-theme="resonance"] .ambient:after{display:none}
html[data-theme="resonance"] .clear-focus .site-header{border-color:#aecedd24}
html[data-theme="resonance"] .clear-focus .brand{font-weight:500;color:#d8e7f0}
html[data-theme="resonance"] .brand-mark{filter:none}
html[data-theme="resonance"] .brand-mark i{border-radius:0;background:#c0e6ef;box-shadow:none}
html[data-theme="resonance"] .clear-focus .icon-button,html[data-theme="resonance"] .clear-focus .solo-link{color:#d4e6f0}
html[data-theme="resonance"] .clear-focus .theme-control,html[data-theme="resonance"] .clear-focus .board-size-quick>div{background:#071421b3;border-color:#b6d6e53b;box-shadow:none}
html[data-theme="resonance"] .clear-focus .board-size-quick button[aria-pressed="true"]{background:#badfee13;border-color:#ceeaf087}
html[data-theme="resonance"] .clear-focus .theme-control>.theme-swatch{background:radial-gradient(circle at 32% 30%,#dbfbff,#4896b0 22%,#03101f 72%)}
html[data-theme="resonance"] .clear-focus .intro,html[data-theme="resonance"] .clear-focus .dashboard,html[data-theme="resonance"] .clear-focus .battle-lobby,html[data-theme="resonance"] .clear-focus .battle-side{text-shadow:0 1px 12px #020711b3}
html[data-theme="resonance"] .clear-focus .theme-collection,html[data-theme="resonance"] .clear-focus .dashboard,html[data-theme="resonance"] .clear-focus .battle-lobby,html[data-theme="resonance"] .clear-focus .battle-side{background:linear-gradient(90deg,#020b14b8,#020b14ad);box-shadow:0 0 18px 8px #020b1466}
html[data-theme="resonance"] .clear-focus .intro .eyebrow{color:#c0d7e4;letter-spacing:1.4px}
html[data-theme="resonance"] .clear-focus .intro h1{font-weight:400;font-size:34px;letter-spacing:1px;line-height:1.4;margin-top:12px;margin-bottom:7px;color:#f1faff}
html[data-theme="resonance"] .clear-focus .intro-copy{font-size:16px;color:#b4cbd9}
html[data-theme="resonance"] .clear-focus .status-dot{background:#bfedf6;box-shadow:0 0 8px #96d9e756}
html[data-theme="resonance"] .clear-focus .theme-collection>.section-label{border-color:#bed9e62e;color:#b2cbd9;letter-spacing:1px}
html[data-theme="resonance"] .clear-focus .theme-option{border-radius:2px;background:transparent;color:#b4cbd9}
html[data-theme="resonance"] .clear-focus .theme-option:hover{background:#c7eefa0b;color:#f3fbff}
html[data-theme="resonance"] .clear-focus .theme-option[aria-pressed="true"]{background:#bcdfef10;border-color:#c3e6f069;color:#f2fbff}
html[data-theme="resonance"] .clear-focus .theme-option .theme-swatch{border-radius:1px;border-color:#d9f1fb3b;box-shadow:none}
html[data-theme="resonance"] .clear-focus .theme-option[data-theme="resonance"] .theme-swatch{background:radial-gradient(circle at 28% 24%,#c7f6ff 0 5%,#4e9dbb 11%,#03101f 59%)}
html[data-theme="resonance"] .clear-focus .mode-tabs{background:#0714218a;border-color:#b6d6e53b}
html[data-theme="resonance"] .clear-focus .mode-tabs button{color:#b9d0df;font-size:16px}
html[data-theme="resonance"] .clear-focus .mode-tabs button.selected{background:#baddf01a;color:#f2fbff;box-shadow:inset 0 0 0 1px #d0ecf177}
html[data-theme="resonance"] .clear-focus .battle-link{background:#07142170;border-color:#c2e4ee52;color:#e5f4fb}
html[data-theme="resonance"] .clear-focus .personal-best{border-color:#b6d6e52e}
html[data-theme="resonance"] .clear-focus .board-frame,html[data-theme="resonance"] .clear-focus .duel-board{border:1px solid #d4e8f1ad;border-radius:0;background:#01091548;box-shadow:0 0 0 1px #07152144,0 0 30px #b0e4f405}
html[data-theme="resonance"] .clear-focus .board-edge{border-radius:0;box-shadow:inset 0 0 20px #bfeaff05}
html[data-theme="resonance"] .clear-focus .rival-player .duel-board{border-color:#bdccd680;box-shadow:none}
html[data-theme="resonance"] .clear-focus .board-topline,html[data-theme="resonance"] .clear-focus .board-bottomline{color:#bdd4e1}
html[data-theme="resonance"] .clear-focus .board-topline{letter-spacing:1.2px}
html[data-theme="resonance"] .clear-focus .board-overlay,html[data-theme="resonance"] .clear-focus .battle-overlay{background:linear-gradient(#010812ad,#010911ed 48%,#010812b8);backdrop-filter:blur(1px)}
html[data-theme="resonance"] .clear-focus .overlay-symbol i{background:#c6edf4;border-radius:0;box-shadow:inset 0 1px 0 #fff6}
html[data-theme="resonance"] .clear-focus .overlay-content h2{font-weight:400;letter-spacing:.5px;line-height:1.15}
html[data-theme="resonance"] .clear-focus .overlay-content p{color:#c0d4e0}
html[data-theme="resonance"] .clear-focus .primary-button{background:#dff1f5;color:#092331;border:1px solid #dff1f5;font-weight:500;box-shadow:none}
html[data-theme="resonance"] .clear-focus .primary-button:hover{background:#f1fbff;transform:none;filter:none}
html[data-theme="resonance"] .clear-focus .overlay-content .primary-button{background:#b4e2ef0c;border-color:#e0eff4b3;color:#f2fbff}
html[data-theme="resonance"] .clear-focus .overlay-content .primary-button:hover{background:#d7f0f514;border-color:#fff}
html[data-theme="resonance"] .clear-focus .secondary-button{background:#0a203045;border-color:#a8ccdd63;color:#e2f1f9}
html[data-theme="resonance"] .clear-focus .score-card{background:transparent;border:0;border-bottom:1px solid #b6d6e52e;border-radius:0;box-shadow:none}
html[data-theme="resonance"] .clear-focus .score-card strong{color:#f4fbff;font-weight:350;letter-spacing:1.5px}
html[data-theme="resonance"] .clear-focus .metrics strong{font-weight:350;color:#edf7fd;font-size:27px}
html[data-theme="resonance"] .clear-focus .metrics>div+div{border-color:#b6d6e52e}
html[data-theme="resonance"] .clear-focus .section-label{font-weight:400;letter-spacing:1.5px;color:#c2d8e5}
html[data-theme="resonance"] .clear-focus .section-label>span:not(.small-cross){color:#aec7d7}
html[data-theme="resonance"] .clear-focus .piece-card{border:0;border-radius:0;box-shadow:none;background:transparent;padding-left:0;padding-right:0}
html[data-theme="resonance"] .clear-focus .next-card canvas{width:150px;max-width:100%;margin:5px auto 0}
html[data-theme="resonance"] .clear-focus .hold-card{border-top:1px solid #b6d6e52e;background:transparent}
html[data-theme="resonance"] .clear-focus .hold-card:hover{background:#bcdfef09;border-top-color:#c6e5f08a}
html[data-theme="resonance"] .clear-focus .hold-card canvas{width:140px;max-width:100%;margin:0 auto}
html[data-theme="resonance"] .clear-focus .level-track{background:#b2d1e524}
html[data-theme="resonance"] .clear-focus .level-track>div{background:#c8edf4}
html[data-theme="resonance"] .clear-focus .time-card{border-top:1px solid #b6d6e52e;margin-top:8px}
html[data-theme="resonance"] .clear-focus .event-toast,html[data-theme="resonance"] .clear-focus .battle-event{color:#edfbff;font-weight:500;text-shadow:0 1px 12px #020711;font-size:18px;letter-spacing:.2px}
html[data-theme="resonance"] .clear-focus .footer{border-color:#b6d6e526;color:#adc6d5}
html[data-theme="resonance"] .clear-focus .modal{background:#081522f5;border-color:#b6d6e570;box-shadow:0 20px 90px #0009;backdrop-filter:blur(16px)}
html[data-theme="resonance"] .clear-focus .modal::backdrop{background:#010711a8;backdrop-filter:blur(6px)}
html[data-theme="resonance"] .clear-focus .touch-controls button,html[data-theme="resonance"] .clear-focus .battle-touch button{background:#092030d9;border-color:#b9dbe750;box-shadow:none}
html[data-theme="resonance"] .clear-focus .touch-controls .drop-button,html[data-theme="resonance"] .clear-focus .battle-touch .drop-button{background:#d3eaf1;border-color:#d3eaf1;color:#092331}
html[data-theme="resonance"] .clear-focus .touch-controls button.pressed,html[data-theme="resonance"] .clear-focus .battle-touch button.pressed{background:#2d566b;color:#f5fdff;border-color:#c3eaf6}
html[data-theme="resonance"] .clear-focus .battle-touch{background:#020711e8}
html[data-theme="resonance"] .clear-focus .battle-message{background:transparent;border-color:#b6d6e52e;color:#d5e9f3}
html[data-theme="resonance"] .clear-focus .battle-message.error{color:#ffd7d1;border-color:#efb1ac60}
html[data-theme="resonance"] .clear-focus .battle-heading h1{font-weight:400;letter-spacing:0;line-height:1.4}
html[data-theme="resonance"] .clear-focus .lobby-card{background:#0714218c;border-color:#b6d6e537;box-shadow:none}
html[data-theme="resonance"] .clear-focus .room-card{border-color:#c4e7f085}
html[data-theme="resonance"] .clear-focus .battle-previews>section,html[data-theme="resonance"] .clear-focus .battle-previews>button{background:transparent;border:0;padding-left:4px;padding-right:4px;box-shadow:none}
html[data-theme="resonance"] .clear-focus .battle-stats strong{font-weight:350;color:#eff8ff}
html[data-theme="resonance"] .clear-focus .battle-stats .incoming-stat strong{color:#e4c1d7}
html[data-theme="resonance"] .clear-focus .player-label{color:#cdebf4}
html[data-theme="resonance"] .clear-focus .rival-player .player-label{color:#d3c8de}

@media(min-width:821px){
 html[data-theme="resonance"] .clear-focus .intro{max-width:278px}
 html[data-theme="resonance"] .clear-focus .dashboard{max-width:220px}
 html[data-theme="resonance"] .clear-focus .theme-list{max-height:clamp(170px,30svh,350px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#809dad60 transparent;padding-right:5px;gap:3px;margin-top:10px;margin-bottom:20px}
 html[data-theme="resonance"] .clear-focus .theme-option{min-height:35px;padding-top:5px;padding-bottom:5px}
 html[data-theme="resonance"] .clear-focus .theme-option .theme-swatch{height:23px}
 html[data-theme="resonance"] .clear-focus .next-card{margin-top:18px}
 html[data-theme="resonance"] .clear-focus .battle-side{max-width:238px}
 html[data-theme="resonance"] .clear-focus .battle-lobby{max-width:278px}
}
@media(max-width:820px){
 html[data-theme="resonance"] .clear-focus .intro-copy{font-size:15px}
 html[data-theme="resonance"] .clear-focus .mode-tabs button{font-size:14px}
 html[data-theme="resonance"] .clear-focus .dashboard{border-color:#b6d6e52e}
 html[data-theme="resonance"] .clear-focus .score-card strong{font-size:32px;letter-spacing:.5px}
 html[data-theme="resonance"] .clear-focus .metrics strong{font-size:23px}
 html[data-theme="resonance"] .clear-focus .next-card canvas{width:122px;max-width:100%;margin-top:5px}
 html[data-theme="resonance"] .clear-focus .hold-card{padding-left:5px;padding-right:5px}
 html[data-theme="resonance"] .clear-focus .section-label{letter-spacing:.7px}
 html[data-theme="resonance"] .clear-focus .board-topline{letter-spacing:0}
 html[data-theme="resonance"] .clear-focus .theme-list{padding-bottom:2px}
 html[data-theme="resonance"] .clear-focus .battle-heading h1{font-size:28px}
 html[data-theme="resonance"] .clear-focus .battle-previews>section,html[data-theme="resonance"] .clear-focus .battle-previews>button{padding-left:2px;padding-right:2px}
}
@media(max-width:950px) and (max-height:520px){
 html[data-theme="resonance"] .clear-focus .dashboard{max-width:155px}
 html[data-theme="resonance"] .clear-focus .score-card strong{font-size:25px}
 html[data-theme="resonance"] .clear-focus .metrics strong{font-size:21px}
 html[data-theme="resonance"] .clear-focus .mode-tabs button{font-size:14px}
 html[data-theme="resonance"] .clear-focus .next-card{margin-top:10px}
 html[data-theme="resonance"] .clear-focus .next-card canvas{width:78px}
 html[data-theme="resonance"] .clear-focus .hold-card canvas{width:98px}
 html[data-theme="resonance"] .clear-focus .time-card{margin-top:4px}
}