.sjakk-shell{color:#f8fafc;flex-direction:column;align-items:center;max-width:820px;margin:.4rem auto 2rem;padding:0 .5rem;font-family:Outfit,system-ui,sans-serif;display:flex}.sjakk-hud{box-sizing:border-box;background:linear-gradient(#1e293b 0%,#0f172a 100%);border:1px solid #b5886373;border-bottom:none;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;width:100%;max-width:800px;height:46px;padding:0 14px;display:flex;box-shadow:0 4px 16px #00000059}.sjakk-brand{align-items:center;gap:8px;display:flex}.sjakk-brand img{object-fit:contain;width:24px;height:24px}.sjakk-brand h1{background:linear-gradient(90deg,#f0d9b5,#fbbf24);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.05rem;font-weight:900}.sjakk-hud-pills{align-items:center;gap:10px;display:flex}.sjakk-pill{background:#0f172ad9;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:800;display:flex}.sjakk-pill img{object-fit:contain;width:15px;height:15px}.sjakk-pill-val{color:#fbbf24;font-weight:900}.sjakk-cabinet{box-sizing:border-box;background:linear-gradient(135deg,#172033 0%,#0f172a 100%);border:1px solid #b5886373;border-radius:0 0 18px 18px;grid-template-columns:454px 1fr;gap:14px;width:100%;max-width:800px;height:492px;padding:12px 14px;display:grid;position:relative;box-shadow:0 18px 40px #0000008c}.sjakk-board-col{flex-direction:column;justify-content:space-between;align-items:center;height:100%;display:flex}.sjakk-player-bar{color:#cbd5e1;box-sizing:border-box;justify-content:space-between;align-items:center;width:428px;height:24px;padding:0 6px;font-size:.78rem;font-weight:800;display:flex}.sjakk-captured{letter-spacing:-1px;color:#fde68a;font-size:.92rem}.sjakk-board-frame{box-sizing:content-box;background:#3d2b1f;border:2px solid #b58863;border-radius:10px;width:416px;height:416px;padding:5px;box-shadow:0 8px 24px #0000008c}#chessground-board{width:416px;height:416px;display:block}.sjakk-side-col{flex-direction:column;gap:9px;height:100%;display:flex;overflow:hidden}.sjakk-status-banner{background:#0f172ae6;border:1px solid #fbbf2459;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.85rem;font-weight:800;display:flex}.sjakk-turn-dot{background:#fff;border:2px solid #94a3b8;border-radius:50%;width:11px;height:11px;margin-right:6px;display:inline-block}.sjakk-panel{background:#0f172ab8;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.sjakk-panel-label{color:#94a3b8;margin:0;font-size:.7rem;font-weight:800}.sjakk-diff-row{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.sjakk-chip-btn{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #ffffff1a;border-radius:8px;padding:5px 3px;font-family:inherit;font-size:.72rem;font-weight:800;transition:all .12s}.sjakk-chip-btn.active{color:#fff;background:linear-gradient(135deg,#b58863,#8c6239);border-color:#f0d9b5}.sjakk-moves-box{background:#0f172ac7;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;flex:1;min-height:0;padding:8px 10px;display:flex}.sjakk-moves-list{font-variant-numeric:tabular-nums;flex-direction:column;flex:1;gap:3px;padding-right:4px;font-size:.78rem;display:flex;overflow-y:auto}.sjakk-move-row{background:#ffffff08;border-radius:6px;grid-template-columns:32px 1fr 1fr;padding:2px 6px;display:grid}.sjakk-move-num{color:#64748b;font-weight:800}.sjakk-move-san{color:#e2e8f0;font-weight:700}.sjakk-actions-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.sjakk-btn{color:#f8fafc;cursor:pointer;background:#1e293b;border:1px solid #b5886366;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:7px 10px;font-family:inherit;font-size:.78rem;font-weight:800;transition:all .15s;display:flex}.sjakk-btn:hover{background:#334155;border-color:#f0d9b5}.sjakk-btn-primary{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none}@media (width<=780px){.sjakk-cabinet{grid-template-columns:1fr;height:auto}.sjakk-board-frame,#chessground-board{width:min(88vw,360px);height:min(88vw,360px)}.sjakk-player-bar{width:min(88vw,360px)}.sjakk-moves-box{height:120px}}