/* A light glass treatment on existing artwork, never on the game canvas. */
:root{--glass-border:#cbb0eb36;--glass-shadow:0 8px 24px #07040e30,inset 0 1px 0 #fff2;--glass-fill:linear-gradient(135deg,#5d49763d,#281e3cb8)}
body.bibak-refined #app{background-image:radial-gradient(ellipse at 100% 8%,#72589c18,transparent 55%)}
body.bibak-refined #app :is(.card,.v10-welcome,.v10-game-tile,.v10-filters,.v10-page-arrow,.execution-report,.v10-practice-brief,.studio-hud,.question-card,.broadcast-card){border-color:var(--glass-border);box-shadow:var(--glass-shadow)}
body.bibak-refined #app :is(.v10-filters,.v10-page-arrow,.v10-practice-brief,.studio-hud,.question-card){background:var(--glass-fill)}
body.bibak-refined #app .v10-tile-caption{background:linear-gradient(140deg,#4f3d64b8,#251b39ee);border-top-color:#e8d2ff35}
body.bibak-refined #app .v10-tile-name small{color:#d4c6e0;font-size:9px}
body.bibak-refined #app .v10-game-tile:focus-visible{outline:2px solid #ffe279;outline-offset:2px;border-color:#ffe279}
body.bibak-refined #app .v10-game-tile{transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease}
@media(hover:hover){body.bibak-refined #app .v10-game-tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px #07040e60,inset 0 1px #fff3}}
body.bibak-refined #app .v10-game-tile:active{transform:scale(.977)}
body.bibak-refined #app :is(.top,.bottom-nav){background:linear-gradient(135deg,#392948e8,#211a32ed);border-color:#d1b2ed35;box-shadow:inset 0 1px #fff1}
@supports(backdrop-filter:blur(8px)){body.bibak-refined #app :is(.top,.bottom-nav){backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}
body.bibak-refined #app :is(.cta,.icon-btn,.options button,.option,.text-btn){transition:background-color 140ms ease,border-color 140ms ease,transform 140ms ease}
body.bibak-refined #app :is(.cta,.icon-btn,.options button,.option):active{transform:scale(.98)}
body.bibak-refined #app .bottom-nav a{min-height:48px}
body.bibak-refined #app .quick-help{flex:0 0 auto;background:#ffffff0d;color:#eee1ff;border:1px solid #d0afea45;border-radius:8px;min-height:42px;padding:6px 9px;font:inherit;font-size:10px;white-space:nowrap}
body.bibak-refined #app .top{gap:8px}
body.bibak-refined #app .top-right{margin-inline-start:auto}
body.bibak-refined :is(.onboard-content input,.onboard-teams button,.onboard-choices button){background:linear-gradient(135deg,#ffffff0d,#2a1e3b55);border-color:#c9a8e04d;box-shadow:inset 0 1px #fff1}
body.bibak-refined :is(input,textarea,select):focus-visible{outline:2px solid #ffe17c;outline-offset:2px}
body.bibak-refined #app .operator-sidebar{box-shadow:inset 1px 0 #ffffff17,0 10px 25px #120a1a22}
body.bibak-refined #app :is(.operator-section,.operator-stat,.report-stat,.report-question){box-shadow:0 8px 24px #2314320a,inset 0 1px #fff;border-color:#9e8bad30}
.quick-start-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 28px));max-height:calc(100svh - 28px);padding:0;color:#fff4df;border:1px solid #dbc5f35c;border-radius:18px;background:linear-gradient(145deg,#4b365beF,#20172ef5);box-shadow:0 28px 90px #0009,inset 0 1px #fff4;font-family:inherit;overflow:auto;overscroll-behavior:contain}
.quick-start-dialog::backdrop{background:#0e081bcc;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.quick-shell{padding:20px;display:flex;flex-direction:column;gap:14px;min-height:0}
.quick-shell header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.quick-shell header img{width:95px;height:auto;image-rendering:pixelated}
.quick-shell button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.quick-skip,.quick-back{min-height:44px;background:transparent;border:1px solid #dac0f133;border-radius:8px;padding:6px 12px;color:#e4d7ee;font-size:11px}
.quick-visual{height:178px;overflow:hidden;display:grid;place-items:center;border-radius:12px;background:linear-gradient(150deg,#fff1,#241333aa);border:1px solid #f8e3ff24}
.quick-visual img{width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.quick-visual img[data-slide="1"]{object-fit:contain;width:65%;height:auto;max-height:80%}
.quick-visual img[data-slide="2"]{object-fit:contain;object-position:center bottom;width:auto;max-width:90%}
.quick-copy{min-height:135px}.quick-count{font-size:11px;color:#ffdb78;font-variant-numeric:tabular-nums}.quick-copy h2{font-size:21px;line-height:1.7;margin:7px 0 9px}.quick-copy p{font-size:13px;color:#dfd3e8;line-height:1.95;margin:0}
.quick-dots{display:flex;justify-content:center;gap:4px}.quick-dots button{background:none;border:0;min-width:44px;min-height:36px;position:relative}.quick-dots button:after{content:'';position:absolute;width:7px;height:7px;left:calc(50% - 3px);top:15px;border-radius:2px;background:#b29db6}.quick-dots button[aria-current=step]:after{width:20px;left:calc(50% - 10px);background:#ffdb78}
.quick-shell footer{display:flex;gap:8px}.quick-next{flex:1;min-height:48px;border-radius:9px;border:1px solid #ffe895;background:linear-gradient(135deg,#ffe87d,#f5d245);color:#2c1b39;font-size:14px;font-weight:700;box-shadow:inset 0 1px #fff6}.quick-back:disabled{opacity:.3;cursor:default}
.quick-shell :focus-visible{outline:2px solid #fff3c1;outline-offset:3px}.quick-copy h2:focus{outline:none}
.welcome-quick-help{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:3px 10px;background:#ffffff08;color:#e4d5ef;border:1px solid #d6b7f433;border-radius:6px;font:inherit;font-size:11px;text-decoration:none}
@media(max-height:650px){.quick-shell{padding:14px;gap:8px}.quick-visual{height:105px}.quick-copy{min-height:128px}.quick-copy h2{font-size:18px;margin:5px 0}.quick-copy p{font-size:12px;line-height:1.8}.quick-dots button{min-height:30px}.quick-dots button:after{top:12px}}
@media(prefers-reduced-motion:reduce){body.bibak-refined #app *, .quick-start-dialog *{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}
@media(prefers-reduced-transparency:reduce){body.bibak-refined #app :is(.top,.bottom-nav,.studio-hud,.v10-practice-brief){backdrop-filter:none;background:#291e38}.quick-start-dialog{background:#2c203c}.quick-start-dialog::backdrop{backdrop-filter:none}}

body:is(.playing,.v7-active-play) #app .quick-help{display:none}
.launch-shell .entry-panel{background:linear-gradient(140deg,#5542667a,#271c3bed);border-color:#d2b5ec4d;box-shadow:0 18px 55px #0b06194d,inset 0 1px #fff3}
.launch-shell .primary{background:linear-gradient(135deg,#ffe97d,#f7d743);box-shadow:inset 0 1px #fff8,0 6px 18px #160e2220;transition:transform 150ms ease,box-shadow 150ms ease}
.launch-shell .primary:active{transform:scale(.985)}
body.bibak-refined.operator-page #app .broadcast-shell{background:radial-gradient(ellipse at 15% 15%,#e9e0f580,transparent 55%),#f5f3f8}
body.bibak-refined.operator-page #app :is(.operator-summary>article,.operator-episode-card,.report-card){background:linear-gradient(140deg,#ffffffed,#fbf8ffcf);border-color:#d4c7e38a;box-shadow:0 8px 22px #3a1e5d06,inset 0 1px #fff}
body.bibak-refined.operator-page #app .broadcast-top{background:#ffffffde;box-shadow:inset 0 -1px #fff5}
@supports(backdrop-filter:blur(8px)){.launch-shell .entry-panel,body.bibak-refined.operator-page #app .broadcast-top{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}
@media(prefers-reduced-transparency:reduce){.launch-shell .entry-panel{background:#2d203d;backdrop-filter:none;-webkit-backdrop-filter:none}body.bibak-refined.operator-page #app .broadcast-top{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}