.index-mode .difficulty-controls,.index-mode .workspace>.filters{display:none!important}.index-mode .workspace{display:block}.bank-browser{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:22px;align-items:start;font-size:14px}.bank-main{min-width:0}.bank-session{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.bank-session small{display:block;opacity:.65;margin-top:3px}.bank-browser button{font:inherit;color:inherit;cursor:pointer}.bank-browser input[type=checkbox]{width:17px;height:17px;accent-color:#a77bd0;flex:none;cursor:pointer}.bank-start{border:0;border-radius:9px;padding:12px 20px;background:#eeeef3!important;color:#111116!important;font-weight:800!important}.bank-search{display:block;font-size:12px;font-weight:700}.bank-search input{width:100%;margin:6px 0 12px;padding:12px;border:1px solid #8884;border-radius:10px;background:#ffffff08;color:inherit;font:inherit}.bank-selection{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.bank-selection button,.bank-more,.bank-filters>button{border:1px solid #8884;border-radius:8px;background:transparent;padding:7px 10px}.bank-selection span{font-size:11px;opacity:.6}.bank-domain{border:1px solid #8883;border-radius:13px;margin-bottom:12px;overflow:hidden;background:#ffffff03}.bank-group-head{display:flex;align-items:center;gap:10px;padding:0 14px}.bank-group-head>button{display:flex;gap:12px;align-items:center;width:100%;min-height:54px;padding:10px 0;border:0;background:transparent;text-align:left}.bank-group-head button span{flex:1;font-weight:700}.bank-group-head button small{opacity:.65}.bank-group-head i{font-style:normal;opacity:.6}.bank-skill{margin-left:20px}.bank-skill .bank-group-head button{min-height:44px}.bank-skill .bank-group-head span{font-weight:500}.bank-skill-content{padding:4px 16px 18px}.bank-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:9px}.bank-tile{position:relative;border-radius:10px;border:1px solid var(--difficulty-hard-border);background:var(--difficulty-hard-gradient);color:var(--difficulty-hard-text,#f8dce1);min-height:87px}.bank-tile.difficulty-challenge{border-color:var(--difficulty-challenge-border);background:var(--difficulty-challenge-gradient);color:var(--difficulty-challenge-text)}.bank-tile.difficulty-medium{border-color:var(--difficulty-medium-border);background:var(--difficulty-medium-gradient);color:var(--difficulty-medium-text)}.bank-tile.difficulty-easy{border-color:var(--difficulty-easy-border);background:var(--difficulty-easy-gradient);color:var(--difficulty-easy-text)}.bank-tile.is-selected{outline:2px solid currentColor;outline-offset:2px}.bank-tile>input{position:absolute;right:5px;top:5px;margin:0;width:14px!important;height:14px!important;z-index:1}.bank-tile>button{width:100%;height:100%;padding:7px 5px;border:0;border-radius:10px;background:transparent;display:flex;flex-direction:column;align-items:center}.bank-tile small{align-self:flex-start;font-size:9px;padding-right:17px}.bank-tile b{font-size:21px;line-height:1.5}.bank-tile span{font-size:9px}.bank-tile em{font-size:9px;font-style:normal;min-height:12px}.bank-more{margin-top:12px}.bank-filters{position:sticky;top:16px;border:1px solid #8883;border-radius:14px;padding:18px;background:var(--droplet-surface,#ffffff40);font-size:12px;max-height:calc(100svh - 32px);overflow:auto}.bank-filters h2{margin:0 0 12px;font-size:16px}.bank-filters fieldset{margin:0 0 18px;padding:0;border:0}.bank-filters legend{font-weight:800;opacity:.75;margin-bottom:8px}.bank-filters legend button{border:0;background:transparent}.bank-check{display:flex;align-items:center;gap:5px;padding:4px 0;cursor:pointer}.bank-check span{flex:1}.bank-check small{opacity:.6}.bank-filters details>summary{cursor:pointer;padding:5px 0}.bank-empty{padding:30px}.bank-browser button:disabled{opacity:.45;cursor:default}@media(max-width:1000px){.bank-browser{grid-template-columns:minmax(0,1fr) 235px;gap:14px}}@media(max-width:700px){.bank-browser{grid-template-columns:1fr}.bank-filters{position:static;max-height:none;order:-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.bank-filters h2,.bank-filters>button{grid-column:1/-1}.bank-filters fieldset{margin:0}.bank-skill{margin-left:8px}.bank-session{align-items:start}.bank-start{padding:11px 14px}.bank-tiles{grid-template-columns:repeat(auto-fill,minmax(74px,1fr))}}

.bank-filter-toggle{display:none}@media(max-width:700px){.bank-filter-toggle{display:block;order:-2;text-align:left;padding:12px;border:1px solid #8884;border-radius:10px;background:transparent}.bank-filters:not(.is-open){display:none}.bank-filters.is-open{display:grid}}
.imported-figure svg text{font-size:16px}.imported-figure .axis{fill:none;stroke-width:2}.imported-figure .grid{fill:none;stroke-width:1}html[data-theme=dark] .imported-figure svg text{fill:#eeeef3}html[data-theme=dark] .imported-figure .axis{stroke:#d4d4dd}html[data-theme=dark] .imported-figure .grid{stroke:#ffffff22}html[data-theme=dark] .imported-figure .point{fill:#eeeef3}html[data-theme=dark] .imported-figure .accent{stroke:#b5bed9;fill:none}html[data-theme=light] .imported-figure svg text{fill:#102d2b}
html[data-theme=light] .bank-tile.difficulty-hard{color:#742331}html[data-theme=light] .bank-tile.difficulty-medium{color:#69421b}html[data-theme=light] .bank-tile.difficulty-easy{color:#164c3b}html[data-theme=light] .bank-tile.difficulty-challenge{color:#4c3065}

/* Owner-requested compact tiles: never stretch a small tile across a row. */
.bank-tiles{grid-template-columns:repeat(auto-fill,60px);gap:7px;justify-content:start}.bank-tile{min-height:60px;height:60px;border-radius:7px}.bank-tile>button{padding:4px 3px;border-radius:7px}.bank-tile b{font-size:17px;line-height:1.45}.bank-tile small{font-size:7px;padding-right:12px}.bank-tile span{font-size:7px}.bank-tile em{font-size:7px;min-height:8px}.bank-tile>input{width:11px!important;height:11px!important;top:4px;right:4px}.bank-skill-content{padding-bottom:12px}@media(max-width:700px){.bank-tiles{grid-template-columns:repeat(auto-fill,60px)}}
/* Compact bank layout; question/player typography remains unchanged. */
body.index-mode .shell,body.index-mode .nav>div{width:min(1420px,calc(100% - 48px))}
body.index-mode .nav>div{height:48px}body.index-mode .intro{padding:18px 0 12px}body.index-mode .intro h1{font-size:36px}body.index-mode .workspace{padding:14px 0 36px}
.bank-browser{grid-template-columns:minmax(0,1fr) 260px;gap:20px;font-size:13px}.bank-session{margin-bottom:12px}.bank-start{padding:10px 18px}.bank-search input{padding:10px;margin-bottom:10px}.bank-selection{gap:8px;margin-bottom:10px}.bank-selection button{padding:6px 9px}.bank-domain{margin-bottom:9px}.bank-group-head{padding:0 12px;gap:8px}.bank-group-head>button{min-height:44px;padding:8px 0}.bank-skill .bank-group-head button{min-height:36px;padding:6px 0}.bank-browser input[type=checkbox]{width:15px;height:15px}.bank-filters{padding:14px;font-size:12px;max-height:calc(100svh - 24px);top:12px}.bank-filters fieldset{margin-bottom:14px}.bank-check{padding:3px 0}
.bank-tiles{grid-template-columns:repeat(auto-fill,50px);gap:6px}.bank-tile{height:52px;min-height:52px}.bank-tile b{font-size:16px;line-height:1.4}.bank-tile small,.bank-tile span{font-size:6.5px}.bank-tile em{font-size:6px;min-height:7px}.bank-tile>button{transition:background .15s ease}.bank-tile>button:hover{background:#ffffff16}.bank-tile>button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.bank-question-preview{position:fixed;z-index:10000;display:flex;flex-direction:column;padding:20px;border:1px solid #ffffff42;border-radius:16px;background:#17171e;color:#eeeef3;box-shadow:0 18px 65px #0009;opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .16s ease,transform .16s ease,visibility .16s;pointer-events:none;font:16px/1.55 Georgia,'Times New Roman',serif;overflow:hidden}.bank-question-preview.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.bank-question-preview header{display:flex;flex-direction:column;gap:3px;padding-bottom:12px;border-bottom:1px solid #8884;font:13px/1.4 Aptos,'Segoe UI',sans-serif}.bank-question-preview header span{opacity:.7;font-size:12px}.bank-preview-body{overflow:auto;min-height:0;padding:14px 3px 8px;overscroll-behavior:contain}.bank-preview-copy{font-size:17px;line-height:1.55}.bank-question-preview .question-paragraph{display:block;margin-bottom:10px}.bank-question-preview .dataset{margin:0 0 14px;text-align:center;font-size:18px}.bank-question-preview svg{max-width:100%;max-height:200px;height:auto}.bank-question-preview .question-data-table{font-size:16px;margin:0 auto 14px}.bank-preview-options{display:grid;gap:7px;margin-top:16px}.bank-preview-options>div{display:flex;align-items:center;gap:12px;padding:7px 10px;border:1px solid #8883;border-radius:8px}.bank-preview-options b{font:600 12px 'Segoe UI',sans-serif;opacity:.7}.bank-question-preview footer,.bank-preview-response{font:11px/1.5 Aptos,'Segoe UI',sans-serif;opacity:.65}.bank-question-preview footer{padding-top:10px;border-top:1px solid #8883}html[data-theme=light] .bank-question-preview{background:#f8faf7;color:#102d2b;border-color:#102d2b40;box-shadow:0 18px 65px #102d2b30}
@media(max-width:700px){body.index-mode .shell,body.index-mode .nav>div{width:calc(100% - 28px)}.bank-browser{grid-template-columns:1fr}.bank-tiles{grid-template-columns:repeat(auto-fill,50px)}body.index-mode .intro h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.bank-question-preview,.bank-tile>button{transition:none;transform:none}}
.bank-question-preview .question-data-table{background:transparent!important;color:inherit!important;border-collapse:collapse;min-width:240px}.bank-question-preview .question-data-table th,.bank-question-preview .question-data-table td{background:transparent!important;color:inherit!important;border:1px solid #8886;padding:8px 14px}.bank-question-preview .question-data-table th{background:#8881!important}.bank-question-preview .question-data-table-wrap{margin:0 0 16px;padding:0;background:transparent!important}.bank-question-preview .question-data-table .question-math{color:inherit!important}
