/* web-only layer of the deck (deck-web.js): start hint, corner menu; the feedback dialog styles live in fb.css */
.dw-hint{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:70;width:min(720px,calc(100vw - 32px));
  background:rgba(10,10,12,.92);border:1px solid #2c2c30;border-radius:14px;padding:28px 30px;color:#f4f4f2;
  font:16px/1.5 'Segoe UI','Barlow',system-ui,sans-serif;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.dw-hint-title{font:700 clamp(26px,4vw,40px)/1.1 'Bahnschrift','Barlow','Segoe UI',sans-serif;margin:0 0 6px}
.dw-hint-sub{color:#ffb23e;font:600 15px 'Cascadia Mono','Consolas','JetBrains Mono',monospace;margin:0 0 16px}
.dw-hint-keys{margin:0 0 6px;color:#d9d9d4}
.dw-hint-turn{display:none;margin:0 0 6px;color:#9aa0a6}
@media (orientation:portrait) and (max-width:820px){.dw-hint-turn{display:block}}
.dw-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.dw-btn{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:10px;border:1px solid #3a3a40;
  background:#1d1d21;color:#f4f4f2;font:600 16px 'Segoe UI','Barlow',system-ui,sans-serif;text-decoration:none;cursor:pointer}
.dw-btn:hover{border-color:#ffb23e}
.dw-primary{background:#ffb23e;border-color:#ffb23e;color:#111}
.dw-btn:focus-visible,.dw-item:focus-visible,.dw-menu-btn:focus-visible{outline:3px solid #38d3ff;outline-offset:2px}
.dw-corner{position:fixed;top:14px;right:14px;z-index:70;opacity:0;transition:opacity .3s;pointer-events:none}
.dw-corner.on,.dw-corner:focus-within{opacity:1;pointer-events:auto}
.dw-menu-btn{width:48px;height:48px;border-radius:12px;border:1px solid #3a3a40;background:rgba(10,10,12,.85);color:#fff;font-size:22px;cursor:pointer}
.dw-menu{position:absolute;right:0;top:56px;min-width:230px;background:rgba(10,10,12,.95);border:1px solid #2c2c30;border-radius:12px;padding:6px;display:flex;flex-direction:column}
.dw-menu[hidden]{display:none}
.dw-item{display:block;text-align:left;padding:12px 14px;border-radius:8px;border:0;background:none;color:#f4f4f2;
  font:15px 'Segoe UI','Barlow',system-ui,sans-serif;text-decoration:none;cursor:pointer}
.dw-item:hover{background:#1f1f24}
/* offline copy: hint line + panel (bottom left) */
.dw-hint-off{margin-top:18px;padding-top:14px;border-top:1px solid #2c2c30;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.dw-hint-offtext{margin:0;flex:1 1 260px;color:#d9d9d4;font-size:15px}
.dw-off{position:fixed;left:14px;bottom:14px;z-index:72;width:min(520px,calc(100vw - 28px));background:rgba(10,10,12,.95);border:1px solid #2c2c30;
  border-radius:14px;padding:18px 20px;color:#f4f4f2;font:15px/1.45 'Segoe UI','Barlow',system-ui,sans-serif;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.dw-off.ok{border-color:#3fbf73}
.dw-off-title{margin:0 0 4px;font:600 13px 'Cascadia Mono','Consolas','JetBrains Mono',monospace;color:#ffb23e;letter-spacing:.04em;text-transform:uppercase}
.dw-off-state{margin:0 0 10px;font:700 18px/1.3 'Bahnschrift','Barlow','Segoe UI',sans-serif}
.dw-off.ok .dw-off-state{color:#6be39a}
.dw-bar{height:12px;border-radius:6px;background:#26262b;overflow:hidden}
.dw-bar i{display:block;height:100%;width:0;background:#ffb23e;transition:width .4s}
.dw-off.ok .dw-bar i{background:#3fbf73}
.dw-off-detail{margin:8px 0 0;min-height:1.4em;font:13px/1.5 'Cascadia Mono','Consolas','JetBrains Mono',monospace;color:#c9c9c4;word-break:break-word}
.dw-off-info{margin:10px 0 0;font-size:13px;color:#9aa0a6}
@media (prefers-reduced-motion:reduce){.dw-corner{transition:none}.dw-bar i{transition:none}}