:root{--paper:#f6f3ec;--card:#fff;--line:#e7e2d4;--navy:#1c2b55;--muted:#8b95b1;--teal:#12a59c;--teal-deep:#0c857e;--teal-soft:#e2f4f2;--gold:#ffc53d;--gold-soft:#ffd94d;--ink:#1c2b55;--cell-num:#a8b0c8;--blob-o:.09;--shadow:0 10px 30px #1c2b5514;--display:ui-rounded, "Hiragino Maru Gothic ProN", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}body.theme-blue{--paper:#0f2c50;--card:#17416f;--line:#2b578c;--ink:#eef3fb;--muted:#9db4d6;--cell-num:#7f9cc4;--blob-o:.13;--shadow:0 10px 30px #000a1e59}body.theme-pink{--paper:#faedf3;--card:#fffdfe;--line:#f0d5e2;--ink:#43173a;--muted:#b489a3;--cell-num:#d9aac4;--blob-o:.12;--shadow:0 10px 30px #781e5014}body.theme-purple{--paper:#241645;--card:#322060;--line:#473379;--ink:#f0ecfb;--muted:#b0a3d8;--cell-num:#8d7fc0;--blob-o:.14;--shadow:0 10px 30px #00001459}body.theme-red{--paper:#46121a;--card:#5e1e28;--line:#7c3341;--ink:#fdf0ec;--muted:#d9a0a0;--cell-num:#c08084;--blob-o:.13;--shadow:0 10px 30px #14000059}body.theme-yellow{--paper:#fbf3dc;--card:#fffdf3;--line:#ecdfb2;--ink:#4a3a10;--muted:#ab9451;--cell-num:#cdbc80;--blob-o:.12}body.theme-black{--paper:#121215;--card:#1e1e23;--line:#34343c;--ink:#f2f2f5;--muted:#9c9caa;--cell-num:#6e6e7e;--blob-o:.1;--shadow:0 10px 30px #00000080}body.theme-blue .pill-gold,body.theme-purple .pill-gold,body.theme-red .pill-gold,body.theme-black .pill-gold{color:#ffd94d}body.theme-blue .pill-done,body.theme-purple .pill-done,body.theme-red .pill-done,body.theme-black .pill-done{background:#ffffff1f}body.theme-blue .btn-danger,body.theme-purple .btn-danger,body.theme-red .btn-danger,body.theme-black .btn-danger{color:#ff9d8a;background:0 0;border-color:#ff9d8a66}body.theme-blue .mascot-pop,body.theme-purple .mascot-pop,body.theme-red .mascot-pop,body.theme-black .mascot-pop{background:#0a0e1e99}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.5}a{color:inherit}.btn{font-family:var(--display);cursor:pointer;border:2px solid #0000;border-radius:999px;padding:.7rem 1.6rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .12s,background .15s;display:inline-block}.btn:active{transform:scale(.97)}.btn-gold{background:var(--teal);color:#fff}.btn-gold:hover{background:var(--teal-deep)}.btn-ghost{background:var(--card);color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:var(--muted)}.btn-danger{background:var(--card);color:#c2503d;border-color:#ecc8c0}.btn[disabled]{opacity:.4;cursor:not-allowed}.pill{letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:.25rem .7rem;font-size:.7rem;font-weight:700;display:inline-block}.pill-live{background:var(--teal-soft);color:var(--teal-deep)}.pill-done{color:var(--muted);background:#eeebe0}.pill-gold{color:#8a6a10;background:#ffc53d40}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.landing{text-align:center;background:var(--paper);max-width:1200px;min-height:100vh;margin:0 auto;padding:2.5rem 2rem 3rem;position:relative;overflow:hidden}.dance-sweep{z-index:8;pointer-events:none;filter:drop-shadow(0 10px 12px #1c2b5538);width:132px;animation:3.6s linear forwards sweep;position:absolute;bottom:18px;left:0}@keyframes sweep{0%{transform:translate(-150px)rotate(0)}to{transform:translate(115vw)rotate(1080deg)}}.landing h1.hl{font-family:var(--display);text-wrap:balance;max-width:18ch;margin:1rem auto .75rem;font-size:clamp(1.9rem,4.5vw,3.1rem);line-height:1.15}.landing h1.hl em{color:var(--teal);font-style:normal}.landing .sub{color:var(--muted);max-width:42rem;margin:0 auto 1.75rem;font-size:1.05rem}.landing .ctas{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-bottom:.9rem;display:flex}.landing .fine{color:var(--muted);font-size:.8rem}.land-nav{justify-content:space-between;align-items:center;padding:0 .5rem 2.5rem;display:flex}.logo{font-family:var(--display);align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.logo .lb{background:var(--gold);width:28px;height:28px;color:var(--navy);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}.logo .l2{color:var(--teal)}.site-logo{border:1px solid var(--line);box-shadow:var(--shadow);background:#f6f3ec;border-radius:12px;flex:none;padding:6px 10px;text-decoration:none;display:inline-flex}.land-nav .links{align-items:center;gap:.6rem;display:flex}.land-nav .links a{color:var(--muted);padding:.4rem .8rem;font-size:.9rem;text-decoration:none}.land-nav .links a.btn{color:#fff}.hero{text-align:left;grid-template-columns:1.15fr .85fr;align-items:center;gap:2rem;max-width:60rem;margin:0 auto;display:grid}.hero-copy h1.hl{margin:1rem 0 .75rem}.hero-copy .sub{margin:0 0 1.75rem}.hero-copy .ctas{justify-content:flex-start}.hero-art{cursor:pointer;text-align:center}.float-wrap{animation:5s ease-in-out infinite floaty}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mascot-img{filter:drop-shadow(0 20px 22px #1c2b5533);width:min(100%,330px);transition:transform .25s}.hero-art:hover .mascot-img{transform:scale(1.05)rotate(-2deg)}.fi{color:var(--teal)}.fi svg{width:28px;height:28px}.feat-row{text-align:left;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;max-width:60rem;margin:3rem auto 0;display:grid}.feat{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:1.1rem 1.2rem}.feat h3{font-family:var(--display);white-space:nowrap;margin:.5rem 0 .25rem;font-size:1rem}.feat p{color:var(--muted);margin:0;font-size:.85rem}.how{text-align:left;max-width:60rem;margin:3.5rem auto 0}.how h2{font-family:var(--display);text-align:center;margin:0 0 1.4rem;font-size:clamp(1.4rem,3vw,1.8rem)}.steps{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.step{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;align-items:flex-start;gap:1.1rem;padding:1.1rem 1.3rem;display:flex}.step .sn{background:var(--teal);color:#fff;width:36px;height:36px;font-family:var(--display);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.05rem;font-weight:700;display:flex}.step h3{font-family:var(--display);margin:0 0 .2rem;font-size:1.05rem}.step p{color:var(--muted);margin:0;font-size:.9rem}.avatar-wrap{position:relative}.avatar{cursor:pointer;border:1px solid var(--line);font-family:var(--body)}.avatar-menu{background:var(--card);border:1px solid var(--line);z-index:40;border-radius:12px;flex-direction:column;min-width:190px;padding:.4rem;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 34px #1c2b552e}.avatar-menu a,.avatar-menu button{text-align:left;color:var(--ink);cursor:pointer;font-size:.88rem;font-family:var(--body);background:0 0;border:0;border-radius:8px;padding:.55rem .8rem;text-decoration:none}.avatar-menu a:hover,.avatar-menu button:hover{background:var(--paper)}.menu-backdrop{z-index:30;position:fixed;inset:0}.dash{max-width:1100px;min-height:100vh;margin:0 auto;padding:2rem}.dash-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.dash-top h2{font-family:var(--display);margin:0;font-size:1.6rem}.dash-top .who{color:var(--muted);margin-top:.2rem;font-size:.9rem}.avatar{background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:.6rem;padding:.35rem .9rem .35rem .4rem;font-size:.85rem;display:flex}.avatar .a{background:var(--teal);color:#fff;width:30px;height:30px;font-weight:700;font-family:var(--display);border-radius:50%;justify-content:center;align-items:center;display:flex}.dash-grid{grid-template-columns:1.4fr 1fr;gap:1.2rem;display:grid}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:1.4rem;position:relative}.card h3{font-family:var(--display);margin:0 0 1rem;font-size:1.15rem}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 0;font-size:.92rem;display:flex}.setting-row:last-of-type{border-bottom:0}.setting-row .lab{color:var(--muted)}.chipset{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.chip{background:var(--paper);border:1px solid var(--line);color:var(--muted);font-size:.78rem;font-weight:600;font-family:var(--body);cursor:pointer;border-radius:999px;padding:.25rem .7rem}.chip.on{background:var(--teal);border-color:var(--teal);color:#fff}.chip[disabled]{opacity:.45;cursor:not-allowed}.gb-input,.gb-select{background:var(--paper);border:1px solid var(--line);color:var(--ink);font-family:var(--body);border-radius:10px;max-width:210px;padding:.4rem .6rem;font-size:.85rem}.cont-num{font-family:var(--display);color:var(--teal);font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:700;line-height:1}.progress{background:var(--paper);border-radius:999px;height:8px;margin:.9rem 0 .5rem;overflow:hidden}.progress i{background:linear-gradient(90deg, var(--teal), var(--gold));border-radius:999px;height:100%;display:block}.sess-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.7rem 0;font-size:.9rem;display:flex}.sess-item:last-child{border-bottom:0}.sess-item .n{font-weight:600}.sess-item .d{color:var(--muted);font-size:.8rem}.caller{background:var(--paper);max-width:1500px;min-height:100vh;margin:0 auto;padding:1.25rem 1.5rem 1.5rem;position:relative}.call-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.call-top .sess{font-family:var(--display);flex-wrap:wrap;align-items:center;gap:.7rem;font-size:1.05rem;font-weight:700;display:flex}.icon-btns{flex-wrap:wrap;gap:.5rem;display:flex}.ibtn{background:var(--card);border:1px solid var(--line);color:var(--ink);cursor:pointer;font-size:.85rem;font-family:var(--body);border-radius:10px;padding:.45rem .8rem}.ibtn:hover{border-color:var(--muted)}.stagecard{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;position:relative;overflow:hidden}.stage-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.blob{opacity:var(--blob-o);border-radius:50%;animation:16s ease-in-out infinite drift;position:absolute}.blob.b1{background:var(--teal);width:150px;height:150px;top:18%;left:-50px}.blob.b2{background:var(--gold);width:90px;height:90px;animation-duration:13s;animation-delay:-4s;top:10%;right:6%}.blob.b3{background:var(--ink);width:70px;height:70px;animation-duration:19s;animation-delay:-9s;bottom:16%;left:10%}.blob.b4{background:var(--teal);width:64px;height:64px;animation-duration:15s;animation-delay:-7s;bottom:30%;right:-18px}.blob.b5{background:var(--gold);width:170px;height:170px;animation-duration:21s;animation-delay:-2s;bottom:-70px;right:16%}.blob.b6{background:var(--ink);width:110px;height:110px;animation-duration:17s;animation-delay:-11s;top:-50px;left:32%}@keyframes drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(10px,-16px)scale(1.06)}}.marquee,.stage-body,.ctrl-panel{z-index:1;position:relative}.mascot-pop{z-index:6;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;background:#ffffff8c;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .25s,visibility .25s;display:flex;position:absolute;inset:0}.mascot-pop.show{opacity:1;visibility:visible}.mascot-pop img{width:min(42vh,250px)}.mascot-pop.show img{animation:.55s cubic-bezier(.2,1.4,.4,1) popIn}@keyframes popIn{0%{opacity:0;transform:translateY(46px)scale(.4)}to{opacity:1;transform:none}}.pop-bubble{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);font-family:var(--display);color:var(--ink);border-radius:999px;padding:.6rem 1.5rem;font-size:clamp(1.1rem,2.4vw,1.6rem);font-weight:700}.marquee{text-align:center;border-bottom:1px solid var(--line);padding:.7rem 1rem}.marquee .title{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:.1rem 0;font-size:clamp(.95rem,2.2vw,1.25rem);font-weight:700}.marquee .title .st{color:var(--gold)}.stage-body{grid-template-columns:minmax(320px,2fr) 3fr;align-items:center;gap:2.5rem;padding:2.5rem 3rem;display:grid}.caller-unit{flex-direction:column;align-items:center;gap:12px;width:min(400px,100%);margin:0 auto;display:flex}.now-pill{letter-spacing:.18em;text-transform:uppercase;background:var(--gold-soft);color:var(--navy);border-radius:999px;padding:.3rem .9rem;font-size:.72rem;font-weight:700}.num-wrap{text-align:center;line-height:1}.big-number{font-family:var(--display);color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(6.5rem,13vw,12rem);font-weight:700;line-height:.95;display:block}.num-wrap.pop{animation:.5s cubic-bezier(.2,1.5,.4,1) numpop}@keyframes numpop{0%{opacity:0;transform:scale(.25)}70%{opacity:1;transform:scale(1.06)}to{transform:none}}.phrase{font-family:var(--display);text-align:center;color:var(--teal);text-transform:uppercase;letter-spacing:.06em;justify-content:center;align-items:center;height:calc(2.6*clamp(1.05rem,2.1vw,1.5rem));margin:.2rem 0 .4rem;font-size:clamp(1.05rem,2.1vw,1.5rem);font-weight:700;line-height:1.3;display:flex;overflow:hidden}.phrase.long{font-size:clamp(.82rem,1.6vw,1.02rem)}.phrase.xlong{font-size:clamp(.7rem,1.35vw,.86rem)}.last5{grid-template-columns:repeat(5,1fr);gap:8px;width:100%;display:grid}.mini{aspect-ratio:1;font-family:var(--display);background:var(--card);border:2px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.mini.filled{border-color:var(--teal);color:var(--ink)}.mini.newest{background:var(--teal);border-color:var(--teal);color:#fff}.mini.drop{animation:.45s cubic-bezier(.2,1.4,.4,1) dropIn}@keyframes dropIn{0%{opacity:0;transform:translateY(-26px)scale(.7)}to{opacity:1;transform:none}}.stat-row{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.stat{background:var(--paper);border:1px solid var(--line);text-align:center;border-radius:12px;padding:.55rem .4rem .5rem}.stat b{font-family:var(--display);color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:700;line-height:1.2;display:block}.stat span{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.6rem;font-weight:700}.board{grid-template-columns:repeat(10,1fr);align-self:center;gap:9px;display:grid}.cell{aspect-ratio:1;font-variant-numeric:tabular-nums;background:var(--card);border:1px solid var(--line);color:var(--cell-num);border-radius:12px;justify-content:center;align-items:center;font-size:clamp(.9rem,1.6vw,1.4rem);font-weight:700;display:flex}.cell.called{background:var(--ink);border-color:var(--ink);color:var(--paper)}.cell.latest{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 0 0 3px #12a59c40,0 4px 12px #12a59c59}.cell.flash{animation:.6s flash}@keyframes flash{0%{transform:scale(1.3)}to{transform:scale(1)}}.board.manual .cell:not(.called):not(.latest){cursor:pointer}.board.manual .cell:not(.called):not(.latest):hover{border-color:var(--teal);color:var(--teal);box-shadow:0 0 0 2px var(--teal-soft)}.game-intro{z-index:90;-webkit-backdrop-filter:blur(9px);background:#ffffff59;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;display:flex;position:fixed;inset:0}body.theme-blue .game-intro,body.theme-purple .game-intro,body.theme-red .game-intro,body.theme-black .game-intro{background:#080c1c73}.game-intro .intro-mascot{filter:drop-shadow(0 18px 22px #1c2b5540);width:min(36vh,250px);animation:4s ease-in-out infinite floaty}.btn-play{padding:1.1rem 2.8rem;font-size:clamp(1.5rem,3.4vw,2.3rem);box-shadow:0 14px 40px #12a59c73}.count-num{font-family:var(--display);color:var(--teal);font-variant-numeric:tabular-nums;text-shadow:0 10px 40px #12a59c59;font-size:clamp(9rem,30vh,18rem);font-weight:700;line-height:1;animation:.5s cubic-bezier(.2,1.5,.4,1) numpop}.count-sub{font-family:var(--display);color:var(--ink);letter-spacing:.08em;text-transform:uppercase;font-size:clamp(1.2rem,2.6vw,1.8rem);font-weight:700}.ctrl-panel{background:var(--paper);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;padding:1.1rem 1rem 1.3rem;transition:opacity .35s;display:flex}.btn-call{padding:.9rem 2.3rem;font-size:1.2rem;box-shadow:0 8px 24px #12a59c4d}.stagecard:fullscreen,.stagecard.faux-fs{background:var(--card);border:0;border-radius:0;flex-direction:column;display:flex}.stagecard.faux-fs{z-index:999;position:fixed;inset:0}.stagecard:fullscreen .marquee,.stagecard.faux-fs .marquee{padding:.8rem 1rem .9rem}.stagecard:fullscreen .marquee .title,.stagecard.faux-fs .marquee .title{margin:.35rem 0;font-size:clamp(1.05rem,2.6vw,1.6rem)}.stagecard:fullscreen .stage-body,.stagecard.faux-fs .stage-body{flex:1;align-items:stretch;gap:4vw;min-height:0;padding:3vh 4vw}.stagecard:fullscreen .caller-unit,.stagecard.faux-fs .caller-unit{align-self:center;width:min(26vw,460px)}.stagecard:fullscreen .big-number,.stagecard.faux-fs .big-number{font-size:clamp(6rem,11vw,12rem)}.stagecard:fullscreen .phrase,.stagecard.faux-fs .phrase{height:calc(2.6*clamp(1.2rem,2.2vw,2rem));font-size:clamp(1.2rem,2.2vw,2rem)}.stagecard:fullscreen .phrase.long,.stagecard.faux-fs .phrase.long{font-size:clamp(.95rem,1.65vw,1.5rem)}.stagecard:fullscreen .phrase.xlong,.stagecard.faux-fs .phrase.xlong{font-size:clamp(.82rem,1.4vw,1.2rem)}.stagecard:fullscreen .board,.stagecard.faux-fs .board{grid-template-rows:repeat(9,minmax(0,1fr));height:100%}.stagecard:fullscreen .cell,.stagecard.faux-fs .cell{aspect-ratio:auto;font-size:clamp(1rem,2vw,1.8rem)}.stagecard.idle .ctrl-panel{opacity:0;pointer-events:none}.stagecard.idle{cursor:none}.auth-wrap{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-card{width:100%;max-width:380px}.auth-card h2{font-family:var(--display);margin:0 0 .25rem}.auth-card .hint{color:var(--muted);margin:0 0 1.2rem;font-size:.85rem}.auth-card label{color:var(--muted);margin:.8rem 0 .25rem;font-size:.8rem;display:block}.auth-card input{width:100%;max-width:none}.auth-card .btn{text-align:center;width:100%;margin-top:1.2rem}.auth-note{color:var(--muted);text-align:center;margin-top:1rem;font-size:.75rem}@media (prefers-reduced-motion:reduce){.num-wrap.pop,.cell.flash,.mini.drop,.blob,.float-wrap,.mascot-pop.show img,.dance-sweep{animation:none}}@media (max-width:780px){.stage-body{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.hero{text-align:center;grid-template-columns:1fr}.hero-copy h1.hl{margin:1rem auto .75rem}.hero-copy .sub{margin:0 auto 1.75rem}.hero-copy .ctas{justify-content:center}.feat-row,.dash-grid{grid-template-columns:1fr}}