:root{--aqua-1: #4fd6ff;--aqua-2: #1f8fff;--aqua-3: #0a5bd6;--sky-top: #bfefff;--sky-bot: #6fc6ff;--glass: rgba(255, 255, 255, .55);--glass-brd: rgba(255, 255, 255, .75);--ink: #0b2540;--ink-soft: #2c4a6b;--good: #15c26b;--bad: #ff5470;--shadow: 0 10px 30px rgba(8, 60, 120, .18);font-synthesis:none}*{box-sizing:border-box}html{overflow-x:hidden;width:100%}body{margin:0;width:100%;max-width:100%;min-width:0;overflow-x:hidden;color:var(--ink);font-family:Segoe UI,Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(1200px 700px at 80% -10%,rgba(255,255,255,.9),transparent 60%),radial-gradient(900px 600px at 0% 110%,rgba(120,230,255,.6),transparent 60%),linear-gradient(180deg,var(--sky-top) 0%,var(--sky-bot) 55%,#2f9fe6 100%);background-attachment:fixed;min-height:100vh;min-height:100dvh}.glass{background:var(--glass);border:1px solid var(--glass-brd);border-radius:18px;box-shadow:var(--shadow);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.app{width:100%;max-width:1180px;min-width:0;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) max(clamp(10px,3vw,18px),env(safe-area-inset-right)) max(48px,env(safe-area-inset-bottom)) max(clamp(10px,3vw,18px),env(safe-area-inset-left))}.demo-badge{position:fixed;top:14px;right:14px;z-index:50;background:linear-gradient(180deg,#ffd84d,#ff9f1c);color:#5a3b00;font-weight:800;letter-spacing:.06em;padding:8px 14px;border-radius:999px;font-size:12px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.7)}.header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px clamp(12px,3vw,18px);margin-bottom:18px;width:100%;max-width:100%;min-width:0}.brand{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 12rem}.logo-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;font-size:22px;color:#fff;background:linear-gradient(160deg,var(--aqua-1),var(--aqua-3));box-shadow:inset 0 1px 6px #fff9,var(--shadow)}.brand-name{font-weight:800;font-size:20px}.brand-tag{color:var(--ink-soft);font-size:13px}.nav{display:flex;align-items:center;gap:14px}.nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:14px}.nav a:hover{color:var(--aqua-3)}.pill{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800}.pill-demo{background:#fff2c2;color:#8a5a00;border:1px solid #ffd766}.layout{display:grid;gap:18px;width:100%;max-width:100%;min-width:0;grid-template-columns:2fr 1fr;grid-template-areas:"games player" "rounds status" "disclaimer disclaimer"}.games-section{grid-area:games;padding:clamp(14px,4vw,26px);overflow:hidden;width:100%;max-width:100%;min-width:0}.games-section h1{margin:6px 0 16px;font-size:clamp(22px,5.5vw,30px);line-height:1.05}.panel{padding:clamp(14px,3.5vw,20px);width:100%;max-width:100%;min-width:0}.panel:nth-of-type(2){grid-area:player}.layout>.panel:nth-of-type(3){grid-area:rounds}.layout>.panel:nth-of-type(4){grid-area:status}.disclaimer{grid-area:disclaimer;padding:16px 20px}.games-grid{display:grid;gap:16px;width:100%;max-width:100%;min-width:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.game-card{display:flex;flex-direction:column;padding:0;overflow:hidden;width:100%;max-width:100%;min-width:0}.game-card-body{padding:16px;display:flex;flex-direction:column;gap:6px;min-width:0}.game-card-title{margin:0;font-size:clamp(18px,4.5vw,22px)}.game-card-desc{color:var(--ink-soft);font-size:14px;min-height:40px;overflow-wrap:anywhere}.game-card .btn{margin-top:10px;width:100%;min-height:44px}.game-preview{height:132px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:44px}.game-preview--slot{background:radial-gradient(120% 120% at 30% 0%,#bfe9ff,#0a5bd6)}.game-preview--dice{background:radial-gradient(120% 120% at 30% 0%,#1f2f6b,#05070f);color:#6ee2ff}.game-preview--lightning-dice{background:radial-gradient(120% 120% at 30% 0%,#2a1f6b,#05070f);color:#b06eff;box-shadow:inset 0 0 24px #78c8ff40}.game-preview--seahorse-race{background:linear-gradient(180deg,#7dd3fc,#0b3d5c 55%,#062a40);position:relative;overflow:hidden}.pip-die{filter:drop-shadow(0 0 10px rgba(110,226,255,.8))}.seahorse-preview{position:relative;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;padding:12px 10px 10px}.seahorse-preview__lanes{display:flex;gap:8px;align-items:flex-end;height:88px;z-index:1}.seahorse-preview__lane{width:34px;height:100%;border-radius:10px 10px 4px 4px;background:#0f4c6e8c;border:1px solid rgba(125,211,252,.35);display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px}.seahorse-preview__lane--selected{border-color:#fbbf24;box-shadow:0 0 0 1px #fbbf2473}.seahorse-preview__horse{display:block;width:18px;height:22px;border-radius:55% 55% 40% 40%;background:linear-gradient(180deg,#22d3ee,#0891b2);position:relative}.seahorse-preview__horse:after{content:"";position:absolute;right:-4px;bottom:2px;width:8px;height:14px;border-radius:50%;border:2px solid #fde68a;border-left:none;border-top:none;transform:rotate(18deg)}.seahorse-preview__bubbles{position:absolute;inset:0;pointer-events:none}.seahorse-preview__bubbles span{position:absolute;width:6px;height:6px;border-radius:50%;background:#e0f2fe73;animation:bubble-rise 4s ease-in infinite}.seahorse-preview__bubbles span:nth-child(1){left:12%;bottom:8%;animation-delay:0s}.seahorse-preview__bubbles span:nth-child(2){left:38%;bottom:4%;width:4px;height:4px;animation-delay:1.1s}.seahorse-preview__bubbles span:nth-child(3){left:62%;bottom:10%;animation-delay:.6s}.seahorse-preview__bubbles span:nth-child(4){left:82%;bottom:6%;width:5px;height:5px;animation-delay:1.8s}@keyframes bubble-rise{0%{transform:translateY(0);opacity:.5}to{transform:translateY(-72px);opacity:0}}@media(max-width:860px){.layout{grid-template-columns:1fr;grid-template-areas:"player" "games" "rounds" "status" "disclaimer"}.games-grid{grid-template-columns:1fr}.nav a{display:none}.header{padding-top:max(48px,calc(14px + env(safe-area-inset-top)))}.demo-badge{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));font-size:11px;padding:6px 10px;max-width:calc(100vw - 24px);overflow-wrap:anywhere}.disclaimer ul{columns:1}.round{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px 10px}.create-row{flex-direction:column}.create-row .input,.create-row .btn{width:100%;min-height:44px}.balance-row{flex-wrap:wrap;gap:6px}.balance-value{font-size:clamp(18px,5.4vw,24px);overflow-wrap:anywhere}.player{min-width:0}.player-meta{overflow-wrap:anywhere}}.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--aqua-3);font-weight:700}.featured h1{margin:6px 0 8px;font-size:38px;line-height:1.05}.desc{color:var(--ink-soft);max-width:46ch}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.chip{background:#ffffffb3;border:1px solid var(--glass-brd);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600}.chip-sim{background:#eaf6ff}.sim-note{font-size:11px;color:var(--ink-soft);margin-top:10px}.featured-art{position:relative;flex:1;min-height:180px;min-width:200px}.art-orb{position:absolute;inset:10% 8%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--aqua-1) 45%,var(--aqua-3) 100%);box-shadow:0 20px 50px #0a5bd666;animation:float 6s ease-in-out infinite}.art-fruit{position:absolute;width:46px;height:46px;border-radius:50%;box-shadow:var(--shadow)}.art-fruit-a{top:8%;right:18%;background:radial-gradient(circle at 30% 30%,#fff,#ff6b6b);animation:float 5s ease-in-out infinite}.art-fruit-b{bottom:14%;right:30%;background:radial-gradient(circle at 30% 30%,#fff,#ffd166);animation:float 7s ease-in-out infinite}.art-fruit-c{bottom:26%;left:16%;background:radial-gradient(circle at 30% 30%,#fff,#06d6a0);animation:float 6.5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.btn{border:none;cursor:pointer;border-radius:12px;font-weight:700;padding:12px 18px;font-size:15px;min-height:44px;transition:transform .08s ease,filter .15s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:not(:disabled):active{transform:translateY(1px)}.btn-primary{color:#fff;background:linear-gradient(180deg,var(--aqua-1),var(--aqua-3));box-shadow:var(--shadow)}.btn-primary:not(:disabled):hover{filter:brightness(1.06)}.btn-ghost{background:#ffffffa6;color:var(--ink);border:1px solid var(--glass-brd)}.btn.full{width:100%;margin-top:10px}h2{margin:0 0 12px;font-size:17px}.muted{color:var(--ink-soft);font-size:13px}.players{display:flex;flex-direction:column;gap:8px}.player{text-align:left;background:#fff9;border:1px solid var(--glass-brd);border-radius:12px;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column}.player-active{outline:2px solid var(--aqua-2);background:#eaf6ff}.player-name{font-weight:700}.player-meta{font-size:12px;color:var(--ink-soft)}.balance{margin:14px 0;display:flex;flex-direction:column;gap:10px}.balance-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.balance-value{font-size:clamp(20px,5.4vw,24px);font-weight:800;color:var(--aqua-3);overflow-wrap:anywhere}.create{margin-top:12px;display:flex;flex-direction:column;gap:8px}.create-row{display:flex;gap:8px}.input{flex:1;padding:9px 10px;border-radius:10px;border:1px solid var(--glass-brd);background:#fffc;font-size:14px}.error-text{color:var(--bad);font-size:12px;margin:0}.rounds,.services{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.round{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;font-size:13px}.round-id{font-family:ui-monospace,monospace;color:var(--aqua-3);text-decoration:none}.round-win.win{color:var(--good);font-weight:700}.service{display:flex;align-items:center;gap:10px;font-size:14px}.service-name{font-weight:600;flex:1}.dot{width:10px;height:10px;border-radius:50%}.dot-up{background:var(--good);box-shadow:0 0 8px var(--good)}.dot-down{background:var(--bad);box-shadow:0 0 8px var(--bad)}.disclaimer ul{margin:8px 0 0;padding-left:18px;columns:2;color:var(--ink-soft);font-size:13px}.banner{padding:12px 16px;border-radius:12px;margin-bottom:14px;font-weight:600}.banner-error{background:#ffe1e7;color:#8a1530;border:1px solid #ffb3c2}.banner-info{background:#def7ec;color:#0b6b3a;border:1px solid #a7e8c6}.footer{text-align:center;color:var(--ink-soft);font-size:12px;margin-top:26px}.modal-overlay{position:fixed;inset:0;background:#0828508c;display:grid;place-items:center;z-index:100;padding:max(10px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));overflow:auto}.modal{width:min(960px,calc(100% - 12px));max-width:100%;min-width:0;height:min(720px,calc(100dvh - 24px));display:flex;flex-direction:column;padding:12px;box-sizing:border-box}.modal-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 8px 12px;font-weight:700;min-width:0}.modal-head .modal-title{flex:1 1 8rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-head .btn{min-height:44px;flex-shrink:0}.game-frame{flex:1;width:100%;border:none;border-radius:12px;background:#06203b}.modal--narrow{height:auto;max-height:92vh;overflow:auto}.modal-fullscreen-cta{display:flex;flex-direction:column;gap:12px;padding:8px;text-align:center}.modal-fullscreen-cta p{margin:0;color:var(--ink-soft)}.modal-fullscreen-cta .game-frame{min-height:60vh;margin-top:10px}.modal-embed-toggle summary{cursor:pointer;color:var(--ink-soft);font-size:14px;padding:6px 0}.btn-fullscreen{white-space:nowrap}@media(max-width:820px){.modal-overlay{padding:max(8px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}.modal{width:min(960px,calc(100% - 12px));height:min(720px,calc(100dvh - 16px))}.modal-head{flex-wrap:wrap}.modal-head .btn-fullscreen{display:none}.modal-head .btn-ghost{margin-left:auto}}