:root{--ink: #4a3623;--ink-2: #6e5a41;--muted: #97896e;--paper: #fff9e9;--paper-2: #f7eed4;--butter: #ffedb0;--gold: #ffc233;--gold-2: #ffd45e;--gold-deep: #d9930f;--gold-shadow: #bd7d10;--leaf: #6fd353;--green: #46a832;--green-deep: #2e7d22;--melon: #ff5964;--melon-deep: #d63a4c;--sky: #8edaf7;--blue: #4aa6ff;--orange: #ff9d2e;--berry: #a86bff;--green-light: var(--leaf);--green-dark: var(--green-deep);--rind: #2f7d36;--red: var(--melon);--cream: var(--paper);--cream-2: var(--paper-2);--panel: rgba(255, 252, 240, .88);--panel-solid: var(--paper);--gold-dark: var(--gold-deep);--text: var(--ink);--fs-hero: clamp(44px, 8.5vw, 74px);--fs-title: 30px;--fs-big: 20px;--fs-body: 15px;--fs-sm: 13px;--fs-xs: 11px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--card-line: 4px solid #ffffff;--btn-line: 3px solid #ffffff;--shadow-card: 0 10px 0 rgba(122, 96, 42, .2), 0 26px 46px rgba(36, 60, 52, .28);--shadow-btn: 0 5px 0 rgba(122, 96, 42, .28);--shadow-btn-down: 0 1px 0 rgba(122, 96, 42, .28);--ring-focus: 0 0 0 3px var(--paper), 0 0 0 7px var(--gold), 0 8px 0 rgba(122, 96, 42, .2);--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--t-fast: .12s;--t-pop: .28s;font-family:"Baloo 2",Trebuchet MS,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:linear-gradient(180deg,#9be0fb,#c4f0e2 58%,#eaf8d2);color:var(--text);user-select:none;touch-action:manipulation}#app,.stage{position:fixed;inset:0}.stage canvas{display:block;width:100%;height:100%}.overlay{position:fixed;inset:0;pointer-events:none;z-index:10}.overlay button,.overlay input,.overlay select,.overlay .card,.overlay .screen{pointer-events:auto}.overlay .gp-focus,.overlay button:focus-visible,.overlay input:focus-visible,.overlay select:focus-visible{outline:none;box-shadow:var(--ring-focus);border-color:var(--gold)!important;position:relative;z-index:2}.ic{display:inline-flex;align-items:center}.ic svg{width:1em;height:1em;display:block}.screen.center{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:radial-gradient(circle at 50% 30%,#7ebbd624,#2b526057);overflow-y:auto}.screen.home{position:fixed;inset:0;display:flex;align-items:center;justify-content:flex-end;padding:var(--sp-5);padding-right:max(36px,6vw);overflow-y:auto}.home-side{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);width:min(440px,100%)}.screen.home .card{background:#fff9e9f5;animation:card-in .5s var(--ease-pop) .32s both}@media (max-width: 819px){.screen.home{justify-content:center;align-items:flex-end;padding:var(--sp-4)}}.screen-in .card{animation:card-in .45s var(--ease-pop) both}@keyframes card-in{0%{opacity:0;transform:translateY(26px) scale(.92)}to{opacity:1;transform:none}}.wordmark{display:flex;align-items:baseline;justify-content:center;gap:1px;line-height:1;filter:drop-shadow(0 16px 18px rgba(36,60,52,.28))}.wm-l{display:inline-block;font-size:var(--fs-hero);font-weight:800;color:var(--gold);letter-spacing:-1px;text-shadow:-4px -4px 0 #fff,4px -4px 0 #fff,-4px 4px 0 #fff,4px 4px 0 #fff,-5px 0 0 #fff,5px 0 0 #fff,0 -5px 0 #fff,0 5px 0 #fff,-3px 5px 0 #fff,3px 5px 0 #fff,-3px -5px 0 #fff,3px -5px 0 #fff,0 9px 0 var(--gold-shadow);animation:wm-idle 3.6s ease-in-out calc(var(--i) * -.45s) infinite,wm-pop .6s var(--ease-pop) calc(.1s + var(--i) * 65ms) backwards}.wm-l:nth-child(n+5){color:var(--green);text-shadow:-4px -4px 0 #fff,4px -4px 0 #fff,-4px 4px 0 #fff,4px 4px 0 #fff,-5px 0 0 #fff,5px 0 0 #fff,0 -5px 0 #fff,0 5px 0 #fff,-3px 5px 0 #fff,3px 5px 0 #fff,-3px -5px 0 #fff,3px -5px 0 #fff,0 9px 0 var(--green-deep)}.wm-melon{text-shadow:none;align-self:center;transform:translateY(6%)}.wm-melon svg{width:calc(var(--fs-hero) * .78);height:calc(var(--fs-hero) * .78);display:block;filter:drop-shadow(0 7px 0 rgba(122,96,42,.32))}@keyframes wm-pop{0%{opacity:0;transform:translateY(-30px) scale(.3) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes wm-idle{0%,to{transform:none}50%{transform:translateY(-4px) rotate(1.4deg)}}.home-tag{margin:0;padding:5px 16px 6px;font-size:var(--fs-sm);font-weight:700;color:#fff;text-align:center;background:linear-gradient(180deg,var(--leaf),var(--green));border:var(--btn-line);border-radius:var(--r-pill);box-shadow:0 4px #2e7d2266;animation:card-in .5s var(--ease-pop) .55s both}.card{position:relative;width:min(420px,100%);background:var(--paper);border:var(--card-line);border-radius:var(--r-xl);padding:var(--sp-5) var(--sp-5) var(--sp-4);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--sp-3)}.card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:radial-gradient(4px 5px at 16px 16px,rgba(74,54,35,.3) 60%,transparent 61%),radial-gradient(4px 5px at calc(100% - 16px) 16px,rgba(74,54,35,.3) 60%,transparent 61%),radial-gradient(4px 5px at 16px calc(100% - 16px),rgba(74,54,35,.3) 60%,transparent 61%),radial-gradient(4px 5px at calc(100% - 16px) calc(100% - 16px),rgba(74,54,35,.3) 60%,transparent 61%)}.brand{display:flex;align-items:center;justify-content:center;gap:var(--sp-3)}.brand h1{margin:0;font-size:36px;font-weight:800;letter-spacing:.5px;color:var(--green);text-shadow:0 3px 0 rgba(46,125,34,.2)}.brand-melon svg,.brand-melon{width:46px;height:46px;display:block}.brand-melon.spin svg{animation:melon-spin 1.6s var(--ease-out) infinite}@keyframes melon-spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.88)}to{transform:rotate(360deg) scale(1)}}.tagline{margin:0;color:var(--ink-2);font-size:14px;font-weight:600;line-height:1.45;text-align:center}.fineprint{margin:var(--sp-1) 0 0;color:var(--muted);font-size:12px;font-weight:600}.field-label{font-size:var(--fs-xs);font-weight:800;text-transform:uppercase;letter-spacing:1.6px;color:var(--ink-2);margin-top:var(--sp-1)}.text-input{width:100%;padding:12px 14px;font-size:16px;font-weight:700;border-radius:var(--r-md);border:3px solid #ecdfbc;background:#fffef8;color:var(--ink);outline:none;font-family:inherit;box-shadow:inset 0 3px #7a602a14;transition:border-color var(--t-fast) ease}.text-input::placeholder{color:#c9bb97;font-weight:600}.text-input:focus{border-color:var(--gold)}.diff-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-2)}.diff-btn{position:relative;padding:11px 12px 11px 26px;border-radius:var(--r-md);border:3px solid #ecdfbc;background:#fffef8;color:var(--ink);font-size:var(--fs-body);font-weight:800;cursor:pointer;font-family:inherit;box-shadow:0 4px #7a602a2e;transition:transform var(--t-fast) var(--ease-pop),box-shadow var(--t-fast) ease,border-color var(--t-fast) ease,background var(--t-fast) ease}.diff-btn:before{content:"";position:absolute;left:11px;top:50%;width:9px;height:9px;border-radius:50%;transform:translateY(-50%);background:#d8ccab;box-shadow:0 0 0 2px #fff;transition:background var(--t-fast) ease}@media (hover: hover){.diff-btn:hover{transform:translateY(-2px);box-shadow:0 6px #7a602a2e}}.diff-btn:active{transform:translateY(2px);box-shadow:var(--shadow-btn-down)}.diff-btn.selected{border-color:var(--gold);background:var(--butter);transform:translateY(-1px)}.diff-btn.easy:before{background:var(--leaf)}.diff-btn.normal:before{background:var(--blue)}.diff-btn.challenging:before{background:var(--orange)}.diff-btn.hard:before{background:var(--melon)}.diff-btn.insane:before{background:var(--berry)}.diff-btn.easy.selected{border-color:#5cc24f;background:#e9f8e0}.diff-btn.normal.selected{border-color:var(--blue);background:#e3f1ff}.diff-btn.challenging.selected{border-color:var(--orange);background:#ffeed4}.diff-btn.hard.selected{border-color:var(--melon);background:#ffe4e4}.diff-btn.insane{grid-column:1 / -1}.diff-btn.insane.selected{border-color:var(--berry);background:#f0e2ff}.primary-btn{margin-top:var(--sp-2);padding:15px;border-radius:var(--r-lg);border:var(--btn-line);background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#5b3c0a;font-size:19px;font-weight:800;letter-spacing:.4px;cursor:pointer;font-family:inherit;box-shadow:0 6px 0 var(--gold-shadow),0 12px 20px #243c342e;transition:transform var(--t-fast) var(--ease-pop),box-shadow var(--t-fast) ease,filter var(--t-fast) ease}@media (hover: hover){.primary-btn:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 8px 0 var(--gold-shadow),0 16px 22px #243c3433;filter:saturate(1.08)}}.primary-btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--gold-shadow)}.ghost-btn{padding:12px 14px;border-radius:var(--r-md);border:3px solid #ecdfbc;background:#fffef8;color:var(--ink);font-size:var(--fs-body);font-weight:800;cursor:pointer;font-family:inherit;box-shadow:var(--shadow-btn);transition:transform var(--t-fast) var(--ease-pop),box-shadow var(--t-fast) ease,border-color var(--t-fast) ease;display:inline-flex;align-items:center;justify-content:center;gap:7px}.ghost-btn .ic svg{width:17px;height:17px;display:block}@media (hover: hover){.ghost-btn:hover{transform:translateY(-2px);box-shadow:0 7px #7a602a47;border-color:#e0d0a4}}.ghost-btn:active{transform:translateY(2px);box-shadow:var(--shadow-btn-down)}.link-btn{background:none;border:none;color:var(--ink-2);font-size:var(--fs-sm);font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;font-family:inherit;margin-top:2px;border-radius:var(--r-sm);padding:4px 8px;transition:color var(--t-fast) ease,transform var(--t-fast) var(--ease-pop)}@media (hover: hover){.link-btn:hover{color:var(--ink);transform:translateY(-1px)}}.big-time{margin:0;font-size:56px;font-weight:800;text-align:center;color:var(--gold-deep);text-shadow:0 3px 0 #fff,0 6px 0 rgba(189,125,16,.35);font-variant-numeric:tabular-nums}.st-dot{width:16px;height:16px;border-radius:50%;flex:none;box-shadow:0 0 0 3px #fff,0 2px 0 3px #7a602a2e}.divider{text-align:center;color:var(--muted);font-size:var(--fs-xs);font-weight:800;text-transform:uppercase;letter-spacing:1.8px;margin:var(--sp-1) 0;display:flex;align-items:center;gap:var(--sp-3)}.divider:before,.divider:after{content:"";flex:1;height:3px;border-radius:2px;background:#eee3c4}.join-row{display:flex;gap:var(--sp-2)}.code-input{text-transform:uppercase;letter-spacing:5px;font-weight:800;text-align:center}.join-btn{flex:none;width:96px}.join-popup .invite-code{align-self:center;font-size:30px;font-weight:800;letter-spacing:6px;color:var(--gold-deep);background:var(--butter);border:3px dashed var(--gold);border-radius:var(--r-md);padding:4px 14px 4px 20px}.lobby-card{width:min(480px,100%)}.lobby-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.lobby-ticket{display:flex;flex-direction:column;align-items:flex-start;gap:1px;background:var(--butter);border:3px dashed var(--gold);border-radius:var(--r-md);padding:6px 16px 8px}.lobby-code-label{font-size:10px;font-weight:800;letter-spacing:2.4px;color:var(--gold-deep)}.lobby-code{font-size:34px;font-weight:800;letter-spacing:6px;line-height:1;color:var(--ink);text-shadow:0 2px 0 #fff}.copy-btn{flex:none}.lobby-sub{color:var(--ink-2);font-size:var(--fs-sm);font-weight:600;text-align:center}.player-list{display:flex;flex-direction:column;gap:var(--sp-2);max-height:44vh;overflow-y:auto;padding:2px}.pl-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3);padding:var(--sp-3);border-radius:var(--r-lg);border:3px solid #f0e6c8;background:var(--paper-2);transition:transform var(--t-fast) var(--ease-pop)}.pl-row.me{background:var(--butter);border-color:var(--gold);box-shadow:0 4px #bd7d1040}.pl-row.spec{opacity:.78}.pl-main{flex:1;min-width:0}.pl-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:3px}.pl-name{font-weight:800;font-size:16px}.pl-host,.pl-you,.pl-local,.pl-off{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:2px 8px;border-radius:var(--r-pill);border:2px solid transparent}.pl-host{color:var(--gold-deep);background:#fff3cf;border-color:#ffd45e}.pl-host svg,.pl-local svg{width:12px;height:12px;display:block}.pl-you{color:var(--green-deep);background:#e9f8e0;border-color:#a5dd8e}.pl-local{color:#1f6fd6;background:#e3f1ff;border-color:#a9d2ff}.pl-off{color:#c0392b;background:#ffe5e1;border-color:#f5b6ae}.pl-right .diff-row{grid-template-columns:repeat(4,1fr);gap:4px}.pl-right .diff-btn{padding:6px 4px 6px 15px;font-size:var(--fs-xs);border-width:2px;border-radius:var(--r-sm)}.pl-right .diff-btn:before{left:5px;width:6px;height:6px}.pl-diff{font-size:var(--fs-sm);font-weight:800;color:var(--gold-deep);padding:4px 12px;background:#fff3cf;border:2px solid #ffd45e;border-radius:var(--r-pill);align-self:flex-start}.lobby-controls{display:flex;flex-direction:column;gap:var(--sp-2)}.start-btn.disabled{filter:grayscale(.65) brightness(.96)}.wait-note{text-align:center;color:var(--ink-2);font-size:14px;font-weight:700;padding:var(--sp-2);background:var(--paper-2);border-radius:var(--r-md)}.countdown{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);background:radial-gradient(circle at 50% 40%,#2e221247,#2e221299);z-index:50;pointer-events:none}.cd-plate{padding:9px 26px 11px;font-size:var(--fs-big);font-weight:800;letter-spacing:1px;color:var(--ink);background:var(--paper);border:var(--btn-line);border-radius:var(--r-pill);box-shadow:var(--shadow-btn),0 14px 24px #141e1a40;animation:cd-plate-in .45s var(--ease-pop) both}.cd-plate.bonus{background:var(--butter);border-color:var(--gold-2)}@keyframes cd-plate-in{0%{opacity:0;transform:translateY(-26px) scale(.7)}to{opacity:1;transform:none}}.cd-stage{position:relative;width:min(46vh,340px);height:min(46vh,340px);display:grid;place-items:center}.cd-ring{position:absolute;inset:5%;border-radius:50%;border:12px solid rgba(255,255,255,.9);opacity:0}.cd-ring.tick{animation:cd-ring .85s var(--ease-out) both}@keyframes cd-ring{0%{transform:scale(.5);opacity:.95}to{transform:scale(1.18);opacity:0}}.cd-num,.go-txt{--cd-depth: var(--gold-shadow);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--gold);text-shadow:-6px -6px 0 #fff,6px -6px 0 #fff,-6px 6px 0 #fff,6px 6px 0 #fff,-8px 0 0 #fff,8px 0 0 #fff,0 -8px 0 #fff,0 8px 0 #fff,-4px 8px 0 #fff,4px 8px 0 #fff,-4px -8px 0 #fff,4px -8px 0 #fff,0 14px 0 var(--cd-depth),0 24px 26px rgba(20,30,26,.35)}.cd-num{font-size:clamp(150px,34vh,250px)}.cd-num[data-n="3"]{color:var(--melon);--cd-depth: var(--melon-deep)}.cd-num[data-n="2"]{color:var(--orange);--cd-depth: #c9700c}.cd-num[data-n=go]{color:var(--leaf);--cd-depth: var(--green-deep)}.cd-num.tick{animation:cd-punch .9s var(--ease-pop) both}@keyframes cd-punch{0%{transform:scale(.25) rotate(-7deg);opacity:0}45%{transform:scale(1.14) rotate(2deg);opacity:1}70%{transform:scale(.97)}to{transform:scale(1);opacity:1}}.gs-veil{position:fixed;inset:0;background:#2e22128c;z-index:45;pointer-events:none;animation:gs-veil-out .55s var(--ease-out) .25s both}@keyframes gs-veil-out{to{opacity:0}}.go-burst{position:fixed;inset:0;display:grid;place-items:center;z-index:55;pointer-events:none}.go-txt{font-size:clamp(130px,30vh,230px);color:var(--leaf);--cd-depth: var(--green-deep);animation:go-pop 1.05s var(--ease-pop) both}@keyframes go-pop{0%{transform:scale(.2) rotate(-8deg);opacity:0}40%{transform:scale(1.18) rotate(2deg);opacity:1}60%{transform:scale(.96)}85%{transform:scale(1);opacity:1}to{transform:scale(1.05);opacity:0}}.go-spark{position:absolute;left:50%;top:50%;font-size:54px;font-weight:800;color:var(--gold);text-shadow:-3px -3px 0 #fff,3px -3px 0 #fff,-3px 3px 0 #fff,3px 3px 0 #fff,0 6px 0 var(--gold-shadow);animation:go-spark .85s var(--ease-out) .05s both}.go-spark.s1{--fx: -210px;--fy: -150px;--rot: -24deg}.go-spark.s2{--fx: 210px;--fy: -140px;--rot: 22deg}.go-spark.s3{--fx: -180px;--fy: 130px;--rot: -14deg;animation-delay:.12s}.go-spark.s4{--fx: 185px;--fy: 140px;--rot: 16deg;animation-delay:.08s}@keyframes go-spark{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}25%{opacity:1}to{transform:translate(calc(-50% + var(--fx)),calc(-50% + var(--fy))) scale(1.2) rotate(var(--rot));opacity:0}}.results-list{display:flex;flex-direction:column;gap:var(--sp-2);max-height:50vh;overflow-y:auto;padding:2px}.res-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-lg);border:3px solid #f0e6c8;background:var(--paper-2)}.res-row.me{background:var(--butter);border-color:var(--gold)}.res-place{font-size:26px;width:36px;text-align:center;flex:none}.res-info{flex:1;min-width:0}.res-name{font-weight:800;font-size:16px}.res-meta{font-size:12px;font-weight:600;color:var(--muted)}.cam-timer{position:fixed;transform:translate(-50%);display:flex;align-items:center;gap:5px;padding:5px 15px 6px;border-radius:var(--r-pill);background:#3a2c1ae0;border:3px solid #ffffff;color:#fff;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.5px;box-shadow:0 4px #2e221259;pointer-events:none;z-index:13}.screen.victory{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:radial-gradient(circle at 50% 35%,#12241c14,#12241c70);overflow-y:auto}.victory-card{width:min(460px,100%)}.victory-head{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);margin-bottom:2px}.victory-trophy{font-size:54px;line-height:1;filter:drop-shadow(0 5px 0 rgba(180,150,40,.4));animation:trophy-in .9s var(--ease-pop) both}.victory-trophy svg{width:76px;height:76px;display:block}@keyframes trophy-in{0%{transform:scale(0) rotate(-14deg);opacity:0}60%{transform:scale(1.15) rotate(4deg)}to{transform:scale(1) rotate(0);opacity:1}}.victory-title{margin:0;font-size:var(--fs-title);font-weight:800;color:var(--green);text-align:center;text-shadow:0 2px 0 #fff,0 4px 0 rgba(46,125,34,.22)}.res-row.win{background:linear-gradient(180deg,#fff6d6,#ffe6a0);border-color:var(--gold);box-shadow:0 4px #bd7d104d;position:relative;overflow:hidden}.res-row.win:after{content:"";position:absolute;top:-30%;bottom:-30%;width:34px;transform:rotate(18deg);background:#ffffff8c;animation:shine 2.6s ease-in-out .6s infinite}@keyframes shine{0%{left:-20%}55%,to{left:115%}}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-24px;left:calc(4% + var(--i) * 6.8%);width:10px;height:15px;border-radius:3px;background:var(--gold);opacity:.95;animation:confetti-fall 3.4s linear calc(var(--i) * -.44s) infinite}.confetti i:nth-child(3n){background:var(--melon);width:8px;height:12px;animation-duration:2.9s}.confetti i:nth-child(3n+1){background:var(--leaf);animation-duration:3.9s}.confetti i:nth-child(4n){background:var(--sky);border-radius:50%;height:10px}@keyframes confetti-fall{0%{transform:translateY(-4vh) translate(0) rotate(0)}50%{transform:translateY(48vh) translate(26px) rotate(400deg)}to{transform:translateY(104vh) translate(-14px) rotate(760deg)}}.round-badge{font-size:var(--fs-sm);font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gold-deep);background:var(--butter);border:2px solid var(--gold);padding:3px 14px;border-radius:var(--r-pill)}.round-tag{margin:2px 0 0;font-size:var(--fs-sm);font-weight:600;color:var(--ink-2);text-align:center}.res-melons{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex:none}.res-gain{display:inline-flex;align-items:center;gap:2px;font-size:19px;font-weight:800;color:var(--green-deep);font-variant-numeric:tabular-nums}.res-gain svg{width:20px;height:20px;display:block}.res-total{font-size:12px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.res-total.big{display:inline-flex;align-items:center;gap:4px;font-size:24px;color:var(--gold-deep)}.res-total.big svg{width:26px;height:26px;display:block}.next-round{text-align:center;font-size:var(--fs-body);font-weight:700;color:var(--ink-2);padding:var(--sp-1) 0 2px}.nr-num{font-weight:800;color:var(--gold-deep);font-variant-numeric:tabular-nums}.bh-score{display:inline-flex;align-items:center;gap:2px;flex:none;padding:2px 9px 2px 6px;border-radius:var(--r-pill);background:#46a83229;margin-left:2px}.bh-score-num{font-size:16px;font-weight:800;color:var(--green-deep);font-variant-numeric:tabular-nums}.re-banner{position:fixed;top:16%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 32px 14px;border-radius:var(--r-xl);background:var(--paper);border:var(--card-line);box-shadow:var(--shadow-card);color:var(--ink);text-align:center;pointer-events:none;z-index:40;animation:re-drop .45s var(--ease-pop)}@keyframes re-drop{0%{transform:translate(-50%,-22px) scale(.8);opacity:0}60%{transform:translate(-50%) scale(1.05);opacity:1}to{transform:translate(-50%) scale(1);opacity:1}}.re-lead{font-size:24px;font-weight:800;letter-spacing:.4px}.re-sub{display:flex;align-items:center;gap:8px;font-size:var(--fs-body);font-weight:700;color:var(--ink-2)}.re-num{display:inline-grid;place-items:center;min-width:34px;padding:2px 10px 3px;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--gold-2),var(--gold));border:2px solid #ffffff;color:#5b3c0a;font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;box-shadow:0 3px 0 var(--gold-shadow)}.re-num.pulse{animation:re-pulse .5s var(--ease-pop)}@keyframes re-pulse{40%{transform:scale(1.22)}}.maps-axis{position:fixed;transform:translate(-50%,-50%);font-weight:800;font-size:14px;color:#2a3340;background:#ffffffe0;border-radius:8px;padding:1px 7px;pointer-events:none;z-index:11;box-shadow:0 1px 3px #0000002e}.maps-axis.col{text-transform:uppercase}.maps-legend{position:fixed;top:12px;right:12px;width:300px;max-height:92vh;overflow-y:auto;background:#fffffff2;border-radius:var(--r-md);padding:12px 14px;box-shadow:0 8px 26px #00000038;pointer-events:auto;z-index:12;font-size:13px}.maps-legend-title{font-weight:800;margin-bottom:8px;color:var(--ink);line-height:1.3;cursor:pointer}.maps-legend.collapsed{width:auto;max-width:300px}.maps-legend.collapsed .maps-legend-row,.maps-legend.collapsed .maps-legend-foot{display:none}.maps-legend.collapsed .maps-legend-title{margin-bottom:0}.maps-legend-row{display:flex;gap:8px;align-items:baseline;padding:2px 0}.maps-legend-num{font-weight:800;color:var(--green);min-width:18px}.maps-legend-name{color:#36414c}.maps-legend-foot{margin-top:8px;color:var(--muted);font-size:12px}.maps-toggle{position:fixed;top:12px;left:12px;z-index:12;pointer-events:auto;padding:8px 14px;border-radius:var(--r-sm);border:var(--btn-line);background:var(--green);color:#fff;font-weight:800;font-size:14px;cursor:pointer;font-family:inherit;box-shadow:0 4px #2e7d2266}.maps-toggle:active{transform:translateY(2px);box-shadow:0 2px #2e7d2266}.toast-host{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:var(--sp-2);align-items:center;pointer-events:none}.toast{background:var(--paper);border:var(--btn-line);color:var(--ink);padding:11px 20px;border-radius:var(--r-pill);font-size:14px;font-weight:800;box-shadow:0 6px #7a602a3d,0 12px 22px #243c342e;opacity:0;transform:translateY(-18px) scale(.9);transition:opacity var(--t-pop) var(--ease-pop),transform var(--t-pop) var(--ease-pop)}.toast.show{opacity:1;transform:none}.toast.toast-error{border-color:#f5b6ae;background:#fff0ee;color:#b13327}.toast.toast-success{border-color:#a5dd8e;background:#f0fae8;color:var(--green-deep)}.mp-colhi{position:fixed;border:4px solid var(--gold);border-radius:var(--r-lg);box-shadow:inset 0 0 0 3px #ffffffa6,0 0 0 2px #7a602a1f,0 10px 24px #bd7d102e;pointer-events:none;z-index:9}.bh{position:fixed;display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:var(--r-lg);background:#fff9e9f0;border:3px solid #ffffff;box-shadow:0 5px #7a602a38;pointer-events:none;overflow:hidden;container-type:inline-size}.bh.me{background:#fff9e2f5;box-shadow:0 5px #bd7d1059,inset 0 0 0 3px #ffc233b3}.bh-name{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px}.bh-dot{width:15px;height:15px;border-radius:50%;flex:none;box-shadow:0 0 0 3px #fff,0 2px 0 3px #7a602a29}.bh-name-txt{font-size:19px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bh-you{flex:none;padding:2px 8px 3px;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--gold-2),var(--gold));border:2px solid #ffffff;color:#5b3c0a;font-size:10px;font-weight:800;letter-spacing:1px;box-shadow:0 2px 0 var(--gold-shadow)}.bh-count-box{flex:none;display:flex;align-items:center;gap:7px;padding:4px 12px;border-radius:var(--r-md);background:#46a83224;border:2.5px solid rgba(70,168,50,.35)}.bh-count-box.bump{animation:bh-bump .3s var(--ease-pop)}@keyframes bh-bump{40%{transform:scale(1.16)}}.bh-melon svg{width:26px;height:26px;display:block}.bh-count{font-size:26px;font-weight:800;color:var(--ink);min-width:20px;text-align:center;font-variant-numeric:tabular-nums}.bh-piece{position:relative;flex:none;padding:5px;border-radius:var(--r-md);background:linear-gradient(180deg,var(--gold-2),var(--gold));border:3px solid #ffffff;box-shadow:0 3px 0 var(--gold-shadow);display:flex;align-items:center;justify-content:center}.bh-piece canvas{display:block}.bh-right{flex:none;display:flex;flex-direction:column;align-items:center;gap:3px}.bh-diff{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#fff;background:var(--green);border:2px solid #ffffff;padding:2px 10px 3px;border-radius:var(--r-pill)}.bh-diff.easy{background:var(--leaf)}.bh-diff.normal{background:var(--blue)}.bh-diff.challenging{background:var(--orange)}.bh-diff.hard{background:var(--melon)}.bh-diff.insane{background:var(--berry)}.bh-time{font-size:20px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.bh-time.done{color:var(--gold-deep)}.bh-score{flex:none;display:flex;align-items:center;gap:5px;padding:3px 10px 4px;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--gold-2),var(--gold));border:2px solid #ffffff;color:#5b3c0a;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;box-shadow:0 2px 0 var(--gold-shadow)}.bh-score-melon svg{width:18px;height:18px;display:block}.bh.compact{gap:7px;padding:4px 9px;border-radius:var(--r-md);border-width:2px}.bh.compact .bh-dot{width:10px;height:10px;box-shadow:0 0 0 2px #fff}.bh.compact .bh-name-txt{font-size:13px}.bh.compact .bh-you{font-size:8px;padding:1px 5px 2px;letter-spacing:.6px}.bh.compact .bh-count-box{gap:4px;padding:2px 7px;border-width:2px}.bh.compact .bh-melon svg{width:16px;height:16px}.bh.compact .bh-count{font-size:16px;min-width:13px}.bh.compact .bh-piece{padding:3px;border-radius:10px;border-width:2px}.bh.compact .bh-right{flex-direction:row;gap:6px}.bh.compact .bh-diff{display:none}.bh.compact .bh-time{font-size:13px}.bh.compact .bh-score{gap:3px;padding:1px 7px 2px;font-size:12px}.bh.compact .bh-score-melon svg{width:13px;height:13px}@container (max-width: 240px){.bh-you,.bh-score,.bh-diff{display:none}}.mp-bomb{position:fixed;transform:translate(-50%,-100%);width:92px;height:92px;border-radius:50%;border:4px solid #ffffff;background:radial-gradient(circle at 35% 30%,#a48ce0,#5a47a0);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 7px #3f3172,0 16px 22px #243c344d;pointer-events:auto;z-index:12;transition:transform var(--t-fast) var(--ease-pop),box-shadow var(--t-fast) ease,filter var(--t-fast) ease;animation:bomb-in .5s var(--ease-pop) .25s backwards}@keyframes bomb-in{0%{transform:translate(-50%,-100%) scale(0)}to{transform:translate(-50%,-100%) scale(1)}}@media (hover: hover){.mp-bomb:hover{transform:translate(-50%,-100%) scale(1.07);box-shadow:0 9px #3f3172,0 18px 26px #243c3452;filter:saturate(1.12) brightness(1.05)}}.mp-bomb:active{transform:translate(-50%,-100%) translateY(5px) scale(.96);box-shadow:0 2px #3f3172,0 8px 12px #243c3447}.mp-bomb svg{width:50px;height:50px;filter:drop-shadow(0 3px 0 rgba(0,0,0,.25))}.mp-hint{position:fixed;bottom:6px;left:50%;transform:translate(-50%);font-size:var(--fs-xs);font-weight:700;color:var(--ink-2);background:#fff9e9e6;border:2px solid #ffffff;padding:4px 14px;border-radius:var(--r-pill);box-shadow:0 3px #7a602a29;white-space:nowrap;max-width:96vw;overflow:hidden;text-overflow:ellipsis;pointer-events:none;z-index:11}@media (max-width: 880px){.mp-bomb{width:60px;height:60px}.mp-bomb svg{width:32px;height:32px}.mp-hint{display:none}.cd-num{font-size:clamp(110px,26vh,180px)}.go-txt{font-size:clamp(90px,22vh,170px)}}.pl-right{display:flex;flex-direction:column;gap:6px;align-items:stretch;flex-basis:100%;min-width:0}.role-btn,.pl-role{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;padding:4px 12px;border-radius:var(--r-pill);border:2px solid transparent;align-self:flex-start;cursor:pointer;font-family:inherit;transition:transform var(--t-fast) var(--ease-pop),box-shadow var(--t-fast) ease}.pl-role{cursor:default}.role-btn.is-player,.pl-role.is-player{background:#e3f1ff;color:#1f6fd6;border-color:#a9d2ff}.role-btn.is-spec,.pl-role.is-spec{background:var(--paper);color:var(--muted);border-color:#e2d8bc}@media (hover: hover){.role-btn:hover{transform:translateY(-1px);box-shadow:0 3px #7a602a33}}.role-btn:active{transform:translateY(1px)}.pad-row{display:flex;gap:6px;align-items:center}.pad-select{flex:1;min-width:0;font-size:12px;font-weight:700;padding:5px 6px;border-radius:var(--r-sm);border:2px solid #e2d8bc;background:var(--paper);color:var(--ink-2);font-family:inherit}.pad-id{flex:none;padding:5px 10px;font-size:12px}.pl-actions{display:flex;gap:6px;justify-content:flex-end}.kick-btn{font-size:12px;font-weight:800;color:#c0392b;background:#ffe5e1;border:2px solid #f5b6ae;border-radius:var(--r-sm);padding:5px 12px;cursor:pointer;font-family:inherit;transition:transform var(--t-fast) var(--ease-pop)}.kick-btn:active{transform:translateY(1px)}.ghost-btn.disabled{filter:grayscale(.5) brightness(.97);opacity:.7}.spectate-badge{position:fixed;bottom:36px;left:50%;transform:translate(-50%);z-index:12;background:var(--paper);border:var(--btn-line);color:var(--ink);font-weight:800;font-size:var(--fs-sm);letter-spacing:.6px;padding:7px 18px;border-radius:var(--r-pill);box-shadow:var(--shadow-btn);pointer-events:none}@media (prefers-reduced-motion: reduce){.wm-l{animation:none}.screen-in .card,.screen.home .card,.home-tag{animation:none;opacity:1;transform:none}.confetti{display:none}.res-row.win:after{animation:none;display:none}.victory-trophy,.brand-melon.spin svg,.cd-num.tick,.cd-ring.tick,.cd-plate,.go-spark,.re-banner,.re-num.pulse,.bh-count-box.bump,.mp-bomb{animation:none}.go-txt{animation:go-fade .9s ease both}.primary-btn,.ghost-btn,.diff-btn,.link-btn,.role-btn,.toast,.mp-bomb{transition-duration:1ms}}@keyframes go-fade{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.sp-backdrop{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:radial-gradient(circle at 50% 30%,#7ebbd62e,#2b526070);pointer-events:auto;animation:sp-backdrop-in .25s ease both}@keyframes sp-backdrop-in{0%{opacity:0}to{opacity:1}}.sp-card{width:min(620px,100%);max-height:min(700px,92vh);gap:var(--sp-2);outline:none}.sp-head{display:flex;align-items:center;gap:var(--sp-3)}.sp-head-gear{color:var(--green)}.sp-head-gear svg{width:30px;height:30px}.sp-title{flex:1;margin:0;font-size:var(--fs-title);font-weight:800;letter-spacing:.5px;color:var(--green);text-shadow:0 3px 0 rgba(46,125,34,.2)}.sp-x{width:38px;height:38px;flex:none;border-radius:var(--r-pill);border:3px solid #ecdfbc;background:#fffef8;color:var(--ink-2);font-size:16px;font-weight:800;cursor:pointer;font-family:inherit;box-shadow:var(--shadow-btn);transition:transform var(--t-fast) var(--ease-pop),box-shadow var(--t-fast) ease,border-color var(--t-fast) ease}@media (hover: hover){.sp-x:hover{transform:translateY(-2px) rotate(90deg);border-color:var(--melon);color:var(--melon-deep)}}.sp-x:active{transform:translateY(2px);box-shadow:var(--shadow-btn-down)}.sp-body{display:flex;flex-direction:column;gap:var(--sp-2);overflow-y:auto;padding-right:var(--sp-1);scrollbar-width:thin;scrollbar-color:#e0d0a4 transparent}.sp-body::-webkit-scrollbar{width:10px}.sp-body::-webkit-scrollbar-thumb{background:#e0d0a4;border-radius:var(--r-pill);border:2px solid var(--paper)}.sp-sec{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-3);padding-bottom:5px;border-bottom:3px solid #eee3c4;font-size:var(--fs-xs);font-weight:800;text-transform:uppercase;letter-spacing:1.8px;color:var(--muted)}.sp-sec:first-child{margin-top:0}.sp-sec-reset{border:2px solid #ecdfbc;background:#fffef8;color:var(--ink-2);font-family:inherit;font-size:var(--fs-xs);font-weight:800;letter-spacing:.6px;padding:3px 12px;border-radius:var(--r-pill);cursor:pointer;box-shadow:0 2px #7a602a2e;transition:transform var(--t-fast) var(--ease-pop),border-color var(--t-fast) ease}@media (hover: hover){.sp-sec-reset:hover{transform:translateY(-1px);border-color:var(--gold);color:var(--ink)}}.sp-sec-reset:active{transform:translateY(1px)}.sp-row{display:grid;align-items:center;gap:var(--sp-2);min-height:38px}.sp-row-bind{grid-template-columns:1fr 104px 104px 32px}.sp-row-slide{grid-template-columns:118px 1fr 54px}.sp-row-audio{grid-template-columns:92px 46px 1fr 54px}.sp-row-switch{grid-template-columns:1fr 46px}.sp-label{font-size:var(--fs-body);font-weight:700;color:var(--ink)}.sp-hint{display:block;font-size:var(--fs-xs);font-weight:600;color:var(--muted)}.sp-val{font-size:var(--fs-sm);font-weight:800;color:var(--ink-2);text-align:right;font-variant-numeric:tabular-nums}.sp-key{padding:8px 6px;border-radius:var(--r-sm);border:3px solid #ecdfbc;background:#fffef8;color:var(--ink);font-size:var(--fs-sm);font-weight:800;font-family:inherit;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 3px #7a602a2e;transition:transform var(--t-fast) var(--ease-pop),border-color var(--t-fast) ease,background var(--t-fast) ease}@media (hover: hover){.sp-key:hover{transform:translateY(-1px);border-color:#e0d0a4}}.sp-key:active{transform:translateY(1px)}.sp-key.unbound{color:var(--muted)}.sp-key.capturing{border-color:var(--gold);background:var(--butter);color:var(--gold-deep);font-size:var(--fs-xs);animation:sp-pulse .9s ease-in-out infinite}@keyframes sp-pulse{0%,to{box-shadow:0 3px #7a602a2e,0 0 #ffc2338c}50%{box-shadow:0 3px #7a602a2e,0 0 0 7px #ffc23300}}.sp-key.conflict{border-color:var(--melon);background:#ffe4e4;animation:sp-shake .4s ease}@keyframes sp-shake{0%,to{transform:none}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.sp-reset{width:30px;height:30px;padding:0;border:none;border-radius:var(--r-pill);background:transparent;color:var(--muted);font-size:17px;font-weight:800;font-family:inherit;cursor:pointer;transition:color var(--t-fast) ease,background var(--t-fast) ease,transform var(--t-fast) var(--ease-pop)}@media (hover: hover){.sp-reset:hover{color:var(--ink);background:var(--paper-2);transform:rotate(-60deg)}}.sp-slider{-webkit-appearance:none;appearance:none;width:100%;height:26px;margin:0;background:transparent;cursor:pointer}.sp-slider::-webkit-slider-runnable-track{height:10px;border-radius:var(--r-pill);background:#eee3c4;box-shadow:inset 0 2px #7a602a1f}.sp-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-6px;border-radius:50%;border:3px solid #ffffff;background:linear-gradient(180deg,var(--gold-2),var(--gold));box-shadow:0 3px 0 var(--gold-shadow);transition:transform var(--t-fast) var(--ease-pop)}.sp-slider::-webkit-slider-thumb:hover{transform:scale(1.12)}.sp-slider::-moz-range-track{height:10px;border-radius:var(--r-pill);background:#eee3c4;box-shadow:inset 0 2px #7a602a1f}.sp-slider::-moz-range-progress{height:10px;border-radius:var(--r-pill);background:var(--gold-2)}.sp-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:3px solid #ffffff;background:linear-gradient(180deg,var(--gold-2),var(--gold));box-shadow:0 3px 0 var(--gold-shadow)}.sp-switch{-webkit-appearance:none;appearance:none;width:46px;height:26px;margin:0;justify-self:end;position:relative;border-radius:var(--r-pill);border:3px solid #ffffff;background:#e6d9b4;box-shadow:0 3px #7a602a33;cursor:pointer;transition:background var(--t-fast) ease}.sp-switch:after{content:"";position:absolute;top:50%;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px #7a602a40;transform:translateY(-50%);transition:left var(--t-pop) var(--ease-pop)}.sp-switch:checked{background:linear-gradient(180deg,var(--leaf),var(--green))}.sp-switch:checked:after{left:22px}.sp-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding-top:var(--sp-3);border-top:3px solid #eee3c4}.sp-foot .primary-btn{margin-top:0;padding:12px 32px}.home-links{display:flex;align-items:center;justify-content:center;gap:var(--sp-4)}.home-links .link-btn{display:inline-flex;align-items:center;gap:6px}.home-links .ic svg{width:15px;height:15px}.corner-tools{position:fixed;right:14px;bottom:14px;z-index:12;display:flex;align-items:center;gap:var(--sp-2);pointer-events:none}.corner-tools button{pointer-events:auto}.mm-audio-toggles{display:flex;align-items:center;gap:var(--sp-2)}.mm-audio-toggles button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;border:var(--btn-line);background:var(--paper);color:var(--ink-2);cursor:pointer;box-shadow:var(--shadow-btn);transition:transform var(--t-fast) var(--ease-pop),box-shadow var(--t-fast) ease,color var(--t-fast) ease,background var(--t-fast) ease}@media (hover: hover){.mm-audio-toggles button:hover{transform:translateY(-2px);color:var(--ink);box-shadow:0 7px #7a602a47}}.mm-audio-toggles button:active{transform:translateY(2px);box-shadow:var(--shadow-btn-down)}.mm-audio-toggles button.is-muted{color:var(--muted);background:var(--paper-2)}.mm-audio-toggles svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.sp-gear{width:46px;height:46px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:var(--btn-line);background:var(--paper);color:var(--ink-2);cursor:pointer;box-shadow:var(--shadow-btn);transition:transform var(--t-fast) var(--ease-pop),box-shadow var(--t-fast) ease,color var(--t-fast) ease}.sp-gear svg{width:26px;height:26px;transition:transform .35s var(--ease-pop)}@media (hover: hover){.sp-gear:hover{transform:translateY(-2px);color:var(--ink);box-shadow:0 7px #7a602a47}.sp-gear:hover svg{transform:rotate(90deg)}}.sp-gear:active{transform:translateY(2px);box-shadow:var(--shadow-btn-down)}html.reduced-motion *,html.reduced-motion *:before,html.reduced-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}html.reduced-motion .confetti{display:none}html.reduced-motion .res-row.win:after{display:none}html.reduced-motion .go-txt{animation:go-fade .9s ease both!important;animation-duration:.9s!important}html.hide-hints .mp-hint{display:none}