html[data-web-demo]{font-family:"Segoe UI",Arial,sans-serif;color:#d7e6de;background:#071b24}html[data-web-demo] body{margin:0}html[data-web-demo] body.web-demo-game{max-width:440px;margin:0 auto;border-left:1px solid #26434b;border-right:1px solid #26434b;background:#0a202b}html[data-web-demo] #app{height:calc(100dvh - var(--web-demo-banner-height,48px))}#web-demo-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:8px 14px;background:#142f36;border-bottom:1px solid #54736a;color:#b7c8b9}#web-demo-banner>div{display:grid;gap:3px;min-width:0}#web-demo-banner small{font-size:8px;letter-spacing:1.2px;color:#c8c08e}#web-demo-status{font-size:10px}#web-demo-buy{flex-shrink:0;padding:8px 10px;min-height:30px;border:1px solid #73988a;border-radius:3px;background:#a6cdb7;color:#173e3e;font:11px "Segoe UI",Arial,sans-serif;cursor:pointer}html[data-web-demo] body[data-watch=true] #web-demo-banner{display:none}html[data-web-demo] body[data-watch=true] #app{height:100dvh}#web-demo-checkout{box-sizing:border-box;width:min(420px,calc(100vw - 20px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;background:#102e37;color:#d7e6de;border:1px solid #77958b;border-radius:4px;box-shadow:0 24px 80px #0008;font:13px/1.7 "Segoe UI",Arial,sans-serif}#web-demo-checkout::backdrop{background:#04131ddd}.web-demo-checkout-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}#web-demo-checkout-kicker{font-size:9px;letter-spacing:1.3px;color:#d3c790}#web-demo-close{padding:4px 8px;background:none;color:#b4cec6;border:0;font-size:23px;cursor:pointer}#web-demo-checkout h2{margin:12px 0;font-size:25px;line-height:1.25;font-weight:500}#web-demo-checkout p{margin:0 0 15px;color:#a7c1ba}#web-demo-checkout h3{font-size:16px;margin:0 0 8px;font-weight:500}#web-demo-order{margin:20px 0;padding:18px;border:1px solid #3e5e5f;background:#15353c}#web-demo-order p{font-size:12px}#web-demo-order dl{margin:16px 0 0}#web-demo-order dl>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}#web-demo-order dd{margin:0;white-space:nowrap}#web-demo-order .web-demo-total{border-top:1px solid #3e5e5f;margin-top:12px;padding-top:12px;color:#d8e8ce;font-size:15px}.web-demo-checkout-actions{display:grid;gap:10px}.web-demo-pay{display:block;box-sizing:border-box;text-align:center;text-decoration:none;min-height:42px;padding:11px 15px;background:#a2cfbc;border:1px solid #a6d7c1;border-radius:3px;color:#153d3e;font:14px "Segoe UI",Arial,sans-serif;cursor:pointer}.web-demo-cancel{padding:8px;background:none;border:0;color:#a8cbbf;font:12px "Segoe UI",Arial,sans-serif;cursor:pointer}.web-demo-pay:disabled{opacity:.5;cursor:wait}#web-demo-device-note{margin:18px 0 0!important;font-size:11px!important;color:#8caaa4!important}#web-demo-checkout-error{color:#e9b7a4!important;border-left:2px solid #c69a71;padding-left:10px}#web-demo-payment-complete{text-align:center;padding:22px 0}.web-demo-success-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 18px;border:1px solid #8dbd9e;border-radius:50%;color:#bcddb8;background:#294d46;font-size:32px}#web-demo-processing{text-align:center;padding:20px 0}.web-demo-spinner{display:inline-block;width:26px;height:26px;border:2px solid #3a625e;border-top-color:#b2d5ac;border-radius:50%;animation:web-demo-spin .8s linear infinite}@keyframes web-demo-spin{to{transform:rotate(360deg)}}.web-demo-intro{box-sizing:border-box;max-width:560px;margin:auto;padding:56px 24px;color:#cfe0d6;font:15px/1.8 "Segoe UI",Arial,sans-serif}.web-demo-intro h1{font-size:32px;line-height:1.25;font-weight:500;margin:16px 0}.web-demo-intro p{color:#9eb8b0}.web-demo-wordmark{display:block;width:164px;max-width:70%;height:auto;margin-bottom:24px;image-rendering:pixelated}.web-demo-eyebrow{font-size:10px;letter-spacing:1.8px;color:#c9bf8d!important}.web-demo-cover{height:240px;margin:26px 0;background:#0b2735 url('assets/aquarium.png') center 65%/cover no-repeat;border:1px solid #35534e;image-rendering:pixelated}.web-demo-disclosure{font-size:12px;margin-top:24px}.web-demo-disclosure strong{font-weight:500;color:#ccd3b0}.web-demo-fine,.web-demo-site{font-size:11px;color:#8bafa5}.web-demo-site{display:inline-block;margin-top:8px}@media(max-width:320px){#web-demo-banner{padding:7px 10px;gap:6px}#web-demo-buy{font-size:10px;padding:7px}#web-demo-checkout{padding:18px 14px}.web-demo-intro{padding:30px 18px}.web-demo-intro h1{font-size:27px}.web-demo-cover{height:180px}}@media(prefers-reduced-motion:reduce){.web-demo-spinner{animation:none}}
html[data-web-demo] [hidden]{display:none!important}