/* Integration styles are scoped; each original renderer keeps its own artwork. */
:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
body{display:block!important;padding:0!important;margin:0;min-height:100dvh!important}button,a,select{-webkit-tap-highlight-color:transparent}button,select{min-height:44px;min-width:44px}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #efc36a!important;outline-offset:3px}button{touch-action:manipulation}.platform-bar{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:56px;padding:calc(6px + var(--safe-top)) max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left));background:#101918;color:#eee8d7;font:14px Arial,sans-serif}.platform-bar a{color:inherit;text-decoration:none;padding:12px 2px;white-space:nowrap}.platform-bar>div{display:flex;gap:6px}.platform-bar button{background:#23362e;border:1px solid #587062;border-radius:5px;color:inherit;padding:8px 12px;font:14px Arial,sans-serif}#platform-guide{box-sizing:border-box;max-width:560px;width:calc(100% - 24px);max-height:85dvh;overflow:auto;padding:24px;background:#14261f;color:#f3edda;border:1px solid #7c9f89;border-radius:12px;font:16px/1.6 Arial,sans-serif;margin:auto}#platform-guide p{font:inherit;color:#c3d2c8}#platform-guide a{color:#b3e6c4}#platform-guide button{float:right;color:#f3edda;background:#304c3c;border:1px solid #7c9f89;border-radius:5px;padding:10px}.platform-bar~dialog::backdrop{background:#000b}canvas{touch-action:none}.expanded .headline,.expanded aside:not(.side),.expanded .page-footer,.expanded .brandbar,.expanded .topbar{display:none!important}html:fullscreen{display:block!important;padding:0!important;overflow:auto!important}body{padding-bottom:var(--safe-bottom)!important}
/* Western Bar: ratio-correct canvas, full-size controls, scrollable help. */
.western-bar .console{width:min(1100px,calc(100% - 24px));margin:12px auto;padding:12px}.western-bar .brandbar{padding-bottom:10px}.western-bar .machine{grid-template-columns:100px minmax(0,1fr) 110px;gap:12px;align-items:stretch}.western-bar .side{padding:10px 4px;justify-content:center}.western-bar .wanted{width:86px}.western-bar .side-brand,.western-bar .speaker,.western-bar .side-note,.western-bar .keynote{display:none}.western-bar .scene{height:auto!important;min-height:0!important;aspect-ratio:1000/680;max-height:calc(100dvh - 280px);background:#d5d4be}.western-bar .center{min-width:0}.western-bar .scene canvas{display:block;width:100%;height:100%;object-fit:contain!important}.western-bar .gold-controls{display:flex;gap:8px;padding:8px;justify-content:space-evenly;flex-wrap:wrap}.western-bar .switch button{height:44px;font-size:13px;width:72px}.western-bar .switch span{font-size:12px;letter-spacing:0}.western-bar .paddle{width:100%;padding:4px;display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.western-bar .paddle button{width:44px;height:56px;touch-action:none}.western-bar .fire-button{width:64px;height:64px;touch-action:none}.western-bar .fire-label{font-size:14px}.western-bar .hud{height:52px}.western-bar .metric span{font-size:10px;letter-spacing:0}.western-bar .metric strong{font-size:19px}.western-bar .under{padding:6px 0 0;font-size:12px}.western-bar .under kbd{font-size:12px}.western-bar .small-btn{font-size:12px}.western-bar .overlay{padding:8px;overflow:auto;align-items:center}.western-bar .panel{max-height:100%;overflow:auto;padding:14px}.western-bar .panel.title{width:350px;padding:12px}.western-bar .panel h2{font-size:25px;margin:4px 0 8px}.western-bar .panel p,.western-bar .help ul{font-size:14px;line-height:1.4}.western-bar .panel .primary,.western-bar .text-button,.western-bar .menu-row select{font-size:14px;min-height:44px}.western-bar .hint,.western-bar .eyebrow{font-size:11px!important}.western-bar .title .hint{display:none}.western-bar .title p{margin:6px 0 8px}
/* Poodle Kong: keep all touch inputs visible, including wide touch devices. */
.poodle-kong .app{padding:0 20px;max-width:1100px}.poodle-kong .topbar{height:55px}.poodle-kong .icon-button{width:44px;height:44px}.poodle-kong .headline{padding:12px 0}.poodle-kong h1{font-size:36px;margin:5px 0}.poodle-kong .layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.poodle-kong .screen{height:min(480px,calc(100dvh - 425px));min-height:180px;max-height:none;aspect-ratio:auto}.poodle-kong canvas{object-fit:contain!important}.poodle-kong .scoreboard{padding:6px 5px}.poodle-kong .scoreboard span{font-size:10px;letter-spacing:0}.poodle-kong .scoreboard strong{font-size:19px}.poodle-kong .cabinet-footer{padding:4px 0;gap:8px}.poodle-kong .cabinet-footer button{font-size:12px;min-height:44px}.poodle-kong .touch-deck{display:flex!important;width:100%;margin:8px 0 0;padding:8px 14px}.poodle-kong .dpad button{width:48px;height:44px;touch-action:none}.poodle-kong .dpad>div{display:flex;flex-direction:row}.poodle-kong .jump-button{height:56px;width:64px;touch-action:none}.poodle-kong .touch-caption{display:none}.poodle-kong .overlay{padding:8px;align-items:center;overflow:auto}.poodle-kong .overlay-card{padding:12px 18px;max-width:95%;max-height:100%;overflow:auto}.poodle-kong .overlay h2{font-size:25px;margin:5px 0}.poodle-kong .overlay p{font-size:14px;margin:8px 0}.poodle-kong .overlay-tag{font-size:11px}.poodle-kong .difficulty-label{font-size:12px;margin-bottom:8px}.poodle-kong .primary{font-size:14px;min-height:44px;padding:10px}.poodle-kong .enter-hint{display:none}.poodle-kong .how-card>p,.poodle-kong .star-copy p{font-size:14px}.poodle-kong .help-link{font-size:12px}.poodle-kong .page-footer{padding:16px 0;font-size:12px}.poodle-kong .brand{color:inherit;text-decoration:none}.poodle-kong .game-column{min-width:0}
@media(max-width:720px){.platform-bar{font-size:13px}.platform-bar button{font-size:12px;padding:6px 8px}.western-bar .console{width:calc(100% - 12px);margin:6px auto;padding:7px}.western-bar .brandbar{grid-template-columns:60px 1fr}.western-bar .edition{display:none}.western-bar .brandbar h1{font-size:25px}.western-bar .machine{grid-template-columns:1fr 1fr;gap:7px}.western-bar .center{grid-column:1/-1;grid-row:1}.western-bar .side{flex-direction:row;padding:0;border:0}.western-bar .wanted,.western-bar .model{display:none}.western-bar .scene{max-height:calc(100dvh - 310px)}.western-bar .paddle{width:auto;flex-wrap:nowrap}.western-bar .paddle button{width:60px}.western-bar .gold-controls{gap:4px;padding:5px 2px}.western-bar .switch button{width:60px}.western-bar .switch span{font-size:10px}.western-bar .under .keys{display:none}.western-bar .under{justify-content:center}.western-bar .metric strong{font-size:16px}.western-bar .metric span{font-size:9px}.western-bar .hud{padding:5px}.western-bar .panel h2{font-size:22px}.western-bar .panel p{font-size:12px}.western-bar .panel.title{padding:8px}.western-bar .title .eyebrow{display:none}.western-bar .text-button{padding:5px}.poodle-kong .app{padding:0 8px}.poodle-kong .topbar{height:50px}.poodle-kong .brand>span:last-child{display:none}.poodle-kong .headline{padding:8px 0}.poodle-kong .headline .eyebrow,.poodle-kong .title-star{display:none}.poodle-kong h1{font-size:28px}.poodle-kong .layout{display:block}.poodle-kong .screen{height:calc(100dvh - 370px);min-height:200px;max-height:420px}.poodle-kong .game-column{margin:0}.poodle-kong .dpad{gap:5px}.poodle-kong .dpad button{width:44px}.poodle-kong .touch-deck{padding:6px;gap:6px}.poodle-kong .scoreboard span{font-size:8px}.poodle-kong .scoreboard strong{font-size:16px}.poodle-kong .lives-stat strong{font-size:14px}.poodle-kong .cabinet-footer>span{font-size:9px}.poodle-kong aside{display:grid;grid-template-columns:1fr 1fr;margin-top:24px}.poodle-kong .overlay h2{font-size:21px}.poodle-kong .overlay-copy{font-size:12px}.poodle-kong .overlay-tag{display:none}.poodle-kong .overlay p{font-size:12px;margin:5px 0}}
@media(orientation:landscape) and (max-height:600px){.platform-bar{min-height:48px;padding-top:var(--safe-top);padding-bottom:0}.western-bar .brandbar,.western-bar .under,.poodle-kong .topbar,.poodle-kong .headline,.poodle-kong aside,.poodle-kong .page-footer{display:none!important}.western-bar .console{margin:4px auto;padding:5px;width:min(950px,calc(100% - 20px))}.western-bar .machine{grid-template-columns:76px minmax(0,1fr) 104px;gap:8px}.western-bar .center{grid-column:2;grid-row:1}.western-bar .side{flex-direction:column}.western-bar .wanted,.western-bar .model{display:none}.western-bar .scene{max-height:none;height:calc(100dvh - 180px - var(--safe-top) - var(--safe-bottom))!important;aspect-ratio:auto}.western-bar .hud{height:36px}.western-bar .gold-controls{padding:3px;flex-wrap:nowrap}.western-bar .switch span{display:none}.western-bar .switch button{height:44px}.western-bar .title p,.western-bar .title h2,.western-bar .title .eyebrow{display:none}.western-bar .panel.title{padding:5px}.western-bar .text-button{padding:0 6px}.western-bar .panel h2{font-size:18px}.western-bar .panel p{margin:3px}.poodle-kong .app{padding:4px 10px!important}.poodle-kong .layout{display:block}.poodle-kong .game-column{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:10px}.poodle-kong .cabinet{padding:4px}.poodle-kong .screen{height:calc(100dvh - 151px - var(--safe-top) - var(--safe-bottom));min-height:100px;max-height:none}.poodle-kong .scoreboard{padding:3px}.poodle-kong .cabinet-footer{padding:0}.poodle-kong .touch-deck{margin:0;flex-direction:column;justify-content:center;gap:20px;padding:8px}.poodle-kong .dpad>div{flex-direction:column}.poodle-kong .overlay-card{padding:6px 12px}.poodle-kong .overlay h2,.poodle-kong .overlay p{display:none}.poodle-kong .difficulty-label{margin:0 0 4px}.poodle-kong .cabinet-footer>span{font-size:9px}.poodle-kong .page-footer{display:none}}
.expanded.poodle-kong .layout{display:block}.expanded.poodle-kong .screen{height:calc(100dvh - 280px);max-height:none}.expanded.western-bar .scene{max-height:calc(100dvh - 220px)}
@media(orientation:landscape) and (max-height:600px){.expanded.poodle-kong .screen{height:calc(100dvh - 151px - var(--safe-top) - var(--safe-bottom))}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.screen-vignette,.screen-lines{display:none!important}}
.platform-bar{background:#faf9f5;color:#494c70;border-bottom:1px solid #dedbe6}.platform-bar button{background:#fff;color:#494c70;border-color:#c9c6d4}.platform-bar button:hover{background:#f3eddf}#platform-guide{background:#fffdf8;color:#494c70;border-color:#cfab62;color-scheme:light}#platform-guide p{color:#626477}#platform-guide a{color:#494c70}#platform-guide button{background:#505374;color:white;border-color:#505374}
.poodle-kong .cabinet-footer{display:flex;justify-content:space-between}.poodle-kong .cabinet-footer .icon-button{flex-shrink:0;width:44px;height:44px;font-size:20px}.poodle-kong .cabinet-footer>span{min-width:0}
@media(max-width:720px),(max-height:600px){.poodle-kong .cabinet-footer>span{display:none}}