:root{--bg: #f5f7fb;--bg-elevated: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--muted: #64748b;--accent: #6366f1;--accent-deep: #4f46e5;--accent-2: #0d9488;--accent-glow: rgba(99, 102, 241, .22);--success: #059669;--danger: #e11d48;--warning: #d97706;--radius: 18px;--radius-sm: 12px;--shadow: 0 16px 40px rgba(15, 23, 42, .1);--shadow-card: 0 4px 16px rgba(15, 23, 42, .06);--shadow-hover: 0 12px 28px rgba(15, 23, 42, .1), 0 0 0 1px rgba(99, 102, 241, .28);font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;line-height:1.5;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%;max-width:100%}body{min-height:100dvh;overflow-x:clip;background:radial-gradient(1100px 560px at 8% -12%,rgba(99,102,241,.1),transparent 58%),radial-gradient(900px 480px at 96% 4%,rgba(13,148,136,.07),transparent 52%),radial-gradient(700px 400px at 50% 110%,rgba(79,70,229,.05),transparent 50%),var(--bg)}a{color:var(--accent-deep);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}.app-shell{min-height:100dvh;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:stretch}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding:1.15rem 1.25rem 2.5rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:1.25rem}.btn{appearance:none;border:none;border-radius:999px;padding:.7rem 1.25rem;font-weight:700;cursor:pointer;transition:transform .12s ease,opacity .12s ease,background .15s ease,box-shadow .15s ease,border-color .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;box-shadow:0 8px 20px var(--accent-glow)}.btn-primary:hover:not(:disabled){box-shadow:0 10px 24px #6366f152}.btn-secondary{background:#f1f5f9;color:var(--text);border:1px solid var(--border-strong)}.btn-secondary:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.btn-ghost{background:transparent;color:var(--muted);border:1px solid transparent}.btn-ghost:hover:not(:disabled){color:var(--text);background:#f1f5f9}.btn-danger{background:#e11d4814;color:var(--danger);border:1px solid rgba(225,29,72,.28)}.input,.select,.textarea{width:100%;background:#fff;border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:.78rem .95rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f12e}.input::placeholder,.textarea::placeholder{color:#94a3b8}.label{display:block;font-size:.875rem;color:var(--muted);margin-bottom:.35rem;font-weight:600}.field{margin-bottom:1rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.65rem 1.1rem;background:#ffffffe6;-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.brand{font-weight:800;letter-spacing:.01em;display:flex;align-items:center;gap:.55rem;text-decoration:none!important;color:var(--text)}.brand-badge{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-size:.9rem;box-shadow:0 4px 12px #6366f147}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-size:1.02rem}.brand-slogan{font-size:.72rem;font-weight:600;color:var(--accent-2);letter-spacing:.02em;white-space:nowrap}@media(max-width:420px){.brand-slogan{display:none}}.points-pill{display:inline-flex;align-items:center;gap:.35rem;background:#0d948814;border:1px solid rgba(13,148,136,.28);color:var(--accent-2);border-radius:999px;padding:.38rem .8rem;font-weight:700;font-size:.9rem}.nav-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.nav-actions .btn{padding:.42rem .9rem;font-size:.88rem}.demo-chip{display:inline-flex;align-items:center;font-size:.62rem;font-weight:800;letter-spacing:.08em;padding:.18rem .48rem;border-radius:999px;background:#d977061a;border:1px solid rgba(217,119,6,.35);color:var(--warning);vertical-align:middle}.muted-pill{opacity:.72;border-style:dashed}.muted{color:var(--muted)}.hero-title{font-size:clamp(1.7rem,4vw,2.35rem);margin:0 0 .4rem;letter-spacing:-.02em;color:var(--text)}.error-banner{background:#e11d4812;border:1px solid rgba(225,29,72,.28);color:#9f1239;padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem}.success-banner{background:#05966914;border:1px solid rgba(5,150,105,.28);color:#065f46;padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem}.featured-banner{width:100%;margin:.35rem 0 1.15rem;border-radius:calc(var(--radius) + 6px);border:1px solid var(--border);box-shadow:var(--shadow-card);overflow:hidden;position:relative;background:#eef2ff}.featured-banner-viewport{position:relative;min-height:clamp(200px,32vw,280px)}.featured-slide{display:none;position:absolute;inset:0;min-height:clamp(200px,32vw,280px);isolation:isolate}.featured-slide.is-active{display:block;animation:featured-fade .35s ease}@keyframes featured-fade{0%{opacity:.4}to{opacity:1}}.featured-slide.has-bg{background:#eef2ff}.featured-slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center right;z-index:0}.featured-slide-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#fffffff0,#ffffffd1 38%,#ffffff59 62%,#ffffff14)}.featured-slide-snake:not(.has-bg){background:linear-gradient(120deg,#ecfdf5,#e0f2fe 55%,#dbeafe)}.featured-slide-bee:not(.has-bg){background:linear-gradient(120deg,#fffbeb,#fef3c7 45%,#e0f2fe)}.featured-slide-beetle:not(.has-bg){background:linear-gradient(120deg,#ecfccb,#fde68a 48%,#bbf7d0)}.featured-slide-promo:not(.has-bg){background:linear-gradient(120deg,#faf5ff,#eff6ff,#e0e7ff)}.featured-slide-event:not(.has-bg){background:linear-gradient(120deg,#fff7ed,#fef3c7,#ffe4e6)}.featured-slide-copy{position:relative;z-index:2;height:100%;min-height:clamp(200px,32vw,280px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.4rem;padding:1.35rem clamp(1.1rem,3vw,2rem);max-width:min(32rem,58%)}.featured-badge{display:inline-flex;align-items:center;font-size:.68rem;font-weight:800;letter-spacing:.04em;padding:.2rem .6rem;border-radius:999px;border:1px solid transparent;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.featured-badge-play{background:#05966924;color:var(--success);border-color:#0596694d}.featured-badge-promo{background:#6366f124;color:var(--accent-deep);border-color:#6366f147}.featured-slide-title{margin:0;font-size:clamp(1.35rem,3.6vw,1.85rem);letter-spacing:-.02em;color:#0f172a;line-height:1.2;text-shadow:0 1px 0 rgba(255,255,255,.6)}.featured-slide-sub{margin:0;color:#334155;font-size:.92rem;max-width:28rem;line-height:1.45}.featured-cta{margin-top:.45rem;padding:.6rem 1.2rem;font-size:.9rem;box-shadow:0 8px 20px #0f172a1f}.featured-controls{position:absolute;left:0;right:0;bottom:.65rem;z-index:3;display:flex;align-items:center;justify-content:center;gap:.65rem;pointer-events:none}.featured-controls>*{pointer-events:auto}.featured-nav{width:2rem;height:2rem;border-radius:999px;border:1px solid rgba(15,23,42,.12);background:#ffffffe6;color:#0f172a;font-size:1.2rem;line-height:1;cursor:pointer;box-shadow:0 4px 12px #0f172a14}.featured-nav:hover{background:#fff}.featured-dots{display:flex;gap:.4rem;align-items:center;padding:.25rem .45rem;border-radius:999px;background:#ffffffbf;border:1px solid rgba(15,23,42,.08)}.featured-dot{width:.5rem;height:.5rem;border-radius:999px;border:none;padding:0;background:#cbd5e1;cursor:pointer}.featured-dot.active{background:var(--accent-deep, #4f46e5);width:1.1rem}.featured-dot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lobby-hero{margin:.5rem 0 1.35rem;padding:1.35rem 1.4rem 1.4rem;border-radius:calc(var(--radius) + 4px);background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(13,148,136,.04) 55%,transparent),var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.lobby-hero:after{content:"";position:absolute;right:-40px;top:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.12),transparent 70%);pointer-events:none}.hero-eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-2);margin-bottom:.55rem}.lobby-hero .hero-title{margin-bottom:.35rem}.lobby-hero-lead{margin:0;max-width:36rem;font-size:.95rem;color:var(--muted)}.lobby-hero-lead strong{color:var(--text);font-weight:700}.cat-tabs{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:1.15rem;padding:.3rem;background:#eef2f7;border:1px solid var(--border);border-radius:999px;width:fit-content;max-width:100%}.cat-tab{appearance:none;border:none;background:transparent;color:var(--muted);font-weight:700;padding:.5rem 1.05rem;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.cat-tab:hover{color:var(--text);background:#ffffffb3}.cat-tab.active{background:#fff;color:var(--accent-deep);box-shadow:0 2px 8px #0f172a14,inset 0 0 0 1px #6366f138}.cat-tab.coming{opacity:.92}.soon-badge{font-size:.62rem;font-weight:800;padding:.12rem .42rem;border-radius:999px;background:#d977061a;color:var(--warning);border:1px solid rgba(217,119,6,.3)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.1rem;margin-top:.25rem;width:100%}.game-card{cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;text-align:left;color:inherit;width:100%;padding:0;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-card)}.game-card:hover{transform:translateY(-5px);border-color:#6366f166;box-shadow:var(--shadow-hover);background:var(--bg-card-hover)}.game-thumb{height:148px;margin-bottom:0;border-radius:0;position:relative;display:grid;place-items:center;font-size:3rem;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.55),transparent 45%),linear-gradient(145deg,#c7d2fe,#99f6e4 55%,#e0e7ff);overflow:hidden}.game-thumb:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent,transparent 12px,rgba(15,23,42,.03) 12px,rgba(15,23,42,.03) 24px);opacity:.7}.game-thumb:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,#ffffff59);pointer-events:none}.game-thumb-emoji{position:relative;z-index:1;filter:drop-shadow(0 8px 14px rgba(15,23,42,.18));font-size:3.1rem;line-height:1}.game-thumb-img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block}.game-thumb-snake{background:radial-gradient(circle at 70% 20%,rgba(45,212,191,.35),transparent 40%),linear-gradient(145deg,#c4b5fd,#5eead4 48%,#e0e7ff)}.game-thumb-bee{background:radial-gradient(circle at 30% 30%,rgba(251,191,36,.45),transparent 42%),linear-gradient(145deg,#fde68a,#38bdf8 48%,#e0f2fe)}.game-thumb-beetle{background:radial-gradient(circle at 30% 28%,rgba(74,222,128,.45),transparent 42%),linear-gradient(145deg,#f6d78b,#d97706 46%,#bbf7d0)}.game-thumb-reaction{background:radial-gradient(circle at 25% 25%,rgba(251,191,36,.4),transparent 42%),linear-gradient(145deg,#fed7aa,#fca5a5,#fde68a)}.game-thumb-versus{background:radial-gradient(circle at 70% 30%,rgba(244,63,94,.28),transparent 40%),linear-gradient(145deg,#fda4af,#c4b5fd 48%,#e2e8f0)}.card-badge{position:absolute;top:.65rem;right:.65rem;z-index:2;font-size:.68rem;font-weight:800;letter-spacing:.04em;padding:.2rem .5rem;border-radius:999px;background:#ffffffeb;color:var(--warning);border:1px solid rgba(217,119,6,.4);box-shadow:0 2px 8px #0f172a14}.card-badge-soon{color:#be123c;border-color:#e11d4859;background:#fff1f2f2}.game-card-demo:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-card)}.play-cta-muted{background:#e2e8f0!important;color:var(--muted)!important;box-shadow:none!important}.lobby-pagination{display:flex;align-items:center;justify-content:center;gap:.85rem;flex-wrap:wrap;margin:1.4rem 0 .5rem;padding:.75rem .5rem}.pagination-btn{padding:.45rem 1rem;font-size:.88rem}.pagination-indicator{font-weight:700;font-size:.92rem;color:var(--text)}.pagination-count{font-weight:500;margin-left:.35rem;font-size:.84rem}.lobby-toast{position:fixed;left:50%;bottom:1.4rem;transform:translate(-50%);z-index:200;background:#0f172a;color:#f8fafc;padding:.75rem 1.2rem;border-radius:999px;font-weight:700;font-size:.9rem;box-shadow:0 12px 28px #0f172a47;max-width:min(90vw,360px);text-align:center;animation:toastIn .2s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.coming-soon-panel{margin:auto;text-align:center;padding:2rem 1.5rem;max-width:28rem}.coming-soon-icon{font-size:2.4rem;margin-bottom:.6rem}.coming-soon-panel h2{margin:0 0 .5rem;font-size:1.35rem}.coming-soon-panel a.btn{display:inline-flex;align-items:center;justify-content:center}.game-card-body{padding:1rem 1.15rem 1.2rem;display:flex;flex-direction:column;flex:1}.game-card-title{margin:0 0 .35rem;font-size:1.12rem;letter-spacing:-.01em;color:var(--text)}.game-card-desc{margin:0 0 .9rem;font-size:.88rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;flex:1}.play-cta{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;align-self:flex-start;font-size:.84rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--accent-2),#0f766e);padding:.4rem .85rem;border-radius:999px;box-shadow:0 4px 12px #0d948840}.game-card:hover .play-cta{box-shadow:0 6px 16px #0d948859}.empty-cat{text-align:center;padding:2.4rem 1.5rem;background:var(--bg-card)}.empty-cat-icon{width:64px;height:64px;margin:0 auto .85rem;border-radius:18px;display:grid;place-items:center;font-size:1.75rem;background:linear-gradient(145deg,#6366f124,#0d948814);border:1px solid var(--border)}.empty-cat h3{margin:0 0 .4rem;font-size:1.15rem;color:var(--text)}.empty-cat p{margin:0 auto;max-width:28rem}.play-layout{display:flex;flex-direction:column;align-items:stretch;min-height:100dvh;width:100%;max-width:100%;background:var(--bg)}.play-shell{display:flex;align-items:center;gap:.4rem;padding:.4rem .55rem;background:#fffffff0;border-bottom:1px solid var(--border);min-height:46px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.play-shell-thin{min-height:44px;padding:.3rem .5rem;gap:.3rem}.play-shell .menu{margin-left:0;position:relative}.shell-title{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:38vw;font-weight:700;color:var(--text)}.shell-icon-btn{padding:.32rem .5rem!important;min-width:34px;font-size:1rem;line-height:1;border-radius:10px!important}.shell-icon-btn.active{color:var(--accent-deep);background:#6366f11f;border-color:#6366f147}.shell-points{margin-left:auto;padding:.22rem .65rem;font-size:.82rem}.shell-fs-btn{border:1px solid var(--border)!important;background:#f8fafc!important;color:var(--text)!important}.shell-fs-btn:hover{border-color:var(--accent)!important;background:#6366f11a!important}.menu-dropdown{position:absolute;right:0;top:calc(100% + 6px);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:14px;min-width:168px;padding:.4rem;box-shadow:var(--shadow);z-index:30}.menu-dropdown button{width:100%;text-align:left;background:transparent;border:none;color:var(--text);padding:.62rem .8rem;border-radius:10px;cursor:pointer;font-weight:600;font-size:.9rem}.menu-dropdown button:hover{background:#f1f5f9}.play-info{padding:.7rem 1rem .85rem;background:#fff;border-bottom:1px solid var(--border);font-size:.9rem;color:var(--text);animation:infoSlide .18s ease}.play-info-title{font-weight:700;margin:0 0 .25rem;font-size:.95rem}@keyframes infoSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.play-stage{flex:1;display:flex;align-items:stretch;justify-content:stretch;padding:.5rem;min-height:0;width:100%;background:radial-gradient(800px 400px at 50% 0%,rgba(99,102,241,.06),transparent 60%),var(--bg)}.play-stage-frame{width:100%;max-width:none;flex:1 1 auto;display:flex;border-radius:14px;overflow:hidden;border:1px solid var(--border-strong);background:#fff;box-shadow:var(--shadow-card);min-height:calc(100dvh - 58px)}.play-iframe{width:100%;height:100%;min-height:calc(100dvh - 60px);border:none;border-radius:0;background:#fff;display:block}.modal-backdrop{position:fixed;inset:0;background:#0f172a6b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:100;padding:1rem}.modal{width:min(400px,100%);background:var(--bg-card);border:1px solid var(--border);border-radius:22px;padding:1.45rem 1.4rem 1.35rem;box-shadow:var(--shadow);text-align:center;color:var(--text)}.modal-kicker{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:800;letter-spacing:.05em;color:var(--warning);margin-bottom:.55rem}.modal h2{margin:0;font-size:1.3rem;letter-spacing:-.01em;color:var(--text)}.modal-lead{margin:.5rem 0 0;color:var(--muted);font-size:.92rem;line-height:1.5}.ad-fake{background:linear-gradient(160deg,#f1f5f9,#e2e8f0);border-radius:16px;padding:1.75rem 1rem;margin:1rem 0;border:1px solid var(--border);position:relative;overflow:hidden}.ad-fake:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(99,102,241,.1),transparent);animation:adShimmer 2.2s ease infinite}@keyframes adShimmer{0%{transform:translate(-40%)}to{transform:translate(40%)}}.ad-fake-icon{font-size:2rem;margin-bottom:.4rem;position:relative}.countdown{font-size:2.6rem;font-weight:800;color:var(--warning);font-variant-numeric:tabular-nums;position:relative}.choice-actions{display:flex;flex-direction:column;gap:.55rem;margin-top:1.05rem}.btn-equal{width:100%;min-height:48px;font-size:1rem}.auth-card{padding:1.6rem 1.4rem 1.45rem}.auth-icon{width:56px;height:56px;margin:0 auto .85rem;border-radius:16px;display:grid;place-items:center;font-size:1.6rem;background:linear-gradient(135deg,#6366f12e,#0d94881f);box-shadow:0 6px 16px #6366f11f}.redeem-head{display:flex;align-items:center;gap:.55rem;margin-bottom:.35rem;flex-wrap:wrap}.redeem-balance{display:inline-flex;align-items:center;gap:.4rem;margin:.65rem 0 1rem;padding:.55rem .9rem;border-radius:999px;background:#0d948814;border:1px solid rgba(13,148,136,.25);font-size:.92rem}.redeem-list-item{margin-bottom:.75rem;padding:1rem 1.1rem!important}.status-pill{font-size:.75rem;font-weight:700;padding:.15rem .55rem;border-radius:999px;background:#d977061a;color:var(--warning);border:1px solid rgba(217,119,6,.28)}.snake-wrap{width:min(100%,420px);display:flex;flex-direction:column;gap:.75rem}.snake-hud{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.snake-canvas{width:100%;aspect-ratio:1;background:#0b1220;border-radius:16px;border:2px solid var(--border);touch-action:none;display:block}.dpad{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;max-width:200px;margin:0 auto}.dpad button{aspect-ratio:1;border-radius:12px;border:1px solid var(--border);background:#f1f5f9;color:var(--text);font-size:1.2rem;cursor:pointer}.dpad .empty{visibility:hidden}@media(min-width:640px){.dpad{display:none}.hide-xs{display:inline}.play-shell-thin .shell-title{max-width:46vw}}@media(max-width:639px){.hide-mobile{display:none!important}.hide-xs{display:none}.play-shell-thin .shell-title{max-width:26vw}.container{padding:.95rem .9rem 2rem}.featured-banner-viewport,.featured-slide,.featured-slide-copy{min-height:190px}.featured-slide-copy{max-width:100%;padding:1.05rem 1rem 2.7rem}.featured-slide-scrim{background:linear-gradient(180deg,#ffffff8c,#ffffffe0 55%,#fffffff2)}.featured-slide-sub{font-size:.82rem}.featured-cta{width:auto}.lobby-hero{padding:1.1rem 1.05rem 1.15rem}.cat-tabs{width:100%;justify-content:stretch}.cat-tab{flex:1;justify-content:center;padding:.48rem .55rem;font-size:.88rem}.game-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem}.lobby-pagination{gap:.5rem}.pagination-btn{padding:.4rem .75rem;font-size:.82rem}.play-stage{padding:.4rem}.play-stage-frame{min-height:calc(100dvh - 52px);border-radius:12px}.play-iframe{min-height:calc(100dvh - 54px)}}