:root{
  --bg:#ece7ff;--ink:#16101f;--paper:#fff;--violet:#8b5cf6;--pink:#ff4d97;--teal:#14d6c4;--yellow:#ffd633;--lime:#b4e82a;--orange:#ff7a3d;
  --bd:3px solid var(--ink);--sh:6px 6px 0 var(--ink);--sh-lg:9px 9px 0 var(--ink);--sh-sm:4px 4px 0 var(--ink);
  --display:"Syne",Arial,sans-serif;--sans:"Space Grotesk",Arial,sans-serif;--mono:"DM Mono",Consolas,monospace
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.5;background-image:radial-gradient(var(--ink) 1.1px,transparent 1.1px);background-size:26px 26px;background-position:-13px -13px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:var(--yellow)}
.marquee{overflow:hidden;white-space:nowrap;background:var(--ink);color:var(--bg);border-bottom:var(--bd);padding:9px 0}.marquee-track{display:inline-flex;gap:40px;padding-left:40px;font:500 12px var(--mono);letter-spacing:.1em;animation:scroll 26s linear infinite}@keyframes scroll{to{transform:translateX(-50%)}}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 26px;background:var(--bg);border-bottom:var(--bd)}.logo{display:flex;align-items:center;gap:10px;font:800 22px var(--display)}.logo-icon{display:grid;place-items:center;width:46px;height:46px;background:var(--yellow);border:var(--bd);box-shadow:var(--sh-sm);transform:rotate(-4deg);overflow:hidden}.logo-icon svg{width:40px;height:40px}.px-ink{fill:var(--ink)}.px-pink{fill:var(--pink)}.main-nav{display:flex;gap:6px}.main-nav a{padding:8px 14px;border:2px solid transparent;font:500 13px var(--mono)}.main-nav a:hover{border-color:var(--ink);background:var(--paper)}.main-nav a.active{background:var(--violet);color:#fff;border-color:var(--ink);box-shadow:var(--sh-sm)}.audio-quick{display:flex;align-items:center;gap:9px;padding:10px 15px;background:var(--pink);border:var(--bd);box-shadow:var(--sh-sm);font:800 13px var(--display)}.audio-quick:hover{transform:translate(-2px,-2px);box-shadow:var(--sh)}.audio-dot{display:grid;place-items:center;min-width:38px;height:24px;padding:0 7px;border-radius:999px;background:var(--ink);color:#fff;font:500 10px var(--mono)}.audio-dot.on{background:#047857}
.hero{max-width:1280px;margin:auto;padding:42px 26px 30px;display:grid;grid-template-columns:1fr 300px;gap:26px}.hero-main{position:relative}.hero-sticker{position:absolute;right:20px;top:-6px;z-index:2;padding:12px 14px;background:var(--lime);border:var(--bd);box-shadow:var(--sh-sm);font:800 16px/.95 var(--display);text-align:center;transform:rotate(8deg)}.hero-title{margin:0;font:800 clamp(3.2rem,10vw,8rem)/.86 var(--display);letter-spacing:-.04em}.hero-title .outline{color:transparent;-webkit-text-stroke:3px var(--ink)}.hero-sub{max-width:650px;margin:24px 0 0;font-size:17px;font-weight:500}.hero-sub b{background:var(--yellow);padding:0 5px}.hero-card{display:flex;flex-direction:column;padding:18px;background:var(--violet);color:#fff;border:var(--bd);box-shadow:var(--sh)}.hc-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1.5px solid rgba(255,255,255,.3);font:500 12px var(--mono)}.hc-big{margin-top:auto;padding-top:20px;font:800 2.7rem/1 var(--display)}.hc-cat{font-size:13px;opacity:.85}
.control-deck,.player-shell,.library-section,.help-grid{max-width:1280px;margin-left:auto;margin-right:auto}.control-deck{padding:18px 26px 20px;background:var(--paper);border-top:var(--bd);border-bottom:var(--bd)}.control-field label{display:block;margin-bottom:6px;font:700 13px var(--mono)}.control-field select,.library-tools input{width:100%;min-height:48px;padding:10px 13px;background:#fff;border:var(--bd);color:var(--ink);font-weight:600}.control-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.btn{min-height:44px;padding:10px 15px;border:var(--bd);box-shadow:var(--sh-sm);color:var(--ink);font:800 12px var(--display);letter-spacing:.03em}.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--sh)}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.btn-pink{background:var(--pink)}.btn-yellow{background:var(--yellow)}.btn-teal{background:var(--teal)}.btn-lime{background:var(--lime)}.btn-violet{background:var(--violet);color:#fff}.btn-orange{background:var(--orange)}.status{margin:13px 0 0;padding:10px 12px;background:#f8f7ff;border:2px dashed var(--ink);font-size:13px}.status.ready{background:#dffbf3}.status.warn{background:#fff1c7}.status.error{background:#ffe1e1}
.player-shell{position:relative;margin-top:26px;background:var(--paper);border:var(--bd);box-shadow:var(--sh-lg);overflow:hidden}.player-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;background:var(--ink);color:#fff;border-bottom:var(--bd)}.player-bar strong,.player-bar small{display:block}.player-bar strong{font:800 clamp(1rem,2.3vw,1.3rem) var(--display)}.player-bar small{margin-top:2px;color:#d8d0e5;font-size:12px}.eyebrow{font:500 11px var(--mono);letter-spacing:.13em}.badge{padding:7px 10px;background:var(--yellow);color:var(--ink);border:2px solid #fff;font:800 10px var(--mono);white-space:nowrap}.badge.ready{background:var(--lime)}.badge.warn{background:var(--orange)}.badge.error{background:var(--pink)}.frame-host{min-height:560px;background:#050505}.frame-host iframe{display:block;width:100%;height:min(74vh,760px);min-height:560px;border:0;background:#000}.start-panel{position:absolute;inset:72px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;background:linear-gradient(135deg,var(--violet),var(--pink));text-align:center}.start-panel.hidden{display:none}.start-panel h2{margin:12px 0 5px;font:800 2rem var(--display)}.start-panel p{max-width:540px;margin:0 0 15px;font-weight:600}.start-shape{display:grid;place-items:center;width:82px;height:82px;background:var(--yellow);border:var(--bd);box-shadow:var(--sh);font-size:32px;transform:rotate(-4deg)}
.library-section{padding:48px 26px 60px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.section-title h2{margin:3px 0 0;font:800 clamp(2.2rem,6vw,4.4rem)/.95 var(--display)}.section-title p{margin:0;padding:7px 11px;background:var(--yellow);border:var(--bd);box-shadow:var(--sh-sm);font:700 12px var(--mono)}.library-tools{display:grid;grid-template-columns:auto minmax(260px,480px);gap:15px;align-items:center;margin-bottom:22px}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tab{padding:10px 16px;background:var(--paper);border:var(--bd);box-shadow:var(--sh-sm);font:800 12px var(--display)}.tab.active{background:var(--ink);color:#fff}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.game-card{--c:var(--paper);position:relative;min-width:0;min-height:188px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:0;background:var(--c);border:var(--bd);box-shadow:var(--sh);text-align:left;overflow:hidden;transition:.15s}.game-card:hover{transform:translate(-3px,-3px);box-shadow:var(--sh-lg)}.game-card.active{outline:5px solid var(--ink);outline-offset:-8px}.game-card.disabled{opacity:.58;cursor:not-allowed}.game-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 13px;border-bottom:var(--bd);background:#fff}.game-index{font:500 11px var(--mono)}.game-tag{padding:4px 7px;background:var(--ink);color:#fff;font:500 9px var(--mono);letter-spacing:.06em}.game-card-body{display:flex;gap:12px;align-items:center;padding:15px}.game-letter{display:grid;place-items:center;flex:0 0 auto;width:58px;height:58px;background:#fff;border:var(--bd);box-shadow:var(--sh-sm);font:800 18px var(--display);transform:rotate(-3deg)}.game-copy{min-width:0}.game-copy strong{display:block;font:800 clamp(.98rem,2vw,1.14rem)/1.15 var(--display);overflow-wrap:anywhere}.game-copy span{display:block;margin-top:6px;font:500 11px/1.35 var(--mono);opacity:.78;overflow-wrap:anywhere}.game-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 13px;border-top:2px solid var(--ink);font:500 10px var(--mono)}.game-card.active::after{content:"DIPILIH";position:absolute;right:8px;top:46px;padding:4px 7px;background:var(--lime);border:2px solid var(--ink);font:800 9px var(--mono);transform:rotate(4deg)}
.help-grid{padding:0 26px 64px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.help-card{padding:18px;border:var(--bd);box-shadow:var(--sh)}.help-card>span{font:800 12px var(--mono)}.help-card h3{margin:14px 0 7px;font:800 1.25rem var(--display)}.help-card p{margin:0;font-size:13px;font-weight:500}.c-yellow{background:var(--yellow)}.c-teal{background:var(--teal)}.c-pink{background:var(--pink)}.c-lime{background:var(--lime)}
.site-footer{display:grid;grid-template-columns:1fr 2fr;align-items:end;gap:28px;padding:36px 26px;background:var(--ink);color:#fff;border-top:var(--bd)}.ft-big{font:800 clamp(3rem,8vw,6rem)/.78 var(--display)}.ft-note{max-width:720px;font:500 12px/1.7 var(--mono);color:#d9d2e4}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-card{min-height:230px}.main-nav{display:none}.library-tools{grid-template-columns:1fr}.help-grid{grid-template-columns:repeat(2,1fr)}.frame-host,.frame-host iframe{min-height:480px}.site-footer{grid-template-columns:1fr}}
@media(max-width:620px){.site-header{padding:11px 14px}.logo{font-size:18px}.logo-icon{width:37px;height:37px}.audio-quick{padding:8px 10px}.hero{padding:30px 16px 24px}.hero-sticker{right:4px}.control-deck{padding:15px 16px}.control-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.player-shell{margin-left:12px;margin-right:12px}.player-bar{align-items:flex-start;flex-direction:column}.frame-host,.frame-host iframe{min-height:420px;height:62vh}.start-panel{inset:100px 0 0}.library-section{padding:38px 16px 50px}.section-title{align-items:flex-start;flex-direction:column}.game-grid{grid-template-columns:1fr}.help-grid{padding:0 16px 50px;grid-template-columns:1fr}.site-footer{padding:28px 16px}.hero-title .outline{-webkit-text-stroke:2px var(--ink)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.marquee-track{animation:none}.game-card,.btn{transition:none}}

[hidden]{display:none!important}
.recovery-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;background:var(--yellow);border-top:var(--bd);font-size:13px}.recovery-panel strong,.recovery-panel span{display:block}.recovery-panel span{margin-top:3px;opacity:.8}.recovery-actions{display:flex;flex-wrap:wrap;gap:8px}.mini-btn{padding:8px 10px;background:var(--ink);color:#fff;border:2px solid var(--ink);font:800 10px var(--display);letter-spacing:.04em}.mini-btn.alt{background:var(--violet)}.mini-btn.ghost{background:#fff;color:var(--ink)}.mini-btn:hover{transform:translateY(-1px)}
@media(max-width:720px){.recovery-panel{align-items:stretch;flex-direction:column}.recovery-actions{display:grid;grid-template-columns:1fr}.mini-btn{width:100%}}

/* V22 stable player/fullscreen additions */
.player-shell.pseudo-fullscreen{position:fixed!important;inset:0!important;z-index:999999!important;margin:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;border:0!important;box-shadow:none!important;background:#000!important}
.player-shell.pseudo-fullscreen .frame-host,.player-shell.pseudo-fullscreen .frame-host iframe{width:100%!important;height:calc(100dvh - 72px)!important;min-height:0!important}
body.playnexa-fullscreen-lock{overflow:hidden!important}
#audioUnlockMedia{display:none!important}