/* Negeri Ngadi-Ngadi V9.4 — clean Canva-inspired party board */
:root{--v94-navy:#173451;--v94-sky:#dbeeff;--v94-gold:#ffcd63;--v94-pink:#ff8daf;--v94-mint:#72e5c3;--v94-line:#c9e0f4}
body{background:linear-gradient(150deg,#eff8ff,#f7f4ff 40%,#fff8ed 80%,#f0fff8);}
.topbar{background:linear-gradient(115deg,#14395b,#386ad7 45%,#4bbed3);box-shadow:0 10px 30px #28528c2d}
.shell{max-width:1620px}
.brand small{letter-spacing:.09em}
.game-layout{grid-template-columns:minmax(0,1.65fr) minmax(290px,.62fr);gap:18px;align-items:start}
.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:19px;background:#ffffffed!important}
.board-viewport{background:linear-gradient(140deg,#ffffff,#f5faff)!important;box-shadow:0 15px 42px rgba(51,93,149,.13)!important;border:1px solid #d7e7f7;border-radius:22px;overscroll-behavior:contain}
.board-stage{padding:16px 14px 23px!important}
.board{border:5px solid #305372!important;border-radius:12px;background:#fffdfa;box-shadow:0 12px 30px rgba(35,72,114,.16)!important}
.tile{border:1px solid #aec8d8!important;background:#fffdf8!important;color:var(--v94-navy)!important;transition:background .15s,box-shadow .15s,filter .15s!important;transform:none!important;backface-visibility:visible!important;filter:none!important;box-shadow:inset 0 -2px 0 #e8eef5!important;overflow:hidden!important;gap:2px!important;padding:3px 2px!important}
.tile .stripe{height:10px!important;border-radius:5px!important;box-shadow:none!important}
.tile .tile-name{font:800 clamp(7.5px,.73vw,11px)/1.16 'DM Sans',system-ui,sans-serif!important;color:#1a3d5b!important;letter-spacing:-.1px;text-shadow:none!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tile .tile-price{font:800 clamp(7px,.68vw,10px)/1.1 'Space Grotesk',sans-serif!important;color:#365c7c!important;text-shadow:none!important}
.tile .tile-symbol{font-size:clamp(17px,2vw,24px)!important;filter:none!important}
.tile:hover,.tile:focus-visible{background:#fff3cc!important;z-index:10!important;outline:2px solid #f6ae44;outline-offset:-2px}
.tile-berita{background:#e8f1ff!important}.tile-nasib{background:#fff2df!important}.tile-tax{background:#ffe5e8!important}.tile-jail,.tile-gojail{background:#ffe0df!important}.tile-parking{background:#e3f8ee!important}.tile-rail{background:#efebff!important}.tile-utility{background:#e5f7ff!important}.tile-start{background:#e1ffe9!important}
.tile-owner{z-index:3!important}.tile .tile-upgrade{font-size:9px;color:#235b4e}
.property-building{right:1%!important;top:-4%!important;font-size:clamp(10px,1.4vw,18px)!important;filter:drop-shadow(0 2px 2px #20344a66)!important}
.board-center.social-center{background:linear-gradient(155deg,#f3fbff,#fff4dd 58%,#f4f1ff)!important;border:8px solid #f0e4ca!important}
.social-person{background:#ffffffed!important;border:1px solid #d3e4f1!important;box-shadow:0 4px 12px rgba(33,81,130,.12)!important}
.social-person.is-turn{background:#fff2c6!important;border:2px solid #f7ca61!important}
.social-center-header .social-eyebrow{color:#4c7396!important}
.social-center-header strong{color:#1d4c71!important}
.v91-hero-photo{border-color:#f5c968!important;box-shadow:0 12px 32px #29608b30!important}
.v91-hero-meta{background:linear-gradient(90deg,rgba(21,62,90,.7),rgba(21,62,90,.2))}
.sidebar{gap:12px}.sidebar>.panel{border-radius:20px!important;border:1px solid #d4e8fa!important;box-shadow:0 9px 26px rgba(35,81,135,.09)!important}
.panel-heading{font-weight:1000;color:#476d91!important;letter-spacing:.07em}
.player-card{border-radius:14px!important}.player-card.is-current{background:linear-gradient(145deg,#fff5c9,#ffebaa)!important;border-color:#f0ca63!important}
.panel .primary{background:linear-gradient(105deg,#a2ee70,#d2fa8b)!important;color:#25482c!important}
.btn-row button{min-height:42px}
.info-actions button{border-radius:12px}
/* Small screens: board first, horizontal board scrolling on purpose, accessible controls */
@media (max-width:1100px){.game-layout{grid-template-columns:minmax(0,1fr)}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sidebar>#turnPanel{grid-column:1/-1}.board{min-width:640px}}
@media (max-width:740px){
 .shell{padding:12px 9px 24px}.topbar{height:auto;min-height:62px;padding:10px 12px;align-items:start}
 .header-right{gap:5px;flex-wrap:wrap;justify-content:flex-end}
 .season{display:none}
 .board-toolbar{padding:10px!important;flex-wrap:wrap}.board-viewport{padding:5px!important;border-radius:15px}
 .board-stage{min-width:650px!important;padding:10px 6px 20px!important}
 .board{min-width:634px!important;border-width:4px!important}.tile .tile-name{font-size:8.5px!important}.tile .tile-price{font-size:8px!important}
 .board-center.social-center{border-width:5px!important}
 .sidebar{display:flex;flex-direction:column}.sidebar>#turnPanel{order:0}.sidebar>.voice-panel{order:2}
 .board-caption{font-size:12px;line-height:1.5;margin:10px 4px}
 .btn-row button{min-height:48px;font-size:13px}
 .v94-stage{max-height:80vh;overflow:hidden}
}
/* Broadcast overlay (TV-like pre-roll) */
.v94-broadcast-overlay{position:fixed;inset:0;z-index:400;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .22s ease;background:rgba(5,18,35,.52)}
.v94-broadcast-overlay.is-visible{opacity:1}
.v94-stage{position:relative;overflow:hidden;isolation:isolate;width:min(850px,94vw);min-height:340px;padding:24px 30px 22px;background:linear-gradient(128deg,#06284d,#165da8 51%,#2dc6d2);color:#fff;border-radius:28px;border:1px solid #ffffff77;box-shadow:0 25px 70px #041c3b75}
.v94-broadcast-overlay.is-nasib .v94-stage{background:linear-gradient(130deg,#54386f,#bd5ea6 58%,#ffb16d)}
.v94-grid{position:absolute;z-index:-1;inset:-30%;opacity:.25;transform:perspective(500px) rotateX(58deg);background-image:linear-gradient(#ffffff44 1px,transparent 1px),linear-gradient(90deg,#ffffff44 1px,transparent 1px);background-size:38px 38px;animation:v94bg 3s linear infinite}
.v94-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative}
.v94-station{font:1000 21px 'Space Grotesk',sans-serif;letter-spacing:-1px}.v94-station b{color:#ffde72}
.v94-live{font-size:10px;letter-spacing:.1em;font-weight:900;background:#ed315c;border-radius:99px;padding:8px 12px}
.v94-studio-mark{position:absolute;right:8%;top:29%;font-size:clamp(80px,14vw,140px);filter:drop-shadow(0 14px 13px #06254a78);animation:v94float 1.4s ease-in-out infinite alternate}
.v94-subtitle{font-weight:900;letter-spacing:3px;font-size:clamp(9px,1.4vw,13px);color:#e0f5ff;margin-top:56px}
.v94-stage h2{font:1000 clamp(32px,6vw,64px)/.98 'Space Grotesk',sans-serif;letter-spacing:-1.8px;text-shadow:0 8px 25px #062b5f66;margin:8px 0 28px;max-width:80%}
.v94-ticker{background:#ffdc77;color:#503500;border-radius:13px;display:flex;align-items:center;gap:13px;overflow:hidden;font-weight:900;min-height:43px;padding:5px 12px;font-size:clamp(11px,1.6vw,15px)}
.v94-ticker-label{background:#f65d75;color:white;border-radius:9px;padding:7px 10px;font-size:11px;flex:none}
.v94-ticker span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v94-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:10px;font-weight:900;letter-spacing:1.7px;color:#dcf5ff}
.v94-wave{display:flex;align-items:center;gap:4px;height:24px}.v94-wave i{width:5px;border-radius:7px;background:#fff;height:8px;animation:v94wave .58s ease-in-out infinite alternate}.v94-wave i:nth-child(2){animation-delay:-.2s}.v94-wave i:nth-child(3){animation-delay:-.35s}.v94-wave i:nth-child(4){animation-delay:-.1s}.v94-wave i:nth-child(5){animation-delay:-.3s}
@keyframes v94float{to{transform:translateY(-13px) rotate(7deg)}}@keyframes v94bg{to{background-position:0 38px}}@keyframes v94wave{to{height:23px}}
.v94-studio-controls{background:linear-gradient(140deg,#eff7ff,#fff5e7);border:1px solid #d7e5fb;border-radius:14px;padding:12px;display:grid;gap:10px;margin-top:10px;color:#214b70}
.v94-studio-controls label{display:grid;gap:6px;font-size:12px;font-weight:900}
.v94-studio-controls select{width:100%;padding:9px 11px;border-radius:9px;border:1px solid #cbddee;background:white;color:#204462;min-height:40px}
.v94-hint{font-size:10px;line-height:1.5;margin:0;color:#577693}
@media(prefers-reduced-motion:reduce){.v94-broadcast-overlay,.v94-grid,.v94-wave i,.v94-studio-mark{transition:none;animation:none}}