:root{--bg:#081019;--surface:#0f1b28;--surface2:#142434;--card:#101e2b;--line:#274054;--text:#edf7ff;--muted:#8fa6b8;--accent:#53e0b4;--accent2:#84b7ff;--danger:#ff7185;--warning:#ffc863;--shadow:0 18px 50px rgba(0,0,0,.28);--radius:22px;--board:#eaf3f7;--boardText:#102331;--given:#0b2838;--cell:#f8fcff;--cellAlt:#eef7fb;--select:#a8e7d7;--related:#d8f2eb}
:root[data-theme=light]{--bg:#f4f7f9;--surface:#fff;--surface2:#f0f5f7;--card:#fff;--line:#dce6eb;--text:#10212c;--muted:#687b88;--accent:#087e66;--accent2:#2866b5;--danger:#bf3349;--warning:#9e6500;--shadow:0 14px 40px rgba(24,48,63,.12);--board:#dce9ee;--boardText:#132833;--given:#183947;--cell:#fff;--cellAlt:#f5fafc;--select:#afe7d8;--related:#e2f4ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0%,rgba(83,224,180,.08),transparent 28%),var(--bg);color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:72px;display:flex;align-items:center;gap:24px;padding:0 max(20px,calc((100vw - 1220px)/2));position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:800;font-size:18px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07131b;font-size:12px;box-shadow:0 8px 25px rgba(83,224,180,.2)}.navlinks{display:flex;gap:7px;align-items:center;flex:1}.navlinks a{padding:8px 11px;color:var(--muted);text-decoration:none;border-radius:10px;font-weight:650}.navlinks a:hover,.navlinks a.active{color:var(--text);background:var(--surface2)}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);width:38px;height:38px;border-radius:12px;cursor:pointer}.player-chip{border:1px solid var(--line);background:var(--surface);color:var(--text);text-decoration:none;padding:7px 12px;border-radius:999px}.site-main{width:min(1220px,calc(100% - 32px));margin:0 auto;padding:34px 0 70px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:stretch;margin-bottom:30px}.hero-card,.card{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,white 1%),var(--surface));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:48px;min-height:360px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-70px;top:-70px;background:radial-gradient(circle,var(--accent),transparent 67%);opacity:.12}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--accent);font-weight:850}.hero h1{font-size:clamp(36px,5vw,66px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 18px;max-width:820px}.hero p{font-size:18px;color:var(--muted);max-width:720px}.hero-actions,.row-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{appearance:none;border:0;border-radius:13px;padding:11px 17px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surface2);color:var(--text);border:1px solid var(--line)}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--accent),#63d7f3);color:#06151c;border-color:transparent}.btn-danger{background:color-mix(in srgb,var(--danger) 18%,var(--surface));color:var(--danger)}.btn-ghost{background:transparent}.stats-card{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{padding:18px;background:var(--surface2);border:1px solid var(--line);border-radius:16px}.stat strong{display:block;font-size:28px;line-height:1.1}.stat span{color:var(--muted);font-size:13px}.section{margin-top:34px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:15px}.section-head h2{margin:0;font-size:25px;letter-spacing:-.03em}.section-head p{margin:2px 0 0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.category-card,.challenge-card{padding:20px;text-decoration:none;color:var(--text);transition:.2s}.category-card:hover,.challenge-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.difficulty{display:inline-flex;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent2) 12%,var(--surface2));color:var(--accent2);font-size:12px;font-weight:800}.category-card h3,.challenge-card h3{margin:12px 0 7px}.muted{color:var(--muted)}.challenge-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:12px}.video-thumb{aspect-ratio:16/9;background:var(--surface2);border-radius:14px;overflow:hidden;margin-bottom:14px}.video-thumb img{width:100%;height:100%;object-fit:cover}.game-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:24px;align-items:start}.video-panel,.game-panel{padding:18px}.video-wrap{position:relative;aspect-ratio:16/9;min-height:200px;overflow:hidden;border-radius:16px;background:#000}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.mode-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.mode-tabs button{flex:1;min-width:110px}.game-toolbar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.metric{padding:10px 8px;text-align:center;border:1px solid var(--line);background:var(--surface2);border-radius:12px}.metric strong{display:block;font-size:17px}.metric span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.sudoku-board{display:grid;grid-template-columns:repeat(9,1fr);aspect-ratio:1;width:100%;background:var(--board);border:3px solid var(--boardText);border-radius:12px;overflow:hidden;user-select:none}.sudoku-cell{position:relative;display:grid;place-items:center;background:var(--cell);color:var(--boardText);font-size:clamp(18px,3.2vw,32px);font-weight:600;border-right:1px solid #b9cbd2;border-bottom:1px solid #b9cbd2;cursor:pointer}.sudoku-cell:nth-child(3n){border-right:2px solid var(--boardText)}.sudoku-cell:nth-child(9n){border-right:0}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--boardText)}.sudoku-cell.given{font-weight:900;color:var(--given);background:var(--cellAlt)}.sudoku-cell.related{background:var(--related)}.sudoku-cell.selected{background:var(--select)}.sudoku-cell.error{animation:shake .25s;color:var(--danger)}@keyframes shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.notes-grid{position:absolute;inset:3px;display:grid;grid-template-columns:repeat(3,1fr);font-size:9px;font-weight:700;color:#54717f;line-height:1}.number-pad{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;margin-top:12px}.num-btn{aspect-ratio:1;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--text);font-weight:850;font-size:18px;cursor:pointer}.game-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}.game-actions button{padding:10px 7px}.result-card{padding:24px;text-align:center}.result-score{font-size:52px;font-weight:900;letter-spacing:-.05em}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.result-grid .stat{padding:12px}.form-card{max-width:540px;margin:30px auto;padding:28px}.form-card h1{margin-top:0}.field{margin:15px 0}.field label{display:block;font-size:13px;color:var(--muted);font-weight:700;margin-bottom:6px}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:12px;padding:12px 13px;outline:none}.textarea{min-height:120px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent)}.alert{padding:11px 13px;border-radius:12px;background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));margin:12px 0}.success{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}.table{width:100%;border-collapse:collapse;min-width:680px;background:var(--surface)}.table th,.table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line)}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--surface2)}.table tr:last-child td{border-bottom:0}.profile-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px}.profile-name{font-size:30px;font-weight:900}.admin-shell{display:grid;grid-template-columns:230px 1fr;gap:20px}.admin-nav{padding:14px;position:sticky;top:90px}.admin-nav a{display:block;color:var(--muted);text-decoration:none;padding:10px 12px;border-radius:10px}.admin-nav a:hover,.admin-nav a.active{background:var(--surface2);color:var(--text)}.admin-content .card{padding:22px}.solver-layout{display:grid;grid-template-columns:minmax(340px,560px) 1fr;gap:22px}.solver-steps{max-height:650px;overflow:auto}.solver-step{padding:11px;border-bottom:1px solid var(--line);cursor:pointer}.solver-step.active{background:color-mix(in srgb,var(--accent) 10%,var(--surface2))}.solver-step b{display:block}.recording .topbar,.recording .footer,.recording .admin-nav,.recording .record-hide{display:none!important}.recording .site-main{width:min(760px,calc(100% - 20px));padding:20px 0}.recording .solver-layout{display:block}.recording .solver-layout>div:last-child{display:none}.toast{position:fixed;right:20px;bottom:20px;background:#07151d;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);transition:.2s;z-index:100}.toast.show{opacity:1;transform:none}.footer{width:min(1220px,calc(100% - 32px));margin:0 auto;border-top:1px solid var(--line);padding:22px 0 40px;display:flex;justify-content:space-between;color:var(--muted)}.empty{padding:30px;text-align:center;color:var(--muted)}
@media(max-width:920px){.navlinks{display:none}.topbar{padding:0 16px}.hero{grid-template-columns:1fr}.hero-card{padding:30px}.grid,.grid-3{grid-template-columns:repeat(2,1fr)}.game-shell,.solver-layout,.admin-shell{grid-template-columns:1fr}.admin-nav{position:static;display:flex;overflow:auto;gap:4px}.admin-nav a{white-space:nowrap}.game-panel{order:1}.video-panel{order:2}.site-main{padding-top:20px}.result-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.site-main{width:min(100% - 20px,1220px)}.brand span:last-child{display:none}.grid,.grid-3,.grid-2{grid-template-columns:1fr}.hero-card{padding:24px;min-height:310px}.hero h1{font-size:40px}.hero p{font-size:16px}.stats-card{padding:14px}.game-panel,.video-panel{padding:12px}.game-toolbar{grid-template-columns:repeat(4,1fr);gap:5px}.metric{padding:8px 4px}.metric strong{font-size:15px}.number-pad{gap:4px}.num-btn{font-size:16px}.game-actions{grid-template-columns:repeat(2,1fr)}.sudoku-cell{font-size:clamp(18px,7vw,29px)}.footer{flex-direction:column;gap:5px}.profile-head{align-items:flex-start;flex-direction:column}}

.name-banner{width:min(1220px,calc(100% - 32px));margin:14px auto 0;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.name-banner strong{display:block}.name-banner span{display:block;color:var(--muted);font-size:13px}.name-banner-form{display:flex;gap:8px;min-width:min(420px,45vw)}.name-banner-form .input{margin:0}@media(max-width:700px){.name-banner{align-items:stretch;flex-direction:column}.name-banner-form{min-width:0;width:100%}}

.recording .admin-shell{display:block}.challenge-shell .video-panel{align-self:start}@media(max-width:920px){.challenge-shell .video-panel{order:1}.challenge-shell .game-panel{order:2}}

/* Sudoku Frenzy v1.1 — brand, themes and player UX */
:root[data-theme=midnight]{--bg:#061226;--surface:#0b1b34;--surface2:#102743;--card:#0c1d36;--line:#244467;--text:#eef7ff;--muted:#91a9c5;--accent:#22d3ee;--accent2:#60a5fa;--danger:#fb7185;--warning:#fbbf24;--shadow:0 18px 55px rgba(0,0,0,.38);--board:#dfeaf4;--boardText:#0c2740;--given:#0c2f4e;--cell:#f8fbff;--cellAlt:#eaf3fb;--select:#8de8f0;--related:#d8edf5;--same:#baf4e8}
.brand-mark{background-image:url('../img/sudoku-frenzy-icon.png');background-size:235%;background-position:center;background-repeat:no-repeat;color:transparent;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));box-shadow:0 8px 25px rgba(34,211,238,.18)}
.theme-picker{position:relative}.theme-picker summary{list-style:none;display:grid;place-items:center}.theme-picker summary::-webkit-details-marker{display:none}.theme-menu{position:absolute;right:0;top:48px;width:190px;padding:8px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);z-index:90}.theme-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--text);cursor:pointer;text-align:left;font-weight:700}.theme-menu button:hover,.theme-menu button.active{background:var(--surface2)}.theme-dot{width:15px;height:15px;border-radius:50%;border:1px solid var(--line);display:inline-block}.theme-dot-dark{background:#081019}.theme-dot-light{background:#f4f7f9}.theme-dot-midnight{background:#071b36}
.game-mount{position:relative}.sudoku-cell{appearance:none;padding:0}.sudoku-cell.same-number:not(.selected){background:color-mix(in srgb,var(--accent) 32%,var(--cell))}.sudoku-cell.related.same-number:not(.selected){background:color-mix(in srgb,var(--accent) 42%,var(--cell))}.sudoku-cell.selected{outline:3px solid color-mix(in srgb,var(--accent) 72%,transparent);outline-offset:-3px;background:var(--select);z-index:2}.sudoku-cell.conflict{color:var(--danger)!important;background:color-mix(in srgb,var(--danger) 16%,var(--cell))!important}.num-btn.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--surface2));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}
.game-settings{margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface2);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.game-settings[hidden]{display:none}.game-settings strong{grid-column:1/-1}.game-settings label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.game-settings input{accent-color:var(--accent)}
.game-lock-overlay{position:absolute;inset:0;z-index:20;border-radius:16px;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(7px);display:grid;place-items:center;text-align:center;padding:24px}.game-lock-overlay>div{max-width:320px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.game-lock-overlay strong,.game-lock-overlay small{display:block}.game-lock-overlay small{margin-top:6px;color:var(--muted)}.lock-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06151c;font-size:20px}
.game-focus .topbar,.game-focus .footer,.game-focus .name-banner,.game-focus .section-head:not(.recording-head){display:none!important}.game-focus .site-main{width:min(1180px,calc(100% - 20px));padding:12px 0 30px}.game-focus .game-shell{margin-top:0}.game-focus .game-panel{box-shadow:none}
@media(max-width:920px){.topbar{height:58px}.brand-mark{width:34px;height:34px}.player-chip{max-width:120px;overflow:hidden;text-overflow:ellipsis}.game-settings{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.topbar{gap:10px;padding:0 10px}.header-actions{gap:6px}.player-chip{padding:6px 9px;max-width:96px}.icon-btn{width:34px;height:34px}.game-settings{grid-template-columns:1fr}.game-actions{grid-template-columns:repeat(3,1fr)}.game-actions .btn{font-size:12px;padding:9px 5px}.sudoku-board{border-radius:8px}.sudoku-cell.selected{outline-width:2px}}

/* Video Challenge mobile flow */
.challenge-head{margin-bottom:16px}.challenge-shell{grid-template-columns:minmax(0,1.08fr) minmax(380px,520px)}.video-placeholder{display:none;aspect-ratio:16/9}.video-placeholder.active{display:block}.video-start-badge{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:3;background:rgba(4,14,23,.84);color:#fff;border:1px solid rgba(255,255,255,.18);padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800;pointer-events:none;white-space:nowrap}.mini-restore{display:none;border:1px solid rgba(255,255,255,.2);background:#06131d;color:#fff;width:32px;height:32px;border-radius:10px;cursor:pointer;z-index:102}.mini-restore.show{display:block;position:fixed;right:12px;bottom:118px}.video-wrap.is-mini{position:fixed;right:12px;bottom:12px;width:min(42vw,240px);min-height:0;z-index:100;border-radius:12px;box-shadow:0 16px 45px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.16)}.video-wrap.is-mini .video-start-badge{display:none}.challenge-video-mini .toast{bottom:130px}
@media(max-width:920px){.challenge-head{align-items:center;margin-bottom:10px}.challenge-head h2{font-size:21px}.challenge-head p{font-size:13px}.challenge-shell{grid-template-columns:1fr;gap:14px}.challenge-shell .video-panel{order:1}.challenge-shell .game-panel{order:2}.challenge-shell .video-panel,.challenge-shell .game-panel{padding:12px}.challenge-shell .mode-tabs{margin:10px 0 6px}.challenge-shell .mode-tabs .btn{padding:9px 8px;font-size:12px}.challenge-shell #modeHelp{font-size:12px;margin:4px 0}.challenge-shell .video-wrap{min-height:0}.challenge-shell .game-toolbar{margin-bottom:8px}}
@media(max-width:560px){.challenge-head .difficulty{display:none}.challenge-head .eyebrow{font-size:10px}.challenge-head h2{font-size:18px}.challenge-head p{margin-top:3px;line-height:1.35}.video-wrap.is-mini{width:176px}.mini-restore.show{bottom:106px}.challenge-video-mini .toast{bottom:116px}.challenge-shell{gap:10px}.challenge-shell .game-panel{padding:8px}.challenge-shell .video-panel{padding:9px}.challenge-shell .mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.challenge-shell .mode-tabs button{min-width:0}.video-start-badge{font-size:10px;bottom:8px;padding:5px 8px}}

/* Creator YouTube Recording Studio */
.recording-studio[hidden]{display:none}.recording-studio{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.recording-studio-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}.recording-studio-head h2{margin:3px 0;font-size:27px}.recording-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.recording-preview-column{min-width:0}.recording-canvas-wrap{position:relative;aspect-ratio:16/9;background:#02070c;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);touch-action:none}.recording-canvas-wrap canvas{display:block;width:100%;height:100%;cursor:default}.recording-canvas-wrap.show-safe:after{content:"";position:absolute;inset:5.4% 5.4%;border:2px dashed rgba(255,255,255,.32);border-radius:8px;pointer-events:none}.safe-zone-label{position:absolute;left:6.2%;top:6.4%;z-index:2;font-size:10px;color:rgba(255,255,255,.65);background:rgba(0,0,0,.42);padding:3px 6px;border-radius:6px;pointer-events:none}.recording-statusbar{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;padding:9px 4px;color:var(--muted);font-size:12px}.recording-statusbar strong{color:var(--text)}.recording-transport{display:flex;flex-wrap:wrap;gap:7px;margin-top:5px}.recording-controls{padding:18px!important;position:sticky;top:74px}.recording-controls h3{margin:0 0 10px}.recording-controls .field{margin:11px 0}.recording-small-grid{gap:8px}.toggle-row{display:grid;grid-template-columns:auto 72px auto 72px;align-items:center;gap:7px;margin:10px 0}.toggle-row label,.toggle-grid label{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:12px}.toggle-row input[type=checkbox],.toggle-grid input[type=checkbox]{accent-color:var(--accent)}.mini-input{padding:8px!important}.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 9px;margin:10px 0}.soft-rule{border:0;border-top:1px solid var(--line);margin:16px 0}.compact-actions{gap:5px;margin-top:7px}.compact-actions .btn{font-size:11px;padding:8px 9px}.logo-position-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.logo-position-grid .btn{padding:8px}.range{width:100%;accent-color:var(--accent)}.recording-notice{padding:11px;border-radius:12px;background:color-mix(in srgb,var(--accent) 7%,var(--surface2));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))}.recording-notice strong,.recording-notice span{display:block}.recording-notice span{font-size:11px;color:var(--muted);margin-top:3px}.recorded-output{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.recorded-output video{display:block;width:100%;aspect-ratio:16/9;background:#000;border-radius:10px}.file-btn{cursor:pointer}
@media(max-width:1180px){.recording-workspace{grid-template-columns:1fr}.recording-controls{position:static}.recording-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.recording-controls>h3,.recording-controls>.soft-rule,.recording-controls>.recording-notice,.recording-controls>.toggle-grid,.recording-controls>.toggle-row,.recording-controls>.compact-actions{grid-column:1/-1}}
@media(max-width:700px){.recording-studio-head{align-items:flex-start;flex-direction:column}.recording-controls{display:block}.recording-transport .btn{flex:1 1 145px}.recording-statusbar{display:grid;grid-template-columns:1fr 1fr}.toggle-row{grid-template-columns:auto 70px auto 70px}.recording-studio{margin-left:-4px;margin-right:-4px}}

/* Creator quality + recorder preflight */
.creator-quality{padding:16px 18px!important;margin-bottom:16px;display:grid;grid-template-columns:auto 1fr;gap:10px 22px;align-items:center}.creator-quality>div:first-child{white-space:nowrap}.creator-quality #qualityScore{display:inline-block;font-size:42px;line-height:1;margin:5px 3px 0 0}.quality-metrics{display:flex;flex-wrap:wrap;gap:7px}.quality-metrics span{padding:6px 9px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);color:var(--muted);font-size:11px}.quality-metrics b{color:var(--text);margin-left:4px}.quality-note{grid-column:1/-1;font-size:12px}.creator-quality.quality-good{border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}.creator-quality.quality-good #qualityScore{color:var(--accent)}.creator-quality.quality-warn #qualityScore{color:var(--warning)}.recording-preflight{display:grid;grid-template-columns:1fr;gap:5px}.preflight-item{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:9px;font-size:11px;background:var(--surface2);color:var(--muted)}.preflight-item span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-weight:900}.preflight-item.pass span{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.preflight-item.fail span{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.preflight-item.warn span{background:color-mix(in srgb,var(--warning) 18%,transparent);color:var(--warning)}
@media(max-width:700px){.creator-quality{grid-template-columns:1fr}.quality-note{grid-column:auto}}

/* Sudoku Frenzy 1.2.0 — player polish + wide creator workflow */
:root[data-theme=midnight]{--bg:#050b18;--surface:#0b1730;--surface2:#102342;--card:#0b1730;--line:#203b5d;--text:#f3f8ff;--muted:#8ea7c8;--accent:#64ddec;--accent2:#7ea8ff;--danger:#ff748d;--warning:#ffc96b;--shadow:0 18px 50px rgba(0,0,0,.38);--board:#e7eef4;--boardText:#102a3a;--given:#102a3a;--cell:#f8fbfd;--cellAlt:#edf4f8;--select:#8cdfe7;--related:#d9edf2}
.admin-shell{grid-template-columns:210px minmax(0,1fr);width:min(1680px,calc(100vw - 32px));margin-left:50%;transform:translateX(-50%)}
.admin-content{min-width:0}.solver-layout{grid-template-columns:minmax(420px,.8fr) minmax(360px,1.2fr);gap:16px}.solver-layout>.card:first-child{min-width:0}.solver-page-head{align-items:center}.action-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.action-bar .btn{white-space:nowrap}.admin-content>.section-head{position:relative}
.game-main{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:14px;align-items:start}.game-input-panel{display:flex;flex-direction:column;gap:10px}.number-pad{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:0}.num-btn{aspect-ratio:1;border-radius:14px;font-size:28px;transition:.15s}.num-btn.active{transform:translateY(-1px);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 28%,transparent),0 8px 22px color-mix(in srgb,var(--accent) 18%,transparent)}
.game-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.tool-btn{min-height:50px;display:flex;flex-direction:column;gap:2px;padding:7px 6px!important;font-size:11px}.tool-icon{font-size:20px;line-height:1}.sudoku-cell .cell-value{position:relative;z-index:2}.sudoku-cell.same-number:not(.selected) .cell-value{color:var(--accent);font-weight:950;text-shadow:0 0 14px color-mix(in srgb,var(--accent) 34%,transparent)}.sudoku-cell.given.same-number:not(.selected) .cell-value{color:color-mix(in srgb,var(--accent) 82%,var(--given))}.sound-volume-setting{grid-column:1/-1!important;display:grid!important;grid-template-columns:auto 1fr;gap:12px!important}.sound-volume-setting input{width:100%;accent-color:var(--accent)}.result-trophy{font-size:64px;line-height:1;margin-bottom:8px}
.recording-studio{width:100%}.recording-workspace{grid-template-columns:minmax(640px,1fr) minmax(310px,380px);gap:14px}.recording-controls{padding:12px!important;max-height:calc(100vh - 90px);overflow:auto}.recording-controls-title{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:5px 4px 10px}.recording-controls-title h3{margin:2px 0 0}.recording-setting-card{border:1px solid var(--line);border-radius:13px;background:var(--surface2);margin:8px 0;overflow:hidden}.recording-setting-card>summary{list-style:none;cursor:pointer;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:850}.recording-setting-card>summary::-webkit-details-marker{display:none}.recording-setting-card>summary:after{content:'＋';color:var(--accent);font-size:18px}.recording-setting-card[open]>summary:after{content:'−'}.recording-setting-card>summary span{display:block}.recording-setting-card>summary small{margin-left:auto;color:var(--muted);font-weight:600;font-size:10px}.recording-setting-body{padding:2px 12px 12px;border-top:1px solid var(--line)}.recording-setting-body .field{margin:9px 0}.recording-setting-body .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setting-check{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:12px;margin:9px 0}.setting-check input{accent-color:var(--accent)}.recording-settings-footer{position:sticky;bottom:-12px;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px 2px 2px;background:linear-gradient(180deg,transparent,var(--surface) 22%);z-index:4}.recording-settings-footer .btn{padding:10px 8px}.recording-canvas-wrap{width:100%}.recording-preview-column{min-width:0}.recording-transport{position:sticky;bottom:8px;z-index:8;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);padding:8px;border:1px solid var(--line);border-radius:14px}.recording-statusbar{padding:8px 2px}.compact-actions{display:flex!important;flex-wrap:wrap!important}.puzzle-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.puzzle-actions form{display:inline-flex!important}.puzzle-actions .btn{padding:8px 10px;font-size:12px}
@media(max-width:1280px){.admin-shell{width:calc(100vw - 20px);grid-template-columns:190px minmax(0,1fr)}.recording-workspace{grid-template-columns:1fr}.recording-controls{position:static;max-height:none}.solver-layout{grid-template-columns:minmax(360px,.9fr) minmax(320px,1.1fr)}}
@media(max-width:920px){.admin-shell{display:block;width:calc(100vw - 18px);transform:none;margin:0 auto}.admin-nav{position:static;margin-bottom:12px;display:flex;overflow:auto;gap:4px}.admin-nav a{white-space:nowrap}.solver-layout{grid-template-columns:1fr}.action-bar{justify-content:flex-start}.game-main{display:block}.number-pad{grid-template-columns:repeat(9,1fr);gap:5px;margin-top:10px}.num-btn{font-size:18px;border-radius:10px}.game-actions{grid-template-columns:repeat(7,1fr)}.tool-btn{min-height:46px;font-size:9px}.tool-icon{font-size:17px}}
@media(max-width:620px){.game-actions{grid-template-columns:repeat(4,1fr)}.recording-setting-card>summary small{display:none}.recording-settings-footer{grid-template-columns:1fr}.recording-controls{padding:8px!important}.recording-setting-body .grid{grid-template-columns:1fr}.action-bar .btn{flex:1 1 160px}.number-pad{gap:3px}.num-btn{font-size:16px}}
/* Keep the Video Challenge board large: the 3×3 side keypad is used where width permits; compact challenge panels use a horizontal keypad. */
.challenge-shell .game-main{display:block}.challenge-shell .number-pad{grid-template-columns:repeat(9,1fr);gap:5px;margin-top:10px}.challenge-shell .num-btn{font-size:18px;border-radius:10px}.challenge-shell .game-actions{grid-template-columns:repeat(4,1fr);margin-top:8px}.challenge-shell .tool-btn{min-height:45px}
@media(min-width:1500px){.challenge-shell{grid-template-columns:minmax(0,1fr) minmax(560px,660px)}.challenge-shell .game-main{display:grid;grid-template-columns:minmax(0,1fr) 190px}.challenge-shell .number-pad{grid-template-columns:repeat(3,1fr);margin-top:0}.challenge-shell .game-actions{grid-template-columns:repeat(2,1fr)}}

/* Sudoku Frenzy 1.2.1 hotfix — stable board, live score, completed numbers */
.game-toolbar{grid-template-columns:repeat(5,minmax(0,1fr))}.score-metric strong{color:var(--accent);font-weight:950}
.sudoku-board{grid-template-rows:repeat(9,minmax(0,1fr));min-height:0}
.sudoku-cell{min-width:0;min-height:0;overflow:hidden}
.num-btn:disabled,.num-btn.complete{opacity:.30;filter:saturate(.35);cursor:not-allowed;box-shadow:none!important;transform:none!important}
.num-btn.complete span{text-decoration:line-through;text-decoration-thickness:1px}
.challenge-shell .game-panel,.challenge-shell #gameMount,.challenge-shell .game-main{min-width:0;min-height:0}
.challenge-shell .sudoku-board{width:100%;height:auto;max-width:100%}
.recording-autosave-status{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;padding:8px 2px}.recording-autosave-status strong{color:var(--accent)}
@media(max-width:920px){.game-toolbar{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.metric{padding:7px 3px}.metric strong{font-size:14px}.metric span{font-size:9px}}
@media(max-width:560px){.game-toolbar{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.metric strong{font-size:13px}.metric span{font-size:8px}}

/* v1.4 Video Design Studio */
.recording-divider{border:0;border-top:1px solid var(--line);margin:16px 0}.color-input{padding:4px;min-height:42px}.compact-title{margin:0 0 8px}.recording-canvas-wrap.layout-editing{outline:2px dashed rgba(66,215,233,.7);outline-offset:4px}.recording-canvas-wrap.layout-editing canvas{cursor:move}.layout-editor-badge{position:absolute;left:12px;top:12px;z-index:4;background:#07131bd9;color:#fff;border:1px solid #42d7e9;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;pointer-events:none}.recording-canvas-wrap{position:relative}.recording-setting-card textarea.textarea{resize:vertical}

/* v1.5 Intro/Outro Studio + homepage */
.recording-scene-tabs{display:flex;gap:7px;margin:0 0 8px}.recording-scene-tabs .active{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06151c;border-color:transparent}.scene-mini-timeline{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:10px;color:var(--muted);margin-top:10px}.scene-timeline-track{height:8px;border-radius:999px;background:var(--surface);border:1px solid var(--line);overflow:hidden}.scene-timeline-track i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:inherit}.recording-canvas-wrap.scene-editing canvas{cursor:move}
.home-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:22px;align-items:stretch}.home-hero-copy{padding:58px;min-height:500px;display:flex;flex-direction:column;justify-content:center}.home-hero-copy h1{font-size:clamp(44px,6vw,82px);line-height:.96;letter-spacing:-.055em;margin:13px 0 18px}.home-hero-copy p{font-size:19px;max-width:650px;color:var(--muted)}.hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:var(--muted);font-size:13px}.hero-proof strong{color:var(--text)}.home-feature{padding:22px;display:flex;flex-direction:column;justify-content:space-between;min-height:500px;background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 88%,var(--accent) 6%),var(--surface))}.home-feature-board{display:grid;grid-template-columns:repeat(9,1fr);aspect-ratio:1;border:3px solid color-mix(in srgb,var(--text) 75%,transparent);border-radius:16px;overflow:hidden;background:#fff}.home-feature-board span{display:grid;place-items:center;color:#163244;font-weight:800;font-size:clamp(10px,1.2vw,20px);border-right:1px solid #d5e0e6;border-bottom:1px solid #d5e0e6}.home-feature-board span:nth-child(3n){border-right:2.5px solid #416071}.home-feature-board span:nth-child(n+19):nth-child(-n+27),.home-feature-board span:nth-child(n+46):nth-child(-n+54){border-bottom:2.5px solid #416071}.home-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px}.pulse-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--accent);box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 12%,transparent);margin-right:8px}.home-section{margin-top:52px}.home-section .section-head{align-items:center}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.level-card{position:relative;overflow:hidden;min-height:160px;padding:22px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;justify-content:space-between}.level-card:after{content:'→';position:absolute;right:18px;bottom:15px;font-size:24px;color:var(--accent)}.level-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.challenge-spotlight{display:grid;grid-template-columns:1fr 1fr;gap:18px}.challenge-spotlight .card{padding:28px}.score-rank{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.score-rank:last-child{border:0}.rank-medal{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--surface2);font-weight:900}.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step-card{padding:26px}.step-no{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06151c;font-weight:950}.home-final-cta{text-align:center;padding:50px;margin-top:52px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 50%),var(--surface)}.home-final-cta h2{font-size:clamp(30px,5vw,52px);margin:5px 0 10px}.feature-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.feature-pill{padding:7px 10px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:750}
@media(max-width:980px){.home-hero{grid-template-columns:1fr}.home-feature{min-height:auto}.home-hero-copy{min-height:auto;padding:38px}.level-grid{grid-template-columns:repeat(2,1fr)}.challenge-spotlight{grid-template-columns:1fr}.steps-row{grid-template-columns:1fr}}
@media(max-width:560px){.home-hero-copy{padding:28px 22px}.home-hero-copy h1{font-size:48px}.level-grid{grid-template-columns:1fr}.recording-scene-tabs{display:grid;grid-template-columns:repeat(3,1fr)}}
/* v1.6 progression + admin studio */
.progress-chip{display:flex;flex-direction:column;gap:2px;align-items:flex-end;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.progress-chip strong{font-size:1.15rem}.progress-chip span{color:var(--muted);font-size:.78rem}.mini-progress{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.mini-progress span,.status-pill{padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);font-size:.8rem}.status-pill.success{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}
.scene-studio-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:16px;margin-top:16px}.scene-stage-card{padding:14px;overflow:auto}.scene-stage-card canvas{display:block;max-width:100%;max-height:72vh;margin:auto;background:#06111c;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.28);touch-action:none}.scene-inspector{padding:18px;max-height:78vh;overflow:auto}.scene-element-list{display:grid;gap:7px;margin:12px 0}.scene-list-item{width:100%;display:flex;justify-content:space-between;gap:10px;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);cursor:pointer}.scene-list-item.active{outline:2px solid var(--accent)}.scene-list-item small{color:var(--muted)}.scene-fields{display:grid;gap:10px}.scene-fields label{display:grid;gap:5px;font-size:.82rem;color:var(--muted)}.studio-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.danger{border-color:#7c2931!important;color:#ff9da7!important}.control-lock{padding:22px;border-color:color-mix(in srgb,var(--accent) 35%,var(--line));margin-bottom:16px}.control-stats{margin:16px 0}.policy-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}.achievement-card{padding:20px}.achievement-icon{font-size:2rem;display:block;margin-bottom:8px}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:980px){.scene-studio-grid{grid-template-columns:1fr}.scene-inspector{max-height:none}.grid-5{grid-template-columns:1fr 1fr}.progress-chip{align-items:flex-start}}
@media(max-width:640px){.grid-5{grid-template-columns:1fr}.progress-chip{width:100%}}

/* 1.6.1 · Brand Studio approval + compact Solver workspace */
.solver-inner-tabs{display:flex;gap:8px;align-items:center;margin:14px 0}.solver-tab-panel[hidden]{display:none!important}.challenge-studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.solver-collapsible{padding:0!important;overflow:hidden}.solver-collapsible>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer;font-weight:900;border-bottom:1px solid transparent}.solver-collapsible>summary::-webkit-details-marker{display:none}.solver-collapsible>summary:after{content:'＋';font-size:19px;color:var(--accent)}.solver-collapsible[open]>summary{border-bottom-color:var(--line)}.solver-collapsible[open]>summary:after{content:'−'}.solver-collapsible>summary small{margin-left:auto;color:var(--muted);font-size:11px;font-weight:650}.solver-card-body{padding:18px}.solver-card-flush{padding:0}.brand-preview-notice{display:grid;gap:8px;margin:10px 0}.brand-preview-notice .btn{justify-self:start}.brand-source-card{margin-bottom:14px}.brand-source-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.brand-source-head h3{margin:4px 0}.brand-save-state{font-size:12px;font-weight:850;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:999px;padding:7px 10px;white-space:nowrap}.brand-save-state.dirty{color:#d58a17;border-color:#d58a17}.brand-source-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.brand-source-option{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);background:var(--surface2);border-radius:13px;padding:13px;cursor:pointer}.brand-source-option:has(input:checked){border-color:var(--accent);outline:1px solid var(--accent)}.brand-source-option input{margin-top:4px;accent-color:var(--accent)}.brand-source-option span{display:grid;gap:3px}.brand-source-option small{color:var(--muted)}.brand-upload-row,.brand-save-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.brand-save-actions{justify-content:space-between;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.brand-video-preview{display:block;width:min(720px,100%);max-height:360px;margin-top:14px;border-radius:14px;background:#000}.brand-video-preview[hidden]{display:none}.scene-stage-card.clean-preview canvas{cursor:default}.scene-inspector.preview-disabled{opacity:.55;pointer-events:none}
@media(max-width:920px){.challenge-studio-grid,.brand-source-options{grid-template-columns:1fr}.solver-collapsible>summary small{display:none}.brand-source-head{display:grid}}


/* Sudoku Frenzy v1.7.0 — Admin Workspace navigation */
.admin-shell{grid-template-columns:260px minmax(0,1fr)}
.admin-nav{padding:12px;overflow:hidden;transition:width .2s ease,padding .2s ease}
.admin-nav-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 6px 12px;border-bottom:1px solid var(--line);margin-bottom:8px}
.admin-nav-head strong{display:block;font-size:15px}
.admin-nav-kicker{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:2px}
.admin-nav-collapse{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--surface2);color:var(--text);cursor:pointer;flex:0 0 auto}
.admin-nav-group{border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.admin-nav-group:last-child{border-bottom:0}
.admin-nav-group summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 10px;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border-radius:10px}
.admin-nav-group summary::-webkit-details-marker{display:none}
.admin-nav-group summary:hover{background:var(--surface2);color:var(--text)}
.admin-nav-chevron{font-size:14px;transition:transform .18s ease}
.admin-nav-group[open] .admin-nav-chevron{transform:rotate(180deg)}
.admin-nav-items{padding:0 0 8px}
.admin-nav a{display:flex;align-items:center;gap:10px}
.admin-nav-dot{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--muted) 65%,transparent);flex:0 0 auto}
.admin-nav a.active .admin-nav-dot{background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 55%,transparent)}
.admin-nav-footer{border-top:1px solid var(--line);padding-top:8px;margin-top:8px}
.admin-nav.is-collapsed{width:68px;padding:10px 8px}
.admin-nav.is-collapsed .admin-nav-head>div,
.admin-nav.is-collapsed .admin-nav-group summary span:first-child,
.admin-nav.is-collapsed .admin-nav-chevron,
.admin-nav.is-collapsed .admin-nav-label{display:none}
.admin-nav.is-collapsed .admin-nav-head{justify-content:center}
.admin-nav.is-collapsed .admin-nav-group summary{justify-content:center;padding:7px}
.admin-nav.is-collapsed .admin-nav-group summary:after{content:"••";color:var(--muted);letter-spacing:2px}
.admin-nav.is-collapsed .admin-nav-items{padding-bottom:6px}
.admin-nav.is-collapsed a{justify-content:center;padding:11px}
.admin-nav-is-collapsed .admin-shell{grid-template-columns:68px minmax(0,1fr)}
@media(max-width:920px){
  .admin-shell,.admin-nav-is-collapsed .admin-shell{grid-template-columns:1fr}
  .admin-nav,.admin-nav.is-collapsed{width:auto;position:static;padding:10px;display:block;overflow:visible}
  .admin-nav-head{display:flex}
  .admin-nav-collapse{display:none}
  .admin-nav-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .admin-nav-group{border:1px solid var(--line);border-radius:12px}
  .admin-nav.is-collapsed .admin-nav-head>div,
  .admin-nav.is-collapsed .admin-nav-group summary span:first-child,
  .admin-nav.is-collapsed .admin-nav-chevron,
  .admin-nav.is-collapsed .admin-nav-label{display:initial}
  .admin-nav.is-collapsed .admin-nav-group summary{justify-content:space-between;padding:11px 10px}
  .admin-nav.is-collapsed .admin-nav-group summary:after{content:none}
  .admin-nav.is-collapsed a{justify-content:flex-start;padding:10px 12px}
}
@media(max-width:560px){
  .admin-nav-groups{grid-template-columns:1fr}
}

/* ===== Sudoku Frenzy 1.8 Premium UI / Skin / Studio Foundation ===== */
:root{
 --premium-bg:#071019;--premium-panel:#0c1822;--premium-panel-2:#10212d;
 --premium-line:#1d3947;--premium-glow:rgba(25,229,223,.20);
}
body{background:
 radial-gradient(circle at 12% 0%,rgba(25,229,223,.07),transparent 24%),
 radial-gradient(circle at 88% 8%,rgba(255,76,91,.055),transparent 19%),
 var(--bg);}
.topbar{backdrop-filter:blur(18px);background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent) 12%,var(--line))}
.card{border-color:color-mix(in srgb,var(--accent) 8%,var(--line));box-shadow:0 18px 50px rgba(0,0,0,.16)}
.btn{transition:transform .15s ease,border-color .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px)}
.section-head h2{letter-spacing:-.035em}.eyebrow{letter-spacing:.11em}
.game-shell{align-items:start}.game-panel{position:relative;overflow:hidden}
.game-panel:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.7}
.game-skin-picker{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 14px}.game-skin-picker label{font-size:12px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.game-skin-picker .select{width:auto;min-width:180px}

/* game skins use variables only so the engine remains untouched */
.game-mount{--skin-board:var(--board);--skin-cell:var(--cell);--skin-alt:var(--cellAlt);--skin-grid:#b9cbd2;--skin-grid-strong:var(--boardText);--skin-given:var(--given);--skin-player:var(--boardText);--skin-related:var(--related);--skin-select:var(--select);--skin-pad:var(--surface2);--skin-glow:none}
.game-mount .sudoku-board{background:var(--skin-board);border-color:var(--skin-grid-strong);box-shadow:var(--skin-glow)}
.game-mount .sudoku-cell{background:var(--skin-cell);color:var(--skin-player);border-color:var(--skin-grid)}
.game-mount .sudoku-cell.given{color:var(--skin-given);background:var(--skin-alt)}
.game-mount .sudoku-cell.related{background:var(--skin-related)}
.game-mount .sudoku-cell.selected{background:var(--skin-select);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 70%,white 8%)}
.game-mount .num-btn{background:var(--skin-pad)}
.game-mount.skin-neon{--skin-board:#03161d;--skin-cell:#071d26;--skin-alt:#0b2832;--skin-grid:#164b5c;--skin-grid-strong:#3cf5ed;--skin-given:#f5feff;--skin-player:#50f4ed;--skin-related:#0b303b;--skin-select:#12505a;--skin-pad:#0b2732;--skin-glow:0 0 34px rgba(25,229,223,.16)}
.game-mount.skin-tournament{--skin-board:#050708;--skin-cell:#0a0d0f;--skin-alt:#12171a;--skin-grid:#343d42;--skin-grid-strong:#d7e5e9;--skin-given:#fff;--skin-player:#68e7e2;--skin-related:#151d20;--skin-select:#21343a;--skin-pad:#11181b}
.game-mount.skin-minimal{--skin-board:#eef4f5;--skin-cell:#f9fcfc;--skin-alt:#edf4f5;--skin-grid:#c7d2d5;--skin-grid-strong:#293d45;--skin-given:#15232a;--skin-player:#087f87;--skin-related:#e7f5f5;--skin-select:#cceff0;--skin-pad:#f5fafa}
.game-mount.skin-minimal .metric,.game-mount.skin-minimal .game-settings,.game-mount.skin-minimal .num-btn,.game-mount.skin-minimal .tool-btn{color:#172a32}
.game-mount.skin-contrast{--skin-board:#000;--skin-cell:#000;--skin-alt:#111;--skin-grid:#777;--skin-grid-strong:#fff;--skin-given:#fff;--skin-player:#00fff2;--skin-related:#131b1d;--skin-select:#164b50;--skin-pad:#050505}
.game-mount.skin-soft{--skin-board:#12191e;--skin-cell:#182229;--skin-alt:#1d2a32;--skin-grid:#33434c;--skin-grid-strong:#8198a4;--skin-given:#e1ebef;--skin-player:#98ddd9;--skin-related:#202e35;--skin-select:#294049;--skin-pad:#1a262d}

/* result */
.result-card{background:
 radial-gradient(circle at 50% 0%,rgba(25,229,223,.12),transparent 36%),
 linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,#0a2029),var(--surface));}
.result-trophy{font-size:48px;filter:drop-shadow(0 8px 24px rgba(255,200,80,.18))}
.result-share-copy{margin:16px auto;max-width:580px;padding:14px 16px;border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--surface2) 86%,transparent);text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted)}

/* admin navigation premium */
.admin-nav{transition:width .2s ease,min-width .2s ease;padding:10px;overflow:hidden}
.admin-nav-head{display:flex;justify-content:space-between;align-items:center;padding:10px 8px 13px;border-bottom:1px solid var(--line);margin-bottom:8px}
.admin-nav-kicker{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.admin-nav-collapse{border:1px solid var(--line);background:var(--surface2);color:var(--text);width:32px;height:32px;border-radius:9px;cursor:pointer}
.admin-nav-group{border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent);padding:4px 0}
.admin-nav-group summary{display:flex;justify-content:space-between;align-items:center;padding:10px 9px;cursor:pointer;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);list-style:none}
.admin-nav-group summary::-webkit-details-marker{display:none}.admin-nav-chevron{transition:.2s}.admin-nav-group[open] .admin-nav-chevron{transform:rotate(180deg)}
.admin-nav-items a{display:flex;align-items:center;gap:9px}.admin-nav-dot{width:7px;height:7px;border-radius:50%;background:#35505c;flex:none}.admin-nav a.active .admin-nav-dot{background:var(--accent);box-shadow:0 0 12px var(--accent)}
.admin-nav-footer{padding-top:8px}.admin-nav-footer a{display:flex;gap:9px;align-items:center}
.admin-nav.is-collapsed{width:62px;min-width:62px}.admin-nav.is-collapsed .admin-nav-label,.admin-nav.is-collapsed .admin-nav-head>div,.admin-nav.is-collapsed summary span:first-child{display:none}.admin-nav.is-collapsed summary{justify-content:center}.admin-nav.is-collapsed .admin-nav-items a{justify-content:center}.admin-nav.is-collapsed .admin-nav-chevron{display:none}
.admin-nav-is-collapsed .admin-shell{grid-template-columns:62px 1fr}

/* creative studio */
.studio-commandbar{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px}.studio-commandbar h2{margin:4px 0}.studio-commandbar p{margin:0}
.studio-modebar{display:flex;gap:7px;overflow:auto;padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--surface);margin-bottom:14px}
.studio-tab{border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:10px;font-weight:850;white-space:nowrap;cursor:pointer}.studio-tab.active{background:color-mix(in srgb,var(--accent) 13%,var(--surface2));color:var(--accent)}
.studio-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px}.studio-inspector{padding:12px;align-self:start;position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto}
.studio-inspector details{border-bottom:1px solid var(--line);padding:3px 0}.studio-inspector summary{cursor:pointer;padding:12px 5px;font-weight:850}.studio-fields{display:grid;gap:10px;padding:4px 5px 14px}.studio-fields label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:750}.studio-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px}
.studio-deep-links{display:grid;gap:8px;padding-top:12px}.studio-preview-column{min-width:0}.studio-preview-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 9px}
.studio-stage-wrap{display:grid;place-items:center;min-height:620px;padding:22px;border-radius:20px;background:repeating-linear-gradient(45deg,#071019,#071019 12px,#09141d 12px,#09141d 24px);border:1px solid var(--line);overflow:hidden}
.studio-stage{--studio-accent:#19e5df;position:relative;overflow:hidden;background:#07131c;color:white;box-shadow:0 30px 80px #0008;isolation:isolate;transition:width .25s,height .25s}.studio-stage.is-short{width:min(360px,90vw);aspect-ratio:9/16}.studio-stage.is-long{width:min(760px,100%);aspect-ratio:16/9}
.studio-stage[data-bg="black"]{background:#030506}.studio-stage[data-bg="gradient"]{background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--studio-accent) 22%,#07131c),#07131c 55%)}
.studio-stage-grid{position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(#4acbd51b 1px,transparent 1px),linear-gradient(90deg,#4acbd51b 1px,transparent 1px);background-size:36px 36px}
.studio-logo{position:absolute;top:5%;left:6%;font-size:clamp(13px,2vw,20px);font-weight:950;letter-spacing:.08em}.studio-logo b{color:var(--studio-accent)}
.studio-copy{position:absolute;left:7%;right:7%;top:18%}.studio-copy h1{font-size:clamp(34px,6vw,76px);line-height:.92;margin:8px 0;color:white}.studio-copy p{color:#aac2ce;font-size:clamp(12px,1.7vw,20px)}.studio-kicker{font-size:10px;letter-spacing:.18em;color:var(--studio-accent);font-weight:900}
.studio-stats{position:absolute;left:6%;right:6%;bottom:6%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.studio-stats span{padding:10px 6px;border:1px solid #28505d;border-radius:9px;background:#07131cbb;text-align:center;font-size:9px;color:#92aab7}.studio-stats b{display:block;color:white;font-size:14px}
.studio-qr{position:absolute;right:6%;top:6%;width:54px;height:54px;border:4px solid white;display:grid;place-items:center;background:white;color:#111;font-size:10px;font-weight:900}
.studio-game-preview{position:absolute;inset:20% 9% 18%;display:grid;place-items:center}.mini-board{display:grid;grid-template-columns:repeat(9,1fr);aspect-ratio:1;width:min(92%,430px);background:#07151d;border:2px solid var(--studio-accent);box-shadow:0 0 40px color-mix(in srgb,var(--studio-accent) 20%,transparent)}.mini-board span{display:grid;place-items:center;border:1px solid #23414e;font-size:clamp(8px,1.5vw,16px);font-weight:850}
.studio-result-preview{position:absolute;inset:27% 8% 22%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.studio-result-preview>strong{font-size:clamp(48px,9vw,100px);color:var(--studio-accent)}.studio-result-preview>span{font-size:11px;letter-spacing:.15em;color:#9ab1bd}.studio-result-preview>div{margin-top:14px;color:#b7cbd4}
.studio-stage[data-animation="rise"] .studio-copy,.studio-stage.preview-playing[data-animation="rise"] .studio-copy{animation:studioRise .7s ease both}.studio-stage[data-animation="zoom"].preview-playing .studio-copy{animation:studioZoom .7s ease both}.studio-stage[data-animation="fade"].preview-playing .studio-copy{animation:studioFade .8s ease both}@keyframes studioRise{from{opacity:0;transform:translateY(30px)}}@keyframes studioZoom{from{opacity:0;transform:scale(.86)}}@keyframes studioFade{from{opacity:0}}
.studio-timeline-bar{display:grid;grid-template-columns:3fr 20fr 5fr 4fr;gap:4px;margin-top:10px}.studio-timeline-bar button{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:10px;border-radius:9px;display:flex;justify-content:space-between;cursor:pointer}.studio-timeline-bar button.active{border-color:var(--accent)}
.studio-theme-panel,.studio-presets-panel{margin-top:10px;padding:20px}.skin-manager-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.skin-manager-card{display:grid;gap:7px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);padding:14px;cursor:pointer}.skin-manager-card small{color:var(--muted)}.skin-manager-card>span{font-size:12px;color:var(--muted)}
.preset-list{display:grid;gap:8px}.preset-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:11px}.preset-row small{display:block;color:var(--muted);margin-top:3px}

/* player progression */
.progression-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.xp-track{height:9px;border-radius:99px;background:var(--surface2);overflow:hidden}.xp-track i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#65fff6)}
.leaderboard-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.leaderboard-tabs a.active{background:var(--accent);color:#061014}
.social-links{display:flex;gap:10px;flex-wrap:wrap}.social-links a{border:1px solid var(--line);padding:9px 12px;border-radius:10px;color:var(--muted)}.social-links a:hover{color:var(--accent);border-color:var(--accent)}

@media(max-width:1100px){.studio-layout{grid-template-columns:270px 1fr}.skin-manager-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){.studio-layout{grid-template-columns:1fr}.studio-inspector{position:static;max-height:none}.studio-stage-wrap{min-height:540px}.admin-nav.is-collapsed{width:auto}.admin-nav-is-collapsed .admin-shell{grid-template-columns:1fr}.progression-strip{grid-template-columns:1fr}}
@media(max-width:560px){.studio-commandbar{align-items:flex-start;flex-direction:column}.studio-stage-wrap{padding:10px;min-height:520px}.skin-manager-grid{grid-template-columns:1fr}.studio-timeline-bar{grid-template-columns:1fr 3fr 1fr 1fr}.game-skin-picker{align-items:stretch;flex-direction:column}.game-skin-picker .select{width:100%}}

.admin-nav.is-compact .admin-nav-items a{padding:7px 9px;font-size:12px}.admin-nav.is-compact .admin-nav-group summary{padding:7px 9px}.admin-nav.is-compact{padding:7px}

.mobile-nav{display:none;position:relative}.mobile-nav summary{display:grid;place-items:center;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;right:0;top:46px;width:min(280px,calc(100vw - 28px));padding:10px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 97%,#000);box-shadow:var(--shadow);display:grid;gap:3px}.mobile-nav nav a{padding:11px 12px;border-radius:10px;color:var(--text);text-decoration:none;font-weight:750}.mobile-nav nav a:hover{background:var(--surface2);color:var(--accent)}
@media(max-width:920px){.mobile-nav{display:block}.header-actions{margin-left:auto}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* ===== 1.8.1 Hotfix: Admin navigation recovery + Studio preview polish ===== */
.admin-nav-reset{width:100%;display:flex;align-items:center;gap:10px;margin-top:6px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;text-align:left}
.admin-nav-reset:hover{background:var(--surface2);color:var(--text)}
.admin-nav-reopen{
  position:fixed;left:10px;top:92px;z-index:1200;display:flex;align-items:center;gap:7px;
  border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:11px;
  background:color-mix(in srgb,var(--surface) 96%,#000);color:var(--text);box-shadow:var(--shadow);
  padding:9px 11px;font-weight:850;cursor:pointer
}
.admin-nav-reopen[hidden]{display:none!important}
.admin-nav-reopen:hover{border-color:var(--accent);color:var(--accent)}
.admin-nav.is-collapsed .admin-nav-reset .admin-nav-label{display:none}
.admin-nav.is-collapsed .admin-nav-reset{justify-content:center;padding:10px}

.studio-layout{grid-template-columns:minmax(285px,330px) minmax(0,1fr);gap:18px}
.studio-inspector{max-height:calc(100vh - 115px);scrollbar-width:thin}
.studio-preview-toolbar{gap:14px;min-height:42px}
.studio-preview-status{display:flex;align-items:center;gap:10px}
.studio-preview-status strong{font-size:13px;color:var(--text)}
.studio-toolbar-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:800}
.studio-toolbar-label .select{width:90px;min-width:90px;padding:8px 28px 8px 9px}
.studio-safe-toggle{display:flex!important;align-items:center!important;gap:6px!important;color:var(--muted);font-size:12px;font-weight:800}
.studio-stage-wrap{min-height:700px;padding:32px;overflow:auto;align-content:center}
.studio-stage{
  transform:scale(var(--preview-scale,1));transform-origin:center center;
  transition:width .25s,height .25s,transform .2s ease;
  border:1px solid color-mix(in srgb,var(--studio-accent) 22%,transparent)
}
.studio-stage.is-short{width:min(420px,88vw)}
.studio-stage.is-long{width:min(860px,100%)}
.studio-safe-zone{position:absolute;inset:5.5%;border:1px dashed rgba(255,255,255,.22);border-radius:8px;pointer-events:none;z-index:20}
.studio-safe-zone:before{content:"SAFE";position:absolute;top:5px;right:7px;font-size:8px;letter-spacing:.14em;color:rgba(255,255,255,.38);font-weight:900}

.studio-stage .studio-scene-intro,
.studio-stage .studio-scene-gameplay,
.studio-stage .studio-scene-result,
.studio-stage .studio-scene-outro{display:none!important}
.studio-stage.is-scene-intro .studio-scene-intro{display:block!important}
.studio-stage.is-scene-outro .studio-scene-outro{display:block!important}
.studio-stage.is-scene-gameplay .studio-scene-gameplay{display:grid!important}
.studio-stage.is-scene-result .studio-scene-result{display:flex!important}

.studio-stage.is-scene-gameplay .studio-stats{display:none!important}
.studio-stage.is-scene-result .studio-stats{display:none!important}
.studio-stage.is-scene-intro .studio-stats{display:grid}
.studio-stage.is-scene-outro .studio-stats{display:grid}
.studio-stage.is-scene-gameplay .studio-qr,
.studio-stage.is-scene-result .studio-qr{display:none!important}

.studio-game-preview{inset:13% 7% 10%;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}
.game-preview-head,.game-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#9eb3bf;font-size:10px;font-weight:800;letter-spacing:.08em}
.game-preview-head b,.game-preview-footer strong{color:var(--studio-accent)}
.game-preview-footer{padding:9px 11px;border:1px solid #244453;border-radius:10px;background:#07131ccc}
.mini-board{width:min(100%,520px);max-height:100%;align-self:center;justify-self:center}
.mini-board span:nth-child(3n){border-right-width:2px;border-right-color:#5f8b9b}
.mini-board span:nth-child(9n){border-right-width:1px;border-right-color:#23414e}
.mini-board span:nth-child(n+19):nth-child(-n+27),
.mini-board span:nth-child(n+46):nth-child(-n+54){border-bottom-width:2px;border-bottom-color:#5f8b9b}

.studio-result-preview{inset:18% 8% 17%;gap:5px}
.studio-result-preview .result-kicker{font-size:10px;letter-spacing:.18em;color:var(--studio-accent);font-weight:950}
.studio-result-preview>strong{font-size:clamp(54px,8vw,92px);line-height:1;margin-top:10px}
.result-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:min(100%,390px);margin-top:16px!important}
.result-mini-grid b{display:grid;gap:4px;padding:10px 7px;border:1px solid #274654;border-radius:10px;background:#07131ccc;color:#fff;font-size:16px}
.result-mini-grid small{font-size:8px;letter-spacing:.12em;color:#829aa7}
.result-cta{margin-top:12px!important;padding:9px 12px;border-radius:9px;background:color-mix(in srgb,var(--studio-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--studio-accent) 35%,transparent);color:var(--studio-accent)!important;font-size:9px;font-weight:900;letter-spacing:.08em}

.studio-qr{width:74px;height:74px;padding:7px;border-width:3px;display:flex;flex-direction:column;gap:2px;justify-content:center;text-align:center}
.studio-qr b{font-size:14px}.studio-qr span{font-size:6px;line-height:1.2}
.studio-copy{max-width:84%}
.studio-stage.is-scene-outro .studio-copy{top:26%;text-align:center;left:9%;right:9%;max-width:none}
.studio-stage.is-scene-outro .studio-copy h1{font-size:clamp(32px,5vw,64px)}
.studio-stage.is-scene-outro .studio-copy p{max-width:520px;margin-left:auto;margin-right:auto}

@media(max-width:1100px){
  .studio-layout{grid-template-columns:280px minmax(0,1fr)}
  .studio-stage-wrap{min-height:620px}
}
@media(max-width:920px){
  .admin-nav-reopen{display:none!important}
  .studio-layout{grid-template-columns:1fr}
  .studio-stage-wrap{min-height:590px;padding:16px}
  .studio-preview-toolbar{align-items:flex-start;flex-direction:column}
}
@media(max-width:560px){
  .studio-stage.is-short{width:min(360px,92vw)}
  .studio-stage-wrap{min-height:540px}
  .studio-preview-toolbar .row-actions{width:100%;justify-content:space-between}
}


/* 1.9.0 AI & Voice Engine */
.ai-admin-grid{align-items:start}.ai-admin-card{padding:22px}.ai-admin-card h3{margin-top:0}.ai-key-input{min-height:120px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.ai-table-form{margin-top:18px}.ai-delete-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.voice-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0 18px}.voice-catalog>div{padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);display:flex;flex-direction:column}.voice-catalog span{color:var(--muted);font-size:12px}.notice{padding:14px 16px;margin-bottom:15px}.notice.success{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.notice.error{border-color:color-mix(in srgb,var(--danger) 60%,var(--line));color:var(--danger)}

.commentary-panel .recording-setting-body{display:grid;gap:12px}.commentary-master{padding:12px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 7%,var(--surface2))}.commentary-status{padding:12px 14px;display:flex;flex-direction:column;gap:2px;box-shadow:none}.commentary-status strong{font-size:13px}.commentary-status span{font-size:12px;color:var(--muted)}.commentary-actions{margin-top:0}.commentary-direction{display:grid;gap:3px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.commentary-direction small{color:var(--muted)}.commentary-segments{display:grid;gap:10px;max-height:580px;overflow:auto;padding-right:3px}.commentary-segment{border:1px solid var(--line);border-radius:14px;padding:12px;background:color-mix(in srgb,var(--surface2) 82%,transparent)}.commentary-segment-head{display:flex;justify-content:space-between;gap:10px;align-items:start;margin-bottom:8px}.commentary-segment-head>div{display:flex;flex-direction:column}.commentary-segment-head span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}.commentary-segment-head strong{font-size:13px}.commentary-fit{padding:4px 7px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}.commentary-fit.ok{color:var(--accent)}.commentary-fit.bad{color:var(--danger)}.commentary-script{resize:vertical;min-height:74px}.commentary-segment-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin-top:7px}.compact-actions{margin-top:8px}.compact-actions .btn{padding:7px 10px;font-size:12px}
@media(max-width:900px){.ai-admin-grid{grid-template-columns:1fr}.voice-catalog{grid-template-columns:1fr}}


/* 1.9.1 Recording Studio + Commentary Studio hotfix */
.recorder-toast{position:fixed;right:24px;bottom:24px;z-index:1000;max-width:min(420px,calc(100vw - 32px));padding:12px 15px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--surface) 94%,#000);box-shadow:var(--shadow);color:var(--text);font-weight:700}
.recorder-toast[data-type=error]{border-color:color-mix(in srgb,var(--danger) 55%,var(--line))}
.commentary-studio{margin-top:16px;padding:0!important;overflow:hidden;border-color:color-mix(in srgb,var(--accent) 26%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--accent) 4%),var(--surface))}
.commentary-studio-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;background:color-mix(in srgb,var(--surface2) 72%,transparent);border-bottom:1px solid transparent}
.commentary-studio[open]>.commentary-studio-summary{border-bottom-color:var(--line)}
.commentary-studio-summary::-webkit-details-marker{display:none}
.commentary-studio-summary>div:first-child{display:grid;gap:2px}
.commentary-studio-summary strong{font-size:16px}
.commentary-studio-summary small{color:var(--muted)}
.commentary-summary-state{display:flex;align-items:center;gap:10px}
.commentary-summary-state>span:first-child{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--surface));color:var(--accent);font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.commentary-chevron{font-size:20px;transition:transform .2s ease}
.commentary-studio[open] .commentary-chevron{transform:rotate(180deg)}
.commentary-studio-body{padding:18px;display:grid;gap:14px}
.commentary-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent) 6%,var(--surface2))}
.commentary-toolbar .commentary-master{padding:0;border:0;background:none;margin:0}
.commentary-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px}
.commentary-settings-grid .field{margin:0}
.commentary-primary-actions{padding:2px 0 4px}
.commentary-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-top:4px;border-top:1px solid var(--line)}
.commentary-section-head>div{display:grid;gap:2px}
.commentary-section-head strong{font-size:15px}
.commentary-section-head .muted{max-width:520px;text-align:right;font-size:11px}
.commentary-studio .commentary-segments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:none;overflow:visible;padding:0}
.commentary-studio .commentary-segment{display:grid;gap:9px;padding:14px;min-width:0}
.commentary-studio .commentary-script{min-height:92px}
.commentary-segment-actions{display:grid;gap:10px}
.commentary-audio-player{display:grid;gap:5px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg) 48%,var(--surface2))}
.commentary-audio-player audio{display:block;width:100%;height:38px}
.commentary-audio-player small,.commentary-audio-placeholder{font-size:10px;color:var(--muted)}
.commentary-audio-placeholder{display:grid;place-items:center;min-height:48px;border:1px dashed var(--line);border-radius:11px;background:color-mix(in srgb,var(--surface2) 76%,transparent)}
.commentary-studio .commentary-direction{grid-template-columns:minmax(0,1fr);padding:14px 16px}
.commentary-studio .commentary-status{margin:0}
@media(max-width:1380px){.commentary-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commentary-studio .commentary-segments{grid-template-columns:1fr}}
@media(max-width:760px){.commentary-studio-summary,.commentary-toolbar,.commentary-section-head{align-items:flex-start;flex-direction:column}.commentary-summary-state{width:100%;justify-content:space-between}.commentary-settings-grid{grid-template-columns:1fr}.commentary-studio-body{padding:13px}.commentary-section-head .muted{text-align:left}.recorder-toast{right:16px;bottom:16px}}