/* One Hesabu palette: burgundy identity, warm orange action, ivory question surfaces. */
:root,[data-theme=light]{--paper:#f6eee9;--surface:#fffaf5;--raised:#fffdf9;--soft:#f3e4e3;--cream:#f6e5df;--line:#d6bab8;--ink:#30202a;--muted:#715763;--accent:#a64115;--orange:#a64115;--good:#28624e;--bad:#a63d4d;--hint:#7c5c8f}
[data-theme=dark]{--paper:#4c313b;--surface:#61424f;--raised:#6d4e5a;--soft:#71535d;--cream:#6a4d56;--line:#a1878f;--ink:#fff8f3;--muted:#efddd9;--accent:#ffba83;--orange:#ffd0a4;--good:#b5e1cc;--bad:#ffd0cb;--hint:#e6c6eb}
body{background:var(--paper);color:var(--ink)}.simple-shell .sidebar,[data-theme=dark] .simple-shell .sidebar{background:#4c2033;color:#fff2eb;border-right:1px solid #7f5767}.simple-shell .sidebar .brand,.simple-shell .sidebar .nav button,.simple-shell .sidebar .sidefoot button{color:#fff2eb}.simple-shell .sidebar .brand span{color:#ffb789}.simple-shell .sidebar .brand small,.simple-shell .sidebar .workspace-label,.simple-shell .sidebar .sidefoot p{color:#d7bdc5}.simple-shell .sidebar .nav button.active{background:#74394d;color:#fff7f0;border:1px solid #b97985}.simple-shell .sidebar .nav button:hover{background:#673045}.simple-shell .topbar,[data-theme=dark] .simple-shell .topbar{background:var(--surface);border-bottom:1px solid var(--line)}.simple-shell .primary,[data-theme=dark] .simple-shell .primary{background:#a64115;color:#fff7f0;border:1px solid #a64115}.simple-shell .primary:hover{background:#883315}[data-theme=dark] .simple-shell .primary{background:#efad77;color:#38202b;border-color:#efad77}[data-theme=dark] .simple-shell .primary:hover{background:#ffc48f}.simple-shell button:not(.primary):not(.brand):not(.nav button):not(.main-section-card):not(.play-mode-card):not(.fixture-card){border-color:var(--line)}.simple-shell .panel{background:var(--surface);border-color:var(--line)}.simple-shell input,.simple-shell select,.simple-shell textarea,[data-theme=dark] .simple-shell input,[data-theme=dark] .simple-shell select,[data-theme=dark] .simple-shell textarea{background:var(--raised);color:var(--ink);border-color:var(--line)}.simple-shell .note,.simple-shell .score-banner,.simple-shell .badge{background:var(--soft);color:var(--ink)}.simple-shell .eyebrow{color:var(--orange)}.simple-shell .main-section-card{border:1px solid var(--line);box-shadow:0 7px 20px #4c20330a}.simple-shell .option{background:var(--raised);border:2px solid var(--line);border-radius:14px;padding:17px;text-align:left;transition:border-color .15s,transform .15s}.simple-shell .option:hover{border-color:var(--orange);transform:translateY(-1px)}.simple-shell .option.selected{border-color:var(--orange);background:var(--soft)}.simple-shell .option b{background:var(--soft);border:1px solid var(--line);color:var(--orange);border-radius:9px;width:32px;height:32px;display:inline-grid;place-items:center;margin-right:12px;flex-shrink:0}.simple-shell .bar>span,.simple-shell .progress>span{background:var(--orange)}
.arena-hero{padding:27px 30px;border-radius:22px;background:linear-gradient(125deg,#582339,#773749);color:#fff4ec;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;border:1px solid #a56573}.arena-hero h1{font-size:clamp(29px,3.3vw,43px);line-height:1.17;margin:12px 0}.arena-hero p{color:#f0d6d4;margin:10px 0}.arena-hero .eyebrow{color:#ffc18e}.hero-mark{font:90px Cambria,Georgia,serif;position:relative;padding:15px 28px;color:#ffca9f}.hero-mark span{position:absolute;font:30px Georgia;right:5px;top:8px;color:#e5c7c5}.play-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.play-mode-card{background:var(--surface);border:1px solid var(--line);border-top:4px solid #9a4f62;border-radius:18px;padding:22px;text-align:left;position:relative;transition:transform .2s,box-shadow .2s;min-width:0}.play-mode-card:hover{transform:translateY(-3px);box-shadow:0 13px 26px #4c203318}.play-mode-card:nth-child(2){border-top-color:#b65b27}.play-mode-card:nth-child(3){border-top-color:#976674}.play-mode-card:nth-child(4){border-top-color:#a87447}.play-mode-card h2{font-size:23px;margin:16px 0 9px}.play-mode-card p{color:var(--muted);font-size:14px;margin:0}.mode-number{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:2px}.mode-icon{float:right;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;color:var(--orange);background:var(--soft)}.mode-icon .ui-icon{width:21px;height:21px}.mode-meta{padding:15px 0;margin-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.mode-meta b{font-size:13px}.mode-meta small{font-size:11px;color:var(--muted)}.play-mode-card footer{font-size:13px;font-weight:700;color:var(--orange)}.arena-sections{margin:27px 0}.arena-sections>summary{font-weight:650;cursor:pointer;padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.arena-sections .section-card-grid{margin-top:16px}.arena-note{padding:14px 18px;border-left:3px solid var(--orange);border-radius:0 10px 10px 0;background:var(--soft);color:var(--ink);font-size:13px;line-height:1.7;margin:18px 0}
.fixture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fixture-card{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:22px;text-align:left;transition:transform .2s;min-width:0}.fixture-card:hover{transform:translateY(-2px);border-color:var(--orange)}.fixture-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}.fixture-top b{color:var(--orange)}.fixture-card h2{margin:20px 0 11px;font-size:23px}.fixture-card>p{font-size:13px;line-height:1.6;color:var(--muted)}.fixture-meta{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}.fixture-meta span{background:var(--soft);padding:6px 8px;border-radius:8px;font-size:11px}.fixture-card footer{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;gap:10px;font-size:12px}.fixture-card footer b{color:var(--orange)}.room-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,1fr);gap:22px;align-items:start}.room-layout .panel{margin-top:0}.player-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.player-card{padding:15px 8px;border:1px solid var(--line);border-radius:13px;background:var(--raised);display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center;min-width:0}.player-avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#74394d;color:#fff2e9;font-size:16px}.player-card b{font-size:13px;overflow-wrap:anywhere}.player-card small{font-size:10px;color:var(--muted)}.empty-slot{background:var(--soft);border-style:dashed;justify-content:center;min-height:90px}.empty-slot>span{color:var(--muted);font-size:20px}.room-settings>p{font-size:13px;line-height:1.7}.room-settings>button{display:block;width:100%;margin-top:10px}.arena-join{border-top:1px solid var(--line);padding-top:14px}.arena-join h3{font-size:17px}.arena-plan{border:2px solid var(--orange)!important}.arena-controls{display:flex;justify-content:space-between;gap:15px;margin-top:20px}.arena-play{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:24px;align-items:start}.arena-question-card{background:var(--surface);border:2px solid var(--line);border-radius:20px;overflow:hidden;padding:0 27px 24px;box-shadow:0 8px 25px #4c20330d}.arena-question-top{display:flex;justify-content:space-between;gap:12px;padding:17px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.arena-question-top b{color:var(--orange)}.arena-question-card .qtext{font:500 28px/1.6 Cambria Math,Cambria,Georgia,serif;margin:22px 0}.game-score-panel{background:#58283d;border:1px solid #a36678;border-radius:18px;padding:23px;color:#fff3e9;position:sticky;top:20px;min-width:0}.game-score-panel .eyebrow{color:#ffbb86;font-size:10px}.score-number{font-size:44px;font-weight:650;margin:19px 0 12px}.score-number small{display:block;font-size:15px;font-weight:500;color:#efd7d7;margin-top:6px}.game-score-panel p{font-size:12px;line-height:1.65;color:#ecd3d9}.score-detail{border-top:1px solid #986276;padding-top:18px;display:flex;align-items:center;gap:12px}.score-detail b{font-size:24px}.score-detail span{font-size:11px;color:#eed8dc}.game-score-panel .progress{background:#78475b}.game-score-panel .progress>span{background:#ffb87e}.result-score-card{padding:30px;border:1px solid #a36678;border-radius:20px;background:linear-gradient(120deg,#58283d,#7a3d4a);color:#fff3e9;margin:25px 0}.result-score-card .eyebrow{color:#ffbe8c}.result-score-card h2{font-size:55px;margin:14px 0 12px}.result-score-card h2 small{font-size:22px;color:#efd7d7}.result-score-card p{color:#f3dfe0}.board-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.board-position{width:33px;height:33px;display:grid;place-items:center;background:var(--soft);color:var(--orange);border-radius:10px;font-weight:700}.board-row small{grid-column:2/4;color:var(--muted);font-size:11px}.assigned-arena{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:24px;align-items:start}.assigned-arena>.game-score-panel{grid-column:2;grid-row:1}.assigned-arena>.round{grid-column:1;grid-row:1;max-width:none}.assigned-arena>.round .panel{border:2px solid var(--line);border-radius:20px}.challenge-score-stack{display:flex;flex-direction:column;gap:15px;position:sticky;top:20px}.challenge-score-stack .game-score-panel{position:static}.completion-detail{border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:15px}.completion-detail>summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:600}.completion-detail .tower-widget{position:static;margin-top:15px}.challenge-layout .panel{border:2px solid var(--line);border-radius:19px}.simple-shell button:focus-visible,.simple-shell summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
/* Marketing uses the same palette, without copying sports league branding. */
.marketing-shell{background:var(--paper);color:var(--ink)}.marketing-header{background:var(--surface);border-bottom-color:var(--line)}.portal-brand,.portal-brand span{color:#833b50}.marketing-hero em,.audience-hero em{color:var(--orange)}.marketing-shell .primary{background:#a64115;color:#fff7ef}.marketing-shell .image-lesson-card,.marketing-shell .product-preview{background:var(--surface);border-color:var(--line)}[data-theme=dark] .marketing-shell .primary{background:#efad77;color:#38202b}
@media(max-width:1100px){.arena-play,.assigned-arena{grid-template-columns:minmax(0,1fr) 210px;gap:17px}.player-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.room-layout{grid-template-columns:minmax(0,1.2fr) minmax(220px,1fr);gap:16px}.game-score-panel{padding:19px}.score-number{font-size:37px}}
@media(max-width:800px){.arena-play,.assigned-arena{grid-template-columns:1fr}.arena-play>.game-score-panel,.assigned-arena>.game-score-panel{grid-column:1;grid-row:1}.arena-play>section,.assigned-arena>.round{grid-column:1;grid-row:2}.game-score-panel{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px 15px;padding:15px 18px}.game-score-panel .eyebrow{grid-column:1/3}.score-number{font-size:30px;margin:7px 0}.score-number small{font-size:12px}.game-score-panel>p{display:none}.score-detail{border:0;padding:0}.score-detail b{font-size:21px}.game-score-panel .progress{grid-column:1/3;margin:4px 0}.challenge-score-stack{position:static;grid-row:1}.challenge-score-stack .tower-widget{grid-row:auto;display:block}.challenge-score-stack .tower-sky{height:140px}.completion-detail .tower-widget{display:grid;grid-template-columns:110px 1fr}.arena-hero{padding:24px}.hero-mark{font-size:65px}.play-mode-grid,.fixture-grid{gap:13px}.room-layout{grid-template-columns:1fr}.room-settings{order:2}.player-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.arena-question-card .qtext{font-size:25px}}
@media(max-width:540px){.arena-hero{padding:20px;border-radius:17px}.arena-hero h1{font-size:28px}.arena-hero p{font-size:13px}.hero-mark{display:none}.play-mode-card{padding:17px 14px;border-radius:15px}.play-mode-card h2{font-size:19px;line-height:1.3;margin-top:14px}.play-mode-card p{font-size:12px;line-height:1.55}.mode-icon{width:30px;height:30px}.mode-icon .ui-icon{width:17px;height:17px}.mode-meta b{font-size:11px}.mode-meta small{font-size:10px;line-height:1.5}.play-mode-card footer{font-size:12px}.fixture-grid{grid-template-columns:1fr}.fixture-card{padding:20px}.fixture-card h2{font-size:21px}.player-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.player-card{padding:12px 7px}.arena-question-card{padding:0 18px 18px;border-radius:16px}.arena-question-card .qtext{font-size:23px}.arena-question-top{font-size:11px}.simple-shell .option{padding:14px;font-size:14px}.arena-note{padding:12px 14px;font-size:12px}.score-detail span{font-size:10px}.result-score-card{padding:25px}.result-score-card h2{font-size:44px}.result-score-card h2 small{font-size:18px}.board-row{gap:10px;font-size:13px}.arena-controls>button{font-size:12px}.simple-shell .practice-links{gap:8px;flex-wrap:wrap;margin-bottom:18px}.simple-shell .practice-links button{font-size:11px}.completion-detail{padding:12px}.assigned-arena>.round h1{font-size:24px}.arena-sections .section-illustration{height:110px}}
@media(max-width:350px){.play-mode-grid{gap:9px}.play-mode-card h2{font-size:17px}.player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-score-panel{padding:14px;gap:8px}.score-detail b{font-size:19px}}
@media(prefers-reduced-motion:reduce){.simple-shell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}