html,body{overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}body{display:block}
#app{width:100%;max-width:calc(var(--vh,1vh)*58);height:var(--screen-height,100vh);margin:0 auto;overflow:hidden;min-width:280px}
@media(max-width:650px){#app{max-width:none}}
dialog:not([open]){display:none!important}dialog[open]{display:block!important;position:absolute!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;margin:0!important;width:calc(100% - 28px)!important;max-width:460px!important;max-height:calc(var(--vh,1vh)*88)!important;z-index:1001!important;overflow:auto;-webkit-overflow-scrolling:touch;background:#fff8eb!important}
#modalShade{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(28,65,76,.7);z-index:1000}#modalShade[hidden]{display:none!important}
.contact-card .contact-value{display:block;color:#725742;font-size:18px;font-weight:700;word-break:break-word;user-select:text}.join-footer{line-height:1.8}
.bottom-nav{display:flex}.bottom-nav button{flex:1 1 20%}
.difficulty-switch{pointer-events:auto;display:flex;gap:5px;margin:7px -10px 0;padding:4px;border:1px solid #fefbe8;border-radius:18px;background:#fff5e3ed;box-shadow:0 2px #8abeb655}
.difficulty-switch button{flex:1;padding:6px 0;background:transparent;color:#897457;font-size:12px;border-radius:13px;font-weight:700}.difficulty-switch button[aria-pressed=true]{background:linear-gradient(#c3a0ec,#a175cd);color:white;box-shadow:0 2px #8d6ab3}.start-dock{bottom:9.4%}.start-dock p{display:none}
#previewGesture{position:absolute;left:18%;right:18%;top:34%;height:34%;touch-action:none;pointer-events:auto;z-index:2;background:transparent;cursor:grab}
#previewGesture:active{cursor:grabbing}#app:not([data-view=menu]):not([data-view=shop]) #previewGesture{display:none}
#app[data-view=shop] #previewGesture{top:18%;height:24%;left:18%;right:18%;z-index:2}
#shopColorButton{position:absolute;right:5%;top:37.8%;z-index:8;padding:7px 13px;border:2px solid #fff7e8;border-radius:18px;background:linear-gradient(110deg,#f7bdb8,#b5c5f2,#a0ded3);color:#66526f;font-size:11px;font-weight:700;pointer-events:auto}
#colorDialog{padding:20px}#colorDialog h2{margin:0 0 8px}#colorDialog .color-head{display:flex;justify-content:space-between;align-items:center}#colorDialog button{padding:8px 12px;border-radius:12px;background:#d2eee3;color:#46665e}#skinSV{display:block;width:100%;height:220px;touch-action:none;border-radius:12px;background:#dba94e}#skinHue{width:100%;height:26px;margin:14px 0;accent-color:#b178d4;touch-action:none}#skinHex{width:108px;padding:7px;border:1px solid #d9c7b4;border-radius:9px;color:#655749}#colorDialog .color-row{display:flex;align-items:center;gap:8px;justify-content:space-between}#colorSwatch{width:28px;height:28px;border:2px solid white;border-radius:50%}#colorDialog small{display:block;color:#987d66;margin:10px 0}
#testBadge{position:absolute;bottom:8.7%;left:0;right:0;text-align:center;font-size:8px;color:#786a83;pointer-events:none;z-index:6}
@media(max-height:650px){.difficulty-switch{margin-top:4px;padding:2px}.difficulty-switch button{padding:4px 0;font-size:10px}.start-dock{bottom:9.5%}#skinSV{height:150px}}

#checkoutDialog{padding:18px;background:#fffbed;color:#705b4b}#checkoutDialog h2{font-size:22px;margin:0}.preview-notice{background:#fff0c9;border-radius:12px;padding:10px;font-size:12px}.package-options,.payment-methods,.login-providers{display:flex;gap:6px}.package-options button,.payment-methods button,.login-providers button{flex:1;min-width:0;padding:8px 3px;border:1px solid #d8c8b6;border-radius:12px;background:#fff8e8;color:#785b4c;font-size:12px}.package-options b,.login-providers small{display:block;margin-top:5px}[data-plan][aria-pressed=true],[data-pay][aria-pressed=true],[data-pick][aria-pressed=true]{border-color:#39b4a8!important;background:#cef2e5!important}.checkout-items{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:calc(var(--vh,1vh)*38);overflow:auto;margin-bottom:12px}.checkout-items button{border:2px solid transparent;border-radius:12px;background:#f2e9d9;color:#755a46;padding:3px;min-width:0}.checkout-items img{width:100%;height:90px;object-fit:contain}.checkout-items span{display:block;font-size:12px}.payment-placeholder,.save-panel{border:1px dashed #d6baa1;border-radius:12px;padding:12px;margin:12px 0}.payment-placeholder{text-align:center;background:#f2eadb;padding:24px 12px}#checkoutContent>p{font-size:12px;line-height:1.7}#checkoutDialog button:disabled{opacity:.5}#checkoutDialog .primary,#checkoutDialog .secondary{width:100%;margin-top:8px}#saveChoice[hidden]{display:none!important}#saveStatus{font-size:12px;line-height:1.5}#boardDifficulty{margin:8px;padding:8px;border-radius:10px}.shop-filters button{min-width:0;flex:1;font-size:12px;padding:7px 0}.shop-selection{font-size:10px}.shop-selection strong{white-space:nowrap}.shop-footnote{font-size:10px}#testBadge{pointer-events:none;position:absolute;left:0;right:0;text-align:center;bottom:calc(var(--vh,1vh)*13.8);font-size:8px;opacity:.65}.login-providers{margin-top:15px}

.start-dock{bottom:10.8%}#testBadge{display:none}.season-label{font-size:9px}
#checkoutDialog{border:2px solid #fffdf1!important;border-radius:22px;box-shadow:0 12px 50px #24444b70}#checkoutDialog .color-head{display:flex;align-items:center;justify-content:space-between}#closeCheckout{font-size:24px;padding:3px 12px;border-radius:50%;background:#d1efe4;color:#548274}.difficulty-switch{margin-top:5px}.difficulty-switch button{padding:5px 0}
@media(max-height:620px){.start-dock{bottom:11%}.difficulty-switch{padding:2px;margin-top:3px}.difficulty-switch button{font-size:10px;padding:4px 0}.mode-ribbon{min-height:0}.bottom-nav span{font-size:9px}}