/* V3.2 controls, focus and friendly update notices. */
.hwo-update-toast{
 position:fixed;right:18px;bottom:18px;z-index:2147483500;
 display:flex;flex-wrap:wrap;align-items:center;gap:16px;
 max-width:min(580px,calc(100vw - 32px));padding:17px 18px;
 border-radius:16px;border:1px solid rgba(145,166,226,.35);
 box-shadow:0 20px 70px rgba(0,0,0,.3);
 background:#13203c;color:#f4f7ff;font:500 13px/1.45 system-ui,sans-serif;
}
.hwo-update-toast.ready{border-color:rgba(95,221,173,.5)}
.hwo-update-toast.error{border-color:rgba(242,161,153,.5)}
.hwo-update-toast strong{font-size:15px;display:block}
.hwo-update-toast p{font-size:12px;color:#bac9df;margin:4px 0 0}
.hwo-update-toast>div:first-child{flex:1 1 220px}
.hwo-update-actions{display:flex;gap:8px;flex-wrap:wrap}
.hwo-update-btn,.study-focus-card button,.study-export-button,.hwo-check-button{
 appearance:none;cursor:pointer;border-radius:10px;border:1px solid #d8e0f0;
 background:#edf2fc;color:#243757;padding:10px 14px;
 font:700 12px/1.3 system-ui,sans-serif;
}
.hwo-update-toast .hwo-update-btn{background:#243354;color:#eaf3ff;border-color:#526383}
.hwo-update-toast .hwo-update-btn.primary{background:#5580f5;border-color:#5580f5;color:white}
.hwo-update-btn:hover,.study-focus-card button:hover,.study-export-button:hover,.hwo-check-button:hover{filter:brightness(1.08)}
.hwo-update-btn:focus-visible,.study-focus-card button:focus-visible,.study-export-button:focus-visible,.hwo-check-button:focus-visible{outline:3px solid #89b4ff;outline-offset:2px}
.hwo-check-button{white-space:nowrap;padding:7px 10px;background:transparent}
body.arcade-mode .hwo-check-button{border-color:#40557c;color:#f1f5ff}
.study-focus-card{display:grid;gap:10px}
.study-focus-card .focus-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.study-focus-card h2{margin:0;font-size:15px}
.study-focus-card label{font-size:12px;display:grid;gap:6px;color:var(--study-muted,#62718e)}
.study-focus-card select{padding:9px 11px;border:1px solid #cbd8ed;background:var(--study-card,#fff);color:var(--study-text,#203354);border-radius:9px;font:inherit}
.study-focus-card .focus-time{font:800 clamp(32px,6vw,46px)/1.15 system-ui,sans-serif;letter-spacing:1px;color:#446ced;font-variant-numeric:tabular-nums;text-align:center}
.study-focus-card .focus-actions{display:flex;gap:7px}
.study-focus-card .focus-actions button{flex:1}
.study-focus-card .focus-actions #focusStart{background:#526fee;color:white;border-color:#526fee}
.study-focus-card .focus-message{font-size:11px;min-height:17px;color:var(--study-muted,#667792);margin:0}
.study-export-button{width:100%;margin-top:7px}
.web-games-hub .web-game-panel .web-game-example{font-size:11px;line-height:1.5;color:#9eb7da}
.web-browser-toolbar .web-browser-address{flex-basis:320px}
@media(max-width:700px){
 .hwo-update-toast{left:12px;right:12px;bottom:12px;max-width:none}
 .hwo-check-button{font-size:10px;padding:6px 8px}
 .web-browser-toolbar .web-browser-address{flex-basis:100%;order:-1}
}
@media(prefers-reduced-motion:reduce){.hwo-update-toast,.study-focus-card{animation:none!important}}

/* Workspace isolation: nothing arcade-related is rendered or keyboard-focusable in study mode. */
body.study-mode #gamesPage,
body.study-mode #gameOnlyControls,
body.study-mode #socialDrawer,
body.study-mode #ticketDrawer,
body.study-mode #adminPanel,
body.study-mode #modeTransition {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}