.pn-native{flex:none;min-width:0;width:100%;max-width:1200px;margin:0 auto;font-family:var(--font-ui);color:#162b35;position:relative}.pn-native[hidden]{display:none!important}.pn-native-host{min-height:1px;max-width:100%;overflow-wrap:anywhere}.pn-native-label{display:none;font-size:10px;line-height:16px;color:#607985;text-align:center;margin-bottom:5px}.pn-native[data-filled=true]{padding:8px 16px}.pn-native[data-filled=true]>.pn-native-label{display:block}.pn-native-preview{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px dashed #b96f4d;background:#f6eee7;color:#774b39;border-radius:5px;font-size:13px}.pn-native-preview small{font-size:10px;color:#607985}.pn-game-layout,.pn-play-column{display:flex;flex:1 1;min-height:0;min-width:0}.pn-play-column{flex-direction:column}.pn-native--rail{display:none}.af-result[hidden]{display:none!important}.af-result:has(.pn-native){max-height:calc(100% - 40px);overflow:auto;overscroll-behavior:contain}.af-result .pn-native[data-filled=true]{padding:8px 0 14px}.af-result .pn-native-preview{font-size:11px;min-height:60px}@media(min-width:1280px){.pn-native--rail{display:block;width:1px;max-width:180px;align-self:stretch;margin:0;flex:none}.pn-native--rail[data-filled=true]{width:180px;padding:12px 10px}.pn-native--rail .pn-native-host{height:100%}.pn-native--rail .pn-native-preview{min-height:280px}.pn-game-layout:has(.pn-native--rail[data-filled=true]) .af-intro h1{font-size:36px}}@media(max-width:650px){.pn-native[data-filled=true]{padding:5px 12px}.pn-native-preview{min-height:48px;font-size:11px}.pn-native-label{font-size:9px;line-height:12px;margin-bottom:3px}.af-result{left:20px;right:20px}}@media(min-width:1280px){.pn-game-layout:has(.pn-native--rail[data-filled=true]) .af-controls{gap:12px}.pn-game-layout:has(.pn-native--rail[data-filled=true]) .af-instruction{min-width:130px;max-width:220px}.pn-game-layout:has(.pn-native--rail[data-filled=true]) .af-control{min-width:124px;padding:0 16px;gap:12px}.pn-game-layout:has(.pn-native--rail[data-filled=true]) .af-control-primary{min-width:154px}.pn-game-layout:has(.pn-native--rail[data-filled=true]) .af-control span{padding-left:12px}.pn-game-layout:has(.pn-native--rail[data-filled=true]) .af-utilities{gap:10px;padding-left:12px;margin-left:0}}.pn-native-host{overflow-x:auto}.pn-game-layout .af-stage{min-height:380px}.af-app:has(.pn-native[data-filled=true]){height:auto;min-height:100dvh;overflow:visible}