#class-open{position:fixed;top:62px;left:14px;z-index:45;background:#243c32;color:#f5d99c;border:1px solid #a18c5c;border-radius:8px;padding:10px 16px;font-weight:bold}#class-panel{position:fixed;z-index:110;inset:7% 6%;overflow:auto;background:#13251f;color:#eee;border:1px solid #aa925c;border-radius:14px;padding:24px;box-shadow:0 12px 70px #000b;font:15px system-ui}#class-panel[hidden]{display:none}.class-heading{display:flex;justify-content:space-between;align-items:center}.class-heading h2{margin:4px 0 10px}.class-heading small{color:#b7a06a;letter-spacing:3px}#class-panel p{line-height:1.6;color:#c1cec7}#class-panel button{cursor:pointer;border-radius:8px;padding:10px;background:#304d3d;color:#fff;border:1px solid #667c69}#class-panel button:disabled{opacity:.55;cursor:default}.class-filters{display:flex;gap:12px;margin:16px 0}.class-filters input,.class-filters select{padding:10px;background:#0e1d17;color:white;border:1px solid #6c7d67;border-radius:6px}#class-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:9px}.class-card{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:135px}.class-card span{font-size:30px}.class-card small{font-size:11px;color:#c0c9c3}.class-card em{font-size:10px;color:#d8bd81;font-style:normal}.class-card[aria-pressed=true]{outline:3px solid #e5bc6a;background:#42543b!important}#class-detail{padding:14px 20px;margin-top:20px;border-radius:8px;background:#0c1914}.class-limit{color:#e7c88d!important;font-size:13px}#class-hud{position:fixed;left:14px;top:109px;max-width:70vw;background:#10271de0;color:#e4d5a9;border-radius:7px;padding:7px 10px;font:12px system-ui;pointer-events:none;z-index:40}#class-actions{position:fixed;right:14px;top:110px;display:flex;flex-direction:column;gap:6px;z-index:44}#class-actions button{background:#3c533edc;border:1px solid #b3a777;color:#fff;padding:10px;border-radius:7px;min-height:42px}#class-actions button:disabled{opacity:.5}#class-notice{display:none;position:fixed;z-index:150;top:55px;left:50%;transform:translateX(-50%);padding:12px;background:#17261a;color:#ffe5aa;border-radius:8px}.visible#class-notice{display:block}@media(max-width:800px){#class-panel{inset:3%;padding:14px}#class-cards{grid-template-columns:repeat(4,minmax(80px,1fr))}.class-card{min-height:110px!important;padding:6px!important}#class-hud{max-width:55vw;font-size:10px}#class-actions{top:155px}#class-actions button{padding:6px}}

.class-body{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(250px,1fr);gap:16px;align-items:start}#class-cards{max-height:56vh;overflow:auto;padding:4px;grid-template-columns:repeat(auto-fill,minmax(115px,1fr))}#class-detail{margin-top:0;max-height:56vh;overflow:auto}#class-detail h3{margin-top:0}#class-choose{position:sticky;bottom:0;width:100%;background:#9c7737!important;color:white}#class-panel{overflow:auto}@media(max-width:700px){.class-body{grid-template-columns:1fr}#class-cards{max-height:34vh;grid-template-columns:repeat(3,minmax(75px,1fr))}#class-detail{max-height:26vh}.class-heading h2{font-size:20px}}