@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
:root{--idng-bg:#07070a;--idng-panel:#0d0d12;--idng-line:#292932;--idng-text:#f5f3ee;--idng-muted:#8d8c96;--idng-hot:#ff075b;--bar-h:48px}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--idng-bg);color:var(--idng-text);font-family:'Manrope',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
.player-shell{width:100%;height:100dvh;display:grid;grid-template-rows:calc(var(--bar-h) + env(safe-area-inset-top)) 1fr;background:var(--idng-bg)}
.player-bar{position:relative;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:10px;height:calc(var(--bar-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;background:rgba(9,9,13,.96);border-bottom:1px solid var(--idng-line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.player-back{height:var(--bar-h);display:inline-flex;align-items:center;gap:7px;color:var(--idng-text);text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.09em;white-space:nowrap}
.player-back-icon{font-size:19px;font-weight:400;line-height:1;transform:translateY(-1px);color:var(--idng-hot)}
.player-title{height:var(--bar-h);display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;letter-spacing:-.015em;color:#c7c6cc}
.player-brand{height:var(--bar-h);display:flex;align-items:center;font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--idng-hot)}
.player-stage{position:relative;min-width:0;min-height:0;background:#000;overflow:hidden}
.game-frame{display:block;width:100%;height:100%;border:0;background:#000}
@media(max-width:420px){:root{--bar-h:44px}.player-bar{padding-left:10px;padding-right:10px;gap:7px}.player-back{font-size:10px;letter-spacing:.075em}.player-title{font-size:11px}.player-brand{font-size:9px}}
@media(display-mode:fullscreen){.player-brand{display:none}}

/* v0.2.8 — IDNG red identity */
:root{--idng-bg:#030305;--idng-panel:#08080c;--idng-line:#32222a;--idng-hot:#ff0055}
.player-bar{background:rgba(4,4,7,.97);border-bottom-color:#3a202c;box-shadow:0 5px 24px rgba(0,0,0,.32),0 1px 0 rgba(255,0,85,.08)}
.player-back-icon,.player-brand{color:#ff075b;text-shadow:0 0 12px rgba(255,0,85,.25)}
.player-back{font-weight:700}.player-title{color:#d5d0d4}