:root{--paper:#fdf4e2;--paper-deep:#f6e6c8;--paper-bright:#fffcf3;--ink:#0a233b;--ink-soft:#3d5268;--line:#213549;--orange:#f2612b;--orange-dark:#a62c00;--orange-soft:#ffd6c4;--blue:#1882c0;--blue-dark:#004670;--blue-soft:#bce1f8;--mint:#8de0b0;--mint-dark:#005937;--yellow:#ffcd4f;--yellow-dark:#734d00;--red:#cc342d;--shadow-hard:4px 4px 0 var(--ink);--shadow-small:2px 2px 0 var(--ink);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem}@supports (color:lab(0% 0 0)){:root{--paper:lab(96.6229% .715822 10.0147);--paper-deep:lab(92.0076% 2.18314 16.681);--paper-bright:lab(98.9046% .168651 5.3638);--ink:lab(12.7616% -2.25213 -18.557);--ink-soft:lab(33.7753% -3.61754 -15.5436);--line:lab(20.9881% -3.08484 -15.4058);--orange:lab(60.1649% 55.064 57.6655);--orange-dark:lab(38.1797% 50.8217 57.2606);--orange-soft:lab(89.1622% 16.6098 17.5852);--blue:lab(51.0165% -11.4315 -41.2608);--blue-dark:lab(27.7511% -6.19344 -32.1243);--blue-soft:lab(87.3508% -8.88231 -15.3474);--mint:lab(82.8382% -33.8424 14.9295);--mint-dark:lab(32.8049% -31.6211 13.1448);--yellow:lab(85.2114% 8.96087 66.9515);--yellow-dark:lab(36.1135% 13.1924 54.1769);--red:lab(47.0999% 59.4346 42.4083)}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.user-avatar{flex-shrink:0;place-items:center;display:inline-grid;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%;display:block}.drawn-avatars>span>.user-avatar,.identity-spy-partner i>.user-avatar,.mission-reviewed-list i>.user-avatar{border-radius:inherit;width:100%;height:100%}.player-name .player-title,.spectator-name .player-title{background:var(--yellow);width:fit-content;max-width:100%;color:var(--ink);border:1px solid var(--ink);overflow-wrap:anywhere;border-radius:2px;margin:.25rem 0 0;padding:.08rem .35rem;font-size:.62rem;line-height:1.4;display:block}.profile-editor{margin-top:1.5rem}.profile-avatar-wrap{width:fit-content;position:relative}.profile-editor .account-avatar{margin-top:0}.avatar-upload-button{border:1.5px solid var(--ink);background:var(--paper-bright);cursor:pointer;width:2.5rem;height:2.5rem;box-shadow:2px 2px 0 var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-.15rem;right:-.5rem}.avatar-upload-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.avatar-upload-button:focus-within{outline:3px solid var(--blue);outline-offset:3px}.avatar-upload-button.is-disabled{opacity:.5}.profile-name-row{align-items:center;gap:.25rem;margin-top:.75rem;display:flex}.profile-name-row h2{overflow-wrap:anywhere;flex:1;min-width:0}.profile-edit-button{cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;display:grid}.profile-editor-help{color:var(--ink-soft);margin:.75rem 0;font-size:.65rem;line-height:1.8}.profile-name-form{gap:.5rem;padding-top:.75rem;font-size:.75rem;display:grid}.profile-name-form input{background:var(--paper-bright);border:1px solid var(--ink);width:100%;min-width:0;color:var(--ink);padding:.6rem}.profile-name-form>div,.avatar-preview>div{gap:.5rem;display:flex}.profile-name-form button,.avatar-preview button{background:var(--paper-bright);border:1px solid var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:.35rem;min-height:2.75rem;padding:.45rem .65rem;display:inline-flex}.profile-name-form button[type=submit],.avatar-preview button:first-child{background:var(--mint)}.avatar-preview{border:1px dashed var(--ink);background:var(--paper);text-align:center;margin-top:1rem;padding:.75rem}.avatar-preview img{aspect-ratio:1;object-fit:cover;border:1px solid var(--ink);width:min(100%,160px);height:auto}.avatar-preview p{margin:.4rem 0 .6rem;font-size:.65rem}.avatar-preview>div{justify-content:center;font-size:.7rem}.profile-reset-avatar{text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:.4rem 0;font-size:.65rem;text-decoration:underline}.profile-feedback{background:var(--mint);color:var(--ink);padding:.6rem;font-size:.7rem}.profile-feedback.is-error{color:var(--red);background:var(--paper-bright)}.account-level{border-top:1px dashed var(--ink);margin-top:1.25rem;padding-top:1rem}.account-level>div{justify-content:space-between;align-items:center;gap:.5rem;font-size:.68rem;display:flex}.level-tag{background:var(--ink);color:var(--yellow);padding:.3rem .55rem;font:400 1.1rem ZCOOL KuaiLe,sans-serif}.account-level progress,.achievement-item progress{appearance:none;border:1px solid var(--ink);background:var(--paper-bright);border-radius:0;width:100%;height:.45rem;display:block;overflow:hidden}.account-level progress{margin-top:.75rem}.account-level progress::-webkit-progress-bar{background:var(--paper-bright)}.achievement-item progress::-webkit-progress-bar{background:var(--paper-bright)}.account-level progress::-webkit-progress-value{background:var(--ink)}.account-level progress::-moz-progress-bar{background:var(--ink)}.account-level p{text-align:right;margin:.3rem 0 0;font-size:.65rem}.account-worn-title{border:1px solid var(--ink);background:var(--paper-bright);width:fit-content;box-shadow:2px 2px 0 var(--ink);margin:1rem 0 0;padding:.35rem .65rem;font-size:.8rem}.account-table-scroll time{color:var(--ink-soft);margin-top:.4rem;font-size:.65rem;font-weight:500;display:block}.achievement-album{background:var(--paper-bright);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);margin-top:3rem}.album-heading{border-bottom:2px solid var(--ink);background:var(--paper-deep);justify-content:space-between;align-items:center;gap:2rem;padding:2rem 2.25rem;display:flex}.album-heading h2{flex-wrap:wrap;align-items:center;gap:1rem;margin:.25rem 0 .65rem;font:400 clamp(2rem,4vw,2.9rem) ZCOOL KuaiLe,sans-serif;display:flex}.album-edition{border:1px solid var(--orange-dark);color:var(--orange-dark);padding:.2rem .4rem;font:700 .7rem Noto Sans SC Variable,sans-serif;display:inline-block;transform:rotate(-7deg)}.album-heading p{color:var(--ink-soft);margin:0;font-size:.8rem}.album-count{text-align:center;border-left:1px dashed var(--ink);flex-shrink:0;padding-left:2rem}.album-count strong{font-variant-numeric:tabular-nums;font-size:2.3rem;display:block}.album-count strong span{font-size:1rem;font-weight:500}.album-count small{font-size:.7rem}.album-toolbar{border-bottom:1px dashed var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2.25rem;display:flex}.album-filters{gap:.4rem;display:flex}.album-filters button{cursor:pointer;background:0 0;border:1px solid #0000;min-height:2.75rem;padding:.5rem .8rem;font-size:.75rem}.album-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper-bright);border-color:var(--ink)}.equipped-title{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.equipped-title strong{font-weight:750}.equipped-title button{text-underline-offset:3px;cursor:pointer;background:0 0;border:0;min-height:2.75rem;font-size:.7rem;text-decoration:underline}.achievement-track{grid-template-columns:180px minmax(0,1fr);gap:1.5rem;margin-inline:2.25rem;padding:1.75rem 0;display:grid}.achievement-track+.achievement-track{border-top:1px dashed color-mix(in oklch, var(--ink) 50%, var(--paper))}.achievement-track>header{padding-top:1.75rem}.track-number{color:var(--orange-dark);border-bottom:2px solid var(--orange-dark);font-size:.75rem;font-weight:750;display:inline-block}.achievement-track h3{margin:.6rem 0 .4rem;font:400 1.4rem ZCOOL KuaiLe,sans-serif}.achievement-track header p{color:var(--ink-soft);max-width:10rem;margin:0;font-size:.72rem;line-height:1.8}.achievement-milestones{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.achievement-item{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:.35rem;padding:1rem .7rem .75rem;transition:background .18s ease-out,border-color .18s ease-out;display:flex;position:relative}.achievement-item.is-equipped{border:1px solid var(--mint-dark);background:color-mix(in oklch, var(--mint) 22%, var(--paper-bright))}.achievement-item:disabled{opacity:1}.achievement-item.is-locked{cursor:default}.achievement-medal{--medal-color:var(--orange-soft);--ribbon-color:var(--orange);--medal-core:var(--paper-bright);width:100px;height:116px;display:block;position:relative}.achievement-medal.tier-2{--medal-color:var(--blue-soft);--ribbon-color:var(--blue)}.achievement-medal.tier-3{--medal-color:var(--yellow);--ribbon-color:var(--orange)}.achievement-medal.is-locked{--medal-color:var(--paper-deep);--ribbon-color:var(--paper-deep);--medal-core:var(--paper-bright);color:var(--ink-soft)}.medal-outline{width:100%;height:100%;display:block;overflow:visible}.medal-seal{fill:var(--medal-color);stroke:currentColor;stroke-width:1.5px}.medal-ribbon{fill:var(--ribbon-color);stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round}.medal-ring{fill:var(--medal-core);stroke:currentColor;stroke-width:1px;stroke-dasharray:2 3}.medal-shine{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}.medal-symbol{width:31%;height:27%;position:absolute;top:27%;left:34%}.medal-tier{text-align:center;width:30%;color:var(--ink);font-size:.65rem;font-weight:800;position:absolute;top:77%;left:40%}.achievement-name{margin-top:.15rem;font-size:.9rem;font-weight:800}.achievement-condition{color:var(--ink-soft);font-size:.65rem}.achievement-item progress{border-color:var(--ink-soft);width:min(100%,130px);height:.3rem;margin-top:.35rem}.achievement-item progress::-webkit-progress-value{background:var(--mint-dark)}.achievement-item progress::-moz-progress-bar{background:var(--mint-dark)}.achievement-state{min-height:1.5rem;color:var(--mint-dark);justify-content:center;align-items:center;gap:.25rem;font-size:.65rem;display:inline-flex}.is-locked .achievement-state{color:var(--ink-soft)}.album-rules{border-top:1px dashed var(--ink);background:var(--paper);margin:0;padding:1rem 2.25rem}.album-rules p{max-width:60rem;line-height:1.9}.album-message{background:var(--mint);margin:0;padding:.7rem 2.25rem;font-size:.75rem}.album-message.is-error{background:var(--orange-soft);color:var(--red)}.album-empty{padding:2rem;font-size:.85rem}@media (hover:hover){.achievement-item.is-unlocked:not(:disabled):hover{border-color:var(--ink);background:var(--paper-deep)}.achievement-item.is-unlocked:hover .achievement-medal{transform:translateY(-3px)rotate(-3deg)}.achievement-medal{transition:transform .2s var(--ease-out)}}.account-page{background:repeating-linear-gradient(0deg, transparent 0 31px, color-mix(in oklch, var(--yellow) 20%, transparent) 31px 32px), var(--paper);min-height:100vh;padding:1.5rem max(1.25rem,50vw - 580px)}body:has(.account-page){min-width:0}.account-page a,a.user-chip,.account-room-link{color:inherit;text-decoration:none}.account-nav,.account-heading,.account-section-title,.account-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.account-nav{border-bottom:1px solid var(--ink);padding-bottom:1rem;font-size:.8rem}.account-nav a,.account-actions button,.account-room-link,.account-empty a{align-items:center;gap:.45rem;display:inline-flex}.account-nav a:hover,.account-empty a:hover,.account-room-link:hover{text-underline-offset:4px;text-decoration:underline}.account-heading{align-items:end;padding:2.5rem 0 2rem}.account-heading h1,.account-signed-out h1{margin:0;font:400 clamp(2.3rem,5vw,4rem)/1.15 ZCOOL KuaiLe,sans-serif}.account-heading h1>span{color:var(--orange-dark)}.account-actions{flex-wrap:wrap;justify-content:end;gap:.8rem;font-size:.8rem;display:flex}.account-actions p{color:var(--red);flex-basis:100%}.account-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:2.5rem;display:grid}.account-ticket{border:1.5px solid var(--ink);background:var(--yellow);box-shadow:var(--shadow-hard);overflow-wrap:anywhere;padding:1.4rem}.account-ticket-label{border-bottom:1px dashed var(--ink);align-items:center;gap:.5rem;padding-bottom:1rem;font-size:.8rem;display:flex}.account-avatar{border:2px solid var(--ink);background:var(--paper-bright);border-radius:50%;place-items:center;width:5rem;height:5rem;margin-top:2rem;font:2.5rem ZCOOL KuaiLe,sans-serif;display:grid}.account-ticket h2{margin:1rem 0 .3rem;font-size:1.5rem}.account-email{margin:0;font-size:.8rem}.account-ticket dl{gap:1rem;margin:2rem 0;font-size:.75rem;display:grid}.account-ticket dt{color:var(--ink-soft)}.account-ticket dd{margin:.25rem 0 0}.account-private{border-top:1px dashed var(--ink);align-items:center;gap:.4rem;margin:0;padding-top:1rem;font-size:.7rem;display:flex}.account-section-title{flex-wrap:wrap;margin:0 0 1rem}.account-section-title h2{margin:0;font:400 1.6rem ZCOOL KuaiLe,sans-serif}.account-section-title>span{color:var(--ink-soft);font-size:.7rem}.account-match-stats{border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 2rem;padding:1.5rem 0 2rem;display:grid}.account-match-stats>div{text-align:center;padding-inline:.75rem}.account-match-stats>div+div{border-left:1px dashed var(--ink)}.account-match-stats dt,.account-spy-stats dt{font-size:.85rem}.account-match-stats dd,.account-spy-stats dd{font-variant-numeric:tabular-nums;margin:.45rem 0 0;font-size:clamp(1.9rem,3vw,2.7rem);font-weight:750}.account-match-stats dd small{margin-top:.2rem;font-size:.7rem;font-weight:500;display:block}.account-spy-stats{background:var(--paper-bright);border-top:1px dashed var(--ink);border-bottom:1px dashed var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem;margin:0;padding:1.3rem 0;display:grid}.account-spy-stats dt{align-items:center;gap:.4rem;display:flex}.account-spy-stats>div{text-align:center}.account-spy-stats dt{justify-content:center}.account-spy-stats dd small{font-size:.75rem;font-weight:500}.account-spy-stats p{color:var(--ink-soft);margin:.5rem 0 0;font-size:.72rem;line-height:1.8}.account-rules{margin-top:1.5rem;font-size:.75rem}.account-rules summary{cursor:pointer;width:fit-content;padding:.4rem 0}.account-rules summary:focus-visible,.account-table-scroll:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.account-rules ul{padding-left:1.2rem;line-height:1.9}.account-rules li+li{margin-top:.6rem}.account-empty{border-left:3px solid var(--ink);background:var(--mint);margin-top:1.5rem;padding:1.3rem}.account-empty h3{margin:0;font-size:1rem}.account-empty p,.account-empty a{font-size:.8rem}.account-room-records{margin-top:3rem}.account-table-scroll{border:1px solid var(--ink);background:var(--paper-bright);overflow-x:auto}.account-table-scroll table{border-collapse:collapse;width:100%;min-width:620px;font-size:.8rem}.account-table-scroll th,.account-table-scroll td{text-align:center;border-bottom:1px solid var(--paper-deep);font-variant-numeric:tabular-nums;padding:1rem}.account-table-scroll thead{background:var(--paper-deep)}.account-table-scroll th:first-child{text-align:left;width:32%}.account-table-scroll tbody th span{overflow-wrap:anywhere;max-width:23rem;display:block}.account-table-scroll tbody th small{color:var(--ink-soft);margin-top:.25rem;font-weight:500;display:inline-block}.account-footer{border-top:1px dashed var(--ink);color:var(--ink-soft);margin-top:2rem;padding:1rem 0;font-size:.75rem}.account-signed-out{flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;display:flex}.account-signed-out .primary-button{width:fit-content}.account-room-link{white-space:nowrap;font-size:.75rem}a.user-chip{overflow-wrap:anywhere;max-width:22rem}a.user-chip small{white-space:nowrap;font-size:.65rem}@media (max-width:760px){.account-page{padding-inline:1.1rem}.account-heading{flex-direction:column;align-items:start;gap:1.5rem}.account-layout{grid-template-columns:1fr;gap:2rem}.account-ticket{grid-template-columns:4rem minmax(0,1fr);column-gap:1rem;padding:1.2rem;display:grid}.account-ticket-label,.account-ticket dl,.account-private{grid-column:1/-1}.account-avatar{grid-row:2/4;width:4rem;height:4rem;margin-top:1rem;font-size:2rem}.account-ticket h2{margin-top:1rem;font-size:1.25rem}.account-ticket dl{grid-template-columns:1fr 1fr;margin:1.4rem 0}.account-match-stats>div+div{padding-left:.7rem}.account-match-stats dd{font-size:1.85rem}.account-spy-stats{grid-template-columns:1fr;gap:0;padding:0}.account-spy-stats>div{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:1rem 0;display:grid}.account-spy-stats>div+div{border-top:1px dashed var(--ink)}.account-spy-stats dd{grid-area:1/2/3;margin:0;padding-left:1rem}.account-spy-stats p{grid-column:1}.account-nav{font-size:.72rem}.account-room-link{font-size:.65rem}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:var(--paper);font-kerning:normal;margin:0;font-family:Noto Sans SC Variable,Microsoft YaHei,sans-serif;font-size:1rem;font-weight:540;line-height:1.5}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}.skip-link{z-index:100;color:var(--paper-bright);background:var(--ink);transition:transform .18s var(--ease-out);padding:.65rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.home-page{min-height:100vh;padding:max(1.25rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));background:radial-gradient(circle at 12% 22%, var(--orange-soft) 0 2px, transparent 2.5px) 0 0 / 38px 38px, linear-gradient(90deg, transparent 49.7%, #d2cab9 50%, transparent 50.3%) 0 0 / 112px 112px, var(--paper);flex-direction:column;display:flex;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.home-page{background:radial-gradient(circle at 12% 22%, var(--orange-soft) 0 2px, transparent 2.5px) 0 0 / 38px 38px, linear-gradient(90deg, transparent 49.7%, lab(81.5265% 1.00508 9.61956) 50%, transparent 50.3%) 0 0 / 112px 112px, var(--paper)}}.home-page:before{content:"";pointer-events:none;border:2px dashed var(--orange);opacity:.45;border-radius:50%;width:11rem;height:11rem;position:absolute;top:8.5rem;right:-4.5rem}.home-nav,.home-hero,.table-preview{width:min(100%,74rem);margin-inline:auto}.home-nav{z-index:4;animation:nav-enter .52s var(--ease-out-expo) both;justify-content:space-between;align-items:center;display:flex;position:relative}.brand-mark{letter-spacing:.03em;white-space:nowrap;align-items:center;gap:.65rem;font-family:ZCOOL KuaiLe,Noto Sans SC Variable,sans-serif;font-size:1.55rem;display:flex}.brand-mark strong{color:var(--orange-dark);font-weight:inherit}.brand-burst{width:2.6rem;height:2.6rem;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:var(--shadow-small);border-radius:44% 56% 48% 52%/54% 44% 56% 46%;place-items:center;display:grid;transform:rotate(-6deg)}.brand-burst svg{animation:penguin-nod 4.8s 1.1s var(--ease-out-quart) infinite}.site-footer{width:min(100%,74rem);color:var(--ink-soft);letter-spacing:.08em;text-align:center;justify-content:center;align-items:center;gap:.45rem;margin:auto auto 0;padding:1.5rem 0 .25rem;font-size:.68rem;font-weight:620;display:flex}.site-footer a{color:inherit;-webkit-text-decoration-color:color-mix(in srgb, currentColor 55%, transparent);text-decoration-color:color-mix(in srgb, currentColor 55%, transparent);text-underline-offset:.18em}.site-footer a:hover{color:var(--ink)}.room-page>.site-footer{width:min(100% - 2rem,76rem);padding-top:1.75rem}.brand-mark-compact{font-size:1.25rem}.brand-mark-compact .brand-burst{width:2.15rem;height:2.15rem}.nav-actions{align-items:center;gap:.65rem;display:flex}.online-note{color:var(--ink-soft);align-items:center;gap:.45rem;margin-right:.5rem;font-size:.78rem;display:none}.online-dot,.live-dot{background:var(--mint-dark);border:1px solid var(--ink);width:.55rem;height:.55rem;box-shadow:0 0 0 3px var(--mint);border-radius:50%}.text-button,.nav-register,.user-chip,.icon-close,.leave-button{cursor:pointer;border:0;min-height:2.75rem}.text-button{background:0 0;padding-inline:.8rem;font-weight:760}.nav-register,.user-chip{background:var(--paper-bright);border:2px solid var(--ink);box-shadow:var(--shadow-small);transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out);border-radius:999px;padding:.55rem 1rem;font-weight:760}.nav-register:active,.user-chip:active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.user-chip{align-items:center;gap:.5rem;display:flex}.mini-avatar{width:1.7rem;height:1.7rem;color:var(--ink);background:var(--yellow);border:1.5px solid var(--ink);border-radius:50%;place-items:center;font-family:ZCOOL KuaiLe,sans-serif;font-size:.8rem;display:inline-grid}.auth-strip{z-index:5;background:var(--yellow);border:2px solid var(--ink);width:min(100%,74rem);box-shadow:var(--shadow-hard);animation:strip-in .38s var(--ease-out) both;gap:1.25rem;margin:1.5rem auto 0;padding:1.25rem 3.5rem 1.25rem 1.25rem;display:grid;position:relative}@keyframes strip-in{0%{opacity:0;transform:translateY(-.75rem)rotate(-.3deg)}to{opacity:1;transform:translateY(0)rotate(0)}}.auth-strip h2{margin:.15rem 0 0;font-family:ZCOOL KuaiLe,sans-serif;font-size:1.5rem;font-weight:400}.auth-strip form{gap:.75rem;display:grid}.auth-strip label{color:var(--yellow-dark);gap:.25rem;font-size:.75rem;font-weight:760;display:grid}.auth-strip input{width:100%;min-height:2.75rem;color:var(--ink);background:var(--paper-bright);border:1.5px solid var(--ink);transition:border-color .18s linear, box-shadow .22s var(--ease-out-quart), transform .22s var(--ease-out-quart);border-radius:.35rem;padding:.55rem .75rem}.auth-strip input:focus{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.icon-close{background:0 0;place-items:center;width:2.75rem;padding:0;display:grid;position:absolute;top:.75rem;right:.75rem}.form-error{color:var(--red);margin:-.45rem 0 0;font-size:.72rem;font-weight:720}.room-notice{z-index:4;width:min(100%,31rem);color:var(--mint-dark);background:var(--mint);border:1.5px solid var(--ink);box-shadow:var(--shadow-small);animation:strip-in .38s var(--ease-out-expo) both;align-items:center;gap:.45rem;margin:1.25rem auto 0;padding:.65rem .85rem;font-size:.76rem;font-weight:780;display:flex;position:relative}.auth-error{align-self:end;margin:0}.home-hero{z-index:2;flex:1;align-items:center;gap:3.5rem;padding-block:clamp(4rem,9vw,7.5rem) 4rem;display:grid;position:relative}.hero-copy{max-width:39rem;position:relative}.hero-copy .kicker,.hero-copy h1,.hero-copy>p{animation:hero-line-enter .62s var(--ease-out-expo) both}.hero-copy h1{animation-delay:90ms}.hero-copy>p{animation-delay:.18s}.kicker,.eyebrow{color:var(--orange-dark);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.76rem;font-weight:850;display:inline-flex}.kicker{color:var(--ink);background:var(--yellow);border:1.5px solid var(--ink);box-shadow:var(--shadow-small);padding:.45rem .75rem;transform:rotate(-1.2deg)}.hero-copy h1{letter-spacing:-.055em;margin:1.5rem 0 1.25rem;font-family:ZCOOL KuaiLe,Noto Sans SC Variable,sans-serif;font-size:clamp(3.55rem,9vw,6.8rem);font-weight:400;line-height:.98}.scribble-circle{color:var(--orange-dark);white-space:nowrap;position:relative}.scribble-circle:after{content:"";border-top:.045em solid var(--orange);border-radius:50%;height:.18em;position:absolute;bottom:-.06em;left:-.08em;right:-.08em;transform:rotate(-1deg)}.hero-copy>p{max-width:34rem;color:var(--ink-soft);margin:0;font-size:clamp(1rem,2vw,1.18rem);line-height:1.8}.hero-notes{flex-wrap:wrap;gap:.65rem 1.1rem;margin-top:1.5rem;display:flex}.hero-notes span{align-items:center;gap:.35rem;font-size:.82rem;font-weight:720;display:flex}.hero-notes svg{color:var(--paper-bright);background:var(--mint-dark);border-radius:50%;padding:2px}.entry-board{background:var(--paper-bright);border:2px solid var(--ink);width:100%;max-width:31rem;box-shadow:7px 7px 0 var(--ink);animation:board-enter .68s .14s var(--ease-out-expo) both;justify-self:center;position:relative;transform:rotate(.45deg)}.board-tape{z-index:2;background:#f0d8a2d1;background:lab(87.4843% 2.80949 30.0675/.82);border:1px solid #c4ae868c;border:1px solid lab(72.3071% 3.58689 23.8242/.55);width:7rem;height:1.8rem;position:absolute;top:-1rem;left:50%;transform:translate(-50%)rotate(-2deg)}.entry-tabs{border-bottom:2px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.entry-tabs button{background:var(--paper-deep);cursor:pointer;border:0;justify-content:center;align-items:center;gap:.5rem;min-height:3.75rem;font-weight:800;transition:background-color .2s linear,color .2s linear;display:flex}.entry-tabs button:first-child{border-right:2px solid var(--ink)}.entry-tabs button[aria-selected=true]{background:var(--paper-bright);box-shadow:inset 0 -4px 0 var(--orange)}.entry-tabs button[aria-selected=true] svg{animation:tab-icon-in .26s var(--ease-out-quart) both}.entry-form{animation-duration:.36s;animation-timing-function:var(--ease-out-expo);gap:1.35rem;padding:1.5rem;animation-fill-mode:both;display:grid}.entry-form.is-create{animation-name:form-swap-create}.entry-form.is-join{animation-name:form-swap-join}.field-label,.entry-form legend{color:var(--ink-soft);font-size:.78rem;font-weight:780}.field-label{gap:.4rem;display:grid}.field-label>input,.password-field>span,.join-ticket input{width:100%;min-height:3.2rem;color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);transition:background-color .18s linear, box-shadow .22s var(--ease-out-quart), transform .22s var(--ease-out-quart);border-radius:.3rem;padding:.55rem .85rem;font-size:.95rem;font-weight:680}.field-label>input:focus,.password-field>span:focus-within,.join-ticket input:focus{background:var(--paper-bright);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.entry-form fieldset{border:0;min-width:0;margin:0;padding:0}.entry-form legend{margin-bottom:.45rem}.mode-picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.mode-pick{text-align:left;background:var(--paper);border:1.5px solid var(--ink);cursor:pointer;min-width:0;min-height:6.8rem;transition:transform .16s var(--ease-out), background-color .16s var(--ease-out), box-shadow .16s var(--ease-out);border-radius:.35rem;grid-template-columns:auto 1fr;align-items:start;gap:.65rem;padding:.85rem;display:grid;position:relative}.mode-pick[aria-pressed=true]{background:var(--orange-soft);box-shadow:var(--shadow-small);transform:translate(-1px,-1px)}.mode-icon{border:1.5px solid var(--ink);border-radius:50%;place-items:center;width:2.35rem;height:2.35rem;display:grid;position:relative}.mode-pick .mode-icon>small{width:1.1rem;height:1.1rem;color:var(--ink);background:var(--yellow);border:1px solid var(--ink);text-align:center;border-radius:50%;place-items:center;font-size:.55rem;line-height:1;display:grid;position:absolute;bottom:-.3rem;right:-.35rem}.classic-icon{background:var(--mint)}.spy-icon{color:var(--paper-bright);background:var(--orange)}.mode-pick strong,.mode-pick small{display:block}.team-method-field{gap:.55rem;display:grid}.team-method-picks{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.method-pick{text-align:left;background:var(--paper);border:1.5px solid var(--ink);cursor:pointer;min-width:0;min-height:3.7rem;transition:transform .18s var(--ease-out-quart), background-color .18s linear, box-shadow .18s var(--ease-out-quart);border-radius:.35rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.7rem .8rem;display:grid}.method-pick>span{min-width:0}.method-pick strong,.method-pick small{display:block}.method-pick strong{font-size:.78rem}.method-pick small{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:.08rem;font-size:.6rem;overflow:hidden}.method-pick>svg:last-child{opacity:0;transition:opacity .16s linear, transform .22s var(--ease-out-expo);transform:scale(.6)rotate(-20deg)}.method-pick[aria-pressed=true]{background:var(--blue-soft);box-shadow:var(--shadow-small);transform:translate(-1px,-1px)}.method-pick[aria-pressed=true]>svg:last-child{opacity:1;transform:scale(1)rotate(0)}.addon-preview{color:var(--ink-soft);justify-content:space-between;align-items:center;margin:0;padding:.35rem .1rem 0;font-size:.62rem;display:flex}.addon-preview span{font-weight:780}.addon-picks{grid-template-columns:.8fr 1.2fr;gap:.65rem;padding-top:.1rem;display:grid}.addon-picks button{text-align:left;background:var(--paper);border:1.5px dashed var(--ink-soft);cursor:pointer;min-width:0;min-height:3.4rem;transition:background-color .18s linear, border-color .18s linear, box-shadow .18s var(--ease-out-quart), transform .18s var(--ease-out-quart);border-radius:.3rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.58rem .7rem;display:grid}.addon-picks button:first-child{grid-template-columns:minmax(0,1fr) auto}.addon-picks button>span{min-width:0}.addon-picks strong,.addon-picks small{display:block}.addon-picks strong{font-size:.72rem}.addon-picks small{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:.05rem;font-size:.56rem;overflow:hidden}.addon-picks button>svg:last-child{opacity:0;transition:opacity .16s linear, transform .22s var(--ease-out-expo);transform:scale(.7)}.addon-picks button[aria-pressed=true]{background:var(--yellow);border-style:solid;border-color:var(--ink);box-shadow:var(--shadow-small);transform:translate(-1px,-1px)}.addon-picks button[aria-pressed=true]>svg:last-child{opacity:1;transform:scale(1)}.mode-pick strong{margin-top:.1rem;font-size:.88rem}.mode-pick small{color:var(--ink-soft);margin-top:.25rem;font-size:.68rem;font-weight:580;line-height:1.45}.radio-mark{color:#0000;border:1.5px solid var(--ink-soft);width:1.2rem;height:1.2rem;transition:color .18s linear, background-color .18s linear, transform .22s var(--ease-out-quart);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:.5rem;right:.5rem}.mode-pick[aria-pressed=true] .radio-mark{color:var(--paper-bright);background:var(--orange-dark);border-color:var(--ink);transform:rotate(-8deg)scale(1.08)}.form-split{grid-template-columns:1.1fr .9fr;align-items:end;gap:1rem;display:grid}.auto-size-note{background:var(--mint);border:1.5px solid var(--ink);border-radius:.3rem;align-items:center;gap:.6rem;min-height:3.2rem;padding:.55rem .7rem;display:flex}.auto-size-note svg{flex:none}.auto-size-note span,.auto-size-note small,.auto-size-note strong{display:block}.auto-size-note small{color:var(--mint-dark);font-size:.6rem}.auto-size-note strong{font-size:.72rem}.size-pills{border:1.5px solid var(--ink);border-radius:.3rem;min-height:3.2rem;display:flex;overflow:hidden}.size-pills button{background:var(--paper);border:0;border-right:1px solid var(--ink);cursor:pointer;flex:1;padding:.5rem;font-size:.8rem;font-weight:780}.size-pills button:last-child{border-right:0}.size-pills button[aria-pressed=true]{color:var(--paper-bright);background:var(--ink)}.password-field>span{align-items:center;gap:.35rem;padding-inline:.75rem;display:flex}.password-field input{background:0 0;border:0;outline:0;min-width:0;padding:0}.primary-button,.secondary-button,.spy-action{border:2px solid var(--ink);cursor:pointer;min-height:3.25rem;transition:transform .15s var(--ease-out), box-shadow .15s var(--ease-out), background-color .15s linear;border-radius:.35rem;justify-content:center;align-items:center;gap:.55rem;padding:.65rem 1.2rem;font-weight:820;display:inline-flex;position:relative}.primary-button,.spy-action{overflow:hidden}.primary-button:after,.spy-action:after{content:"";background:color-mix(in srgb, var(--paper-bright) 35%, transparent);pointer-events:none;width:24%;transition:transform .42s var(--ease-out-expo);position:absolute;inset:-30% auto -30% -35%;transform:skew(-18deg)translate(-260%)}.primary-button:hover:after,.spy-action:hover:after{transform:skew(-18deg)translate(760%)}.primary-button{color:var(--paper-bright);background:var(--orange);box-shadow:var(--shadow-hard)}.secondary-button{background:var(--paper-bright);box-shadow:var(--shadow-small)}.primary-button:active,.secondary-button:active,.spy-action:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.compact-button{min-height:2.75rem;box-shadow:var(--shadow-small);align-self:end}.create-room-button{width:100%}.demo-link{cursor:pointer;min-height:2.75rem;color:var(--ink-soft);background:0 0;border:0;justify-content:center;align-items:center;gap:.25rem;margin-top:-.55rem;font-size:.78rem;font-weight:720;display:inline-flex}.join-form{gap:1.6rem;padding-block:2rem}.join-ticket{background:var(--yellow);border-block:1.5px dashed var(--ink);gap:1rem;padding:1.25rem;display:grid;position:relative}.join-ticket label{color:var(--yellow-dark);gap:.35rem;font-size:.76rem;font-weight:780;display:grid}.join-ticket input{background:var(--paper-bright)}.join-ticket label:first-of-type input{font-variant-numeric:tabular-nums;letter-spacing:.45em;text-align:center;font-size:1.5rem}.ticket-hole{background:var(--paper-bright);border:1.5px solid var(--ink);border-radius:50%;width:1.15rem;height:1.15rem;position:absolute;top:50%;transform:translateY(-50%)}.ticket-hole-left{left:-.65rem}.ticket-hole-right{right:-.65rem}.privacy-note{color:var(--ink-soft);justify-content:center;align-items:center;gap:.35rem;margin:-.75rem 0 0;font-size:.72rem;display:flex}.table-preview{z-index:2;background:var(--ink);color:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--orange);align-items:center;gap:1.5rem;padding:1.35rem 1.5rem;display:grid;position:relative}.preview-caption strong,.preview-caption span{display:block}.preview-caption .eyebrow{color:var(--yellow)}.preview-caption strong{margin-top:.15rem;font-size:1rem}.avatar-run{justify-content:center;align-items:flex-start;display:flex}.preview-avatar,.preview-more{justify-items:center;width:3rem;margin-left:-.35rem;display:grid;position:relative}.preview-avatar>span,.preview-more{width:2.7rem;height:2.7rem;color:var(--ink);border:2px solid var(--ink);border-radius:50%;place-items:center;font-family:ZCOOL KuaiLe,sans-serif;display:grid}.preview-avatar small{color:var(--paper-deep);white-space:nowrap;margin-top:.25rem;font-size:.62rem}.preview-more{color:var(--ink);background:var(--paper-deep);align-content:center;font-size:.74rem;line-height:1}.preview-more small{margin-top:.15rem;font-size:.55rem}.avatar-tone-1{background:var(--yellow)!important}.avatar-tone-2{background:var(--mint)!important}.avatar-tone-3{background:var(--orange-soft)!important}.avatar-tone-4{background:var(--blue-soft)!important}.preview-rule{justify-self:center;align-items:center;gap:.65rem;display:flex}.preview-rule svg{color:var(--orange)}.preview-rule span,.preview-rule strong,.preview-rule small{display:block}.preview-rule strong{font-size:.82rem}.preview-rule small{color:var(--paper-deep);font-size:.65rem;font-weight:520}.room-page{min-height:100vh;padding-bottom:max(2rem, env(safe-area-inset-bottom));background:linear-gradient(var(--paper-deep) 1px, transparent 1px) 0 0 / 100% 28px, var(--paper);animation:page-fade-in .36s var(--ease-out-quart) both}.room-header{z-index:10;min-height:4.5rem;padding:max(.75rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) .75rem max(1.25rem, env(safe-area-inset-left));background:var(--paper-bright);border-bottom:2px solid var(--ink);animation:room-header-enter .48s var(--ease-out-expo) both;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:1.2rem;display:grid;position:relative}.round-title{border-left:1px solid var(--ink);min-width:0;padding-left:1.1rem}.round-title span,.round-title small{display:block}.round-title span{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:800;overflow:hidden}.round-title small{color:var(--ink-soft);margin-top:.1rem;font-size:.68rem}.room-code{background:var(--yellow);border:1.5px dashed var(--ink);cursor:pointer;min-height:2.75rem;transition:transform .18s var(--ease-out-quart), box-shadow .18s var(--ease-out-quart), background-color .18s linear;border-radius:.25rem;align-items:center;gap:.45rem;padding:.35rem .75rem;display:flex}.room-code:active{box-shadow:none;transform:translate(1px,1px)scale(.98)}.room-code span{color:var(--yellow-dark);font-size:.66rem}.room-code strong{font-variant-numeric:tabular-nums;letter-spacing:.11em;font-size:.95rem}.room-user{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;min-width:5.4rem;display:grid}.room-user>.mini-avatar{flex:none;width:2rem;height:2rem;line-height:1;display:grid}.room-user-copy{align-content:center;gap:.12rem;min-width:0;line-height:1;display:grid}.room-user-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:800;line-height:1.1;overflow:hidden}.room-user-copy small{color:var(--orange-dark);align-items:center;gap:.18rem;font-size:.6rem;font-weight:760;line-height:1;display:flex}.room-user-copy small svg{flex:none}.leave-button{color:var(--ink-soft);background:0 0;align-items:center;gap:.35rem;padding:.4rem .6rem;font-size:.72rem;font-weight:720;display:flex}.room-header-actions{white-space:nowrap;align-items:center;gap:.15rem;display:flex}.dissolve-button{min-height:2.75rem;color:var(--red);cursor:pointer;background:0 0;border:0;align-items:center;gap:.3rem;padding:.4rem .55rem;font-size:.72rem;font-weight:760;display:flex}.dissolve-dialog{width:min(100% - 2rem,24rem);color:var(--ink);background:var(--paper-bright);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);margin:auto;padding:1.5rem}.dissolve-dialog[open]{animation:dialog-enter .3s var(--ease-out-expo) both}.dissolve-dialog::backdrop{background:#0917257a;background:lab(7.11167% -1.80258 -11.8373/.48);animation:.22s ease-out both backdrop-enter}.dissolve-mark{width:2.5rem;height:2.5rem;color:var(--paper-bright);background:var(--red);border:1.5px solid var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:1.15rem;right:1.15rem;transform:rotate(6deg)}.dissolve-dialog h2{margin:.25rem 3rem .35rem 0;font-family:ZCOOL KuaiLe,Noto Sans SC Variable,sans-serif;font-size:1.85rem;font-weight:400}.dissolve-dialog>p{color:var(--ink-soft);margin:0;font-size:.8rem}.dissolve-actions{grid-template-columns:.8fr 1.2fr;gap:.65rem;margin-top:1.35rem;display:grid}.dissolve-actions button{width:100%}.danger-button{min-height:2.9rem;color:var(--paper-bright);background:var(--red);border:2px solid var(--ink);box-shadow:var(--shadow-small);cursor:pointer;transition:transform .18s var(--ease-out-quart), box-shadow .18s var(--ease-out-quart);padding:.55rem .9rem;font-weight:820}.danger-button:active{box-shadow:none;transform:translate(2px,2px)}.step-rail{z-index:3;width:min(100% - 2rem,46rem);animation:rail-enter .52s 90ms var(--ease-out-expo) both;justify-content:center;align-items:center;margin:1.1rem auto 0;display:flex;position:relative}.step-item{color:var(--ink-soft);flex:1;justify-content:center;align-items:center;gap:.35rem;font-size:.68rem;font-weight:720;display:flex}.step-item>span{background:var(--paper);border:1.5px solid var(--ink-soft);width:1.55rem;height:1.55rem;transition:color .24s linear, background-color .24s linear, transform .26s var(--ease-out-quart), box-shadow .26s var(--ease-out-quart);border-radius:50%;place-items:center;font-size:.65rem;display:grid}.step-item.is-current{color:var(--ink);font-weight:860}.step-item.is-current>span{color:var(--paper-bright);background:var(--orange);border-color:var(--ink);box-shadow:var(--shadow-small)}.step-item.is-done>span{color:var(--paper-bright);background:var(--mint-dark);border-color:var(--ink)}.step-item.is-current>span{animation:2.4s ease-in-out .6s infinite current-step-pulse}.room-layout{gap:1.5rem;width:min(100% - 2rem,76rem);margin:1.25rem auto 0;display:grid}.room-main{min-width:0;position:relative}.phase-frame>.stage{animation:stage-enter .48s var(--ease-out-expo) both}.action-progress{z-index:30;background:var(--orange);transform-origin:0;width:22%;height:3px;animation:action-progress .9s var(--ease-out-quart) infinite;position:absolute;top:2px;left:2px}.stage{background:var(--paper-bright);border:2px solid var(--ink);min-height:42rem;box-shadow:var(--shadow-hard);padding:clamp(1.25rem,3vw,2.25rem);position:relative;overflow:hidden}.lobby-stage{min-height:0}.stage-heading{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.stage-heading h1,.draw-copy h1,.vote-title h1,.final-stage h1{letter-spacing:-.03em;margin:.2rem 0 .35rem;font-family:ZCOOL KuaiLe,Noto Sans SC Variable,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.08}.stage-heading p,.draw-copy p,.vote-title p{color:var(--ink-soft);margin:0;font-size:.82rem}.ready-stamp{color:var(--mint-dark);border:2px solid var(--mint-dark);transition:color .24s linear, border-color .24s linear, transform .26s var(--ease-out-quart);border-radius:.2rem;flex:none;align-items:center;gap:.4rem;margin-top:.5rem;padding:.45rem .65rem;font-size:.7rem;font-weight:850;display:flex;transform:rotate(3deg)}.ready-stamp.is-waiting{color:var(--orange-dark);border-color:var(--orange-dark)}.ready-stamp:not(.is-waiting){animation:ready-stamp-in .42s var(--ease-out-expo) both}.role-picker{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.75rem;display:grid}.role-picker button{text-align:left;background:var(--paper);border:1.5px solid var(--ink);cursor:pointer;min-height:6.5rem;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), background-color .18s linear;border-radius:.35rem;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;padding:.85rem;display:grid;position:relative}.role-picker button.is-selected{box-shadow:var(--shadow-small);transform:translate(-1px,-1px)}.role-picker button.role-tank.is-selected{background:var(--blue-soft)}.role-picker button.role-damage.is-selected{background:var(--orange-soft)}.role-picker button.role-support.is-selected{background:var(--mint)}.role-big-icon{background:var(--paper-bright);border:1.5px solid var(--ink);border-radius:50%;place-items:center;width:3.3rem;height:3.3rem;display:grid}.role-picker strong,.role-picker small{display:block}.role-picker strong{font-family:ZCOOL KuaiLe,sans-serif;font-size:1.45rem;font-weight:400}.role-picker small{color:var(--ink-soft);font-size:.68rem}.role-check{background:var(--paper-bright);border:1.5px solid var(--ink);width:1.4rem;height:1.4rem;transition:color .16s linear, background-color .16s linear, transform .24s var(--ease-out-quart);border-radius:50%;place-items:center;display:grid;position:absolute;top:.45rem;right:.45rem}.is-selected .role-check{color:var(--paper-bright);background:var(--ink);transform:rotate(-8deg)scale(1.08)}.picker-help{color:var(--ink-soft);align-items:center;gap:.35rem;margin:.65rem 0 1.35rem;font-size:.68rem;display:flex}.role-confirm-bar{background:color-mix(in srgb, var(--paper) 82%, var(--mint));border:1px dashed var(--ink-soft);border-radius:.3rem;justify-content:space-between;align-items:center;gap:1rem;min-height:3.4rem;margin:.7rem 0 1.35rem;padding:.45rem .55rem .45rem .8rem;display:flex}.role-confirm-bar>span{color:var(--ink-soft);align-items:center;gap:.3rem;font-size:.68rem;font-weight:760;display:inline-flex}.role-confirm-bar .secondary-button{min-height:2.45rem;padding:.45rem .75rem;font-size:.68rem}.player-list-heading{border-top:1.5px dashed var(--ink-soft);justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.player-list-heading>div:first-child{align-items:baseline;gap:.65rem;display:flex}.player-list-heading h2{margin:0;font-size:.95rem}.player-list-heading>div>span{color:var(--ink-soft);font-size:.68rem}.lobby-settings{justify-content:flex-end;align-items:center;gap:.6rem;min-width:0;display:flex}.tiny-settings{align-items:center;gap:.2rem;display:flex}.tiny-settings button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.25rem;align-items:center;gap:.2rem;min-height:2.25rem;padding:.35rem .5rem;font-size:.64rem;font-weight:730;display:inline-flex}.tiny-settings button[aria-pressed=true]{background:var(--yellow);border-color:var(--ink)}.setting-label{margin-right:.15rem}.setting-divider{background:var(--ink-soft);width:1px;height:1.2rem;margin-inline:.2rem}.auto-team-chip{background:var(--mint);border:1px solid var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;margin-left:.35rem;padding:.3rem .45rem;font-weight:780;color:var(--mint-dark)!important;font-size:.58rem!important;display:inline-flex!important}.addon-status{color:var(--ink-soft);background:var(--paper);border:1px dashed var(--ink-soft);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:.3rem;padding:.3rem .45rem;font-size:.57rem;display:inline-flex}.addon-status>span{color:var(--ink);font-weight:780}.captain-setup{background:linear-gradient(110deg, color-mix(in srgb, var(--orange-soft) 72%, white), color-mix(in srgb, var(--blue-soft) 72%, white));border:1.5px solid var(--ink);box-shadow:2px 2px 0 color-mix(in srgb, var(--ink) 28%, transparent);animation:captain-setup-in .36s var(--ease-out-expo) both;border-radius:.35rem;grid-template-columns:minmax(12rem,.8fr) minmax(22rem,1.2fr);align-items:center;gap:1rem;margin-top:.85rem;padding:.8rem;display:grid}.captain-setup-copy,.captain-selectors,.captain-summary{align-items:center;gap:.65rem;min-width:0;display:flex}.captain-setup-icon{color:#fff;background:var(--ink);border-radius:50%;flex:none;place-items:center;width:2.45rem;height:2.45rem;display:grid}.captain-setup-copy strong,.captain-setup-copy small{display:block}.captain-setup-copy strong{font-size:.75rem}.captain-setup-copy small{color:var(--ink-soft);margin-top:.12rem;font-size:.58rem}.captain-selectors{justify-content:flex-end}.captain-selector{min-width:0;color:var(--ink-soft);gap:.18rem;font-size:.55rem;font-weight:760;display:grid}.captain-selector select,.replace-captain select{min-width:6rem;height:2.25rem;color:var(--ink);background:var(--paper-bright);border:1px solid var(--ink);border-radius:.25rem;padding:0 1.6rem 0 .55rem;font-size:.64rem;font-weight:700}.captain-selector.is-orange>span{color:var(--orange-dark)}.captain-selector.is-blue>span{color:var(--blue-dark)}.captain-random-button,.captain-save-button{min-height:2.25rem;padding:.38rem .55rem;font-size:.62rem}.captain-save-button{background:var(--yellow)}.captain-summary{justify-content:flex-end}.captain-summary>span{background:var(--paper-bright);border:1px solid var(--ink);border-radius:.25rem;gap:.1rem;min-width:8rem;padding:.4rem .55rem;display:grid}.captain-summary small{color:var(--ink-soft);font-size:.54rem}.captain-summary strong{font-size:.7rem}.player-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 1.25rem;margin-top:.75rem;display:grid}.player-row{border-bottom:1px solid var(--paper-deep);opacity:0;min-width:0;min-height:2.9rem;animation:player-enter .36s var(--ease-out-expo) both;transition:background-color .22s linear, opacity .22s linear, transform .22s var(--ease-out-quart);grid-template-columns:auto minmax(3rem,1fr) auto auto;align-items:center;gap:.55rem;padding:.35rem .5rem;display:grid}.player-row.is-me{background:var(--yellow);border:1px solid var(--ink);border-radius:.3rem}.player-row.is-offline:not(.is-me){background:#0b293e09}.player-row.is-offline .player-avatar,.player-row.is-offline .player-name,.player-row.is-offline .choice-icons{opacity:.52}.player-avatar{width:2rem;height:2rem;color:var(--ink);border:1.5px solid var(--ink);border-radius:50%;flex:none;place-items:center;font-family:ZCOOL KuaiLe,sans-serif;font-size:.72rem;display:inline-grid}.player-name{text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:760;overflow:hidden}.player-name small{color:var(--orange-dark);background:var(--orange-soft);border-radius:.2rem;margin-left:.3rem;padding:.05rem .25rem;font-size:.55rem}.player-name .owner-badge{color:var(--ink);background:var(--yellow);border:1px solid var(--ink);align-items:center;gap:.16rem;display:inline-flex}.choice-icons{gap:.18rem;display:flex}.choice-icons>span{width:1.55rem;height:1.55rem;color:var(--ink-soft);background:var(--paper);border:1px solid var(--ink-soft);border-radius:50%;place-items:center;display:grid}.ready-label{color:var(--mint-dark);align-items:center;gap:.18rem;font-size:.58rem;font-weight:760;display:flex}.ready-label.is-pending{color:var(--orange-dark)}.ready-label.is-pending svg{animation:1.2s linear infinite status-spin}.player-row-actions,.kick-confirm{align-items:center;gap:.38rem;display:flex}.presence-label{color:var(--mint-dark);white-space:nowrap;align-items:center;gap:.24rem;font-size:.56rem;font-weight:740;display:inline-flex}.presence-label i{background:var(--mint-dark);border:1px solid var(--ink);border-radius:50%;width:.42rem;height:.42rem}.presence-label.is-offline{color:var(--ink-soft)}.presence-label.is-offline i{border-color:var(--ink-soft);background:0 0}.kick-player-button,.kick-confirm button{min-height:1.75rem;color:var(--ink-soft);cursor:pointer;transition:color .16s linear, background-color .16s linear, border-color .16s linear, transform .18s var(--ease-out-quart);background:0 0;border:1px solid #0000;border-radius:.25rem;justify-content:center;align-items:center;padding:.22rem .42rem;font-size:.56rem;font-weight:740;display:inline-flex}.kick-player-button{gap:.18rem}.kick-player-button:hover{color:var(--orange-dark);background:var(--orange-soft);border-color:var(--orange-dark);transform:translateY(-1px)}.kick-player-button.is-owner-slot:disabled{color:var(--ink-soft);cursor:not-allowed;opacity:.35}.kick-confirm{background:var(--paper);border:1px solid var(--ink);border-radius:.3rem;padding:.12rem}.kick-confirm button:hover{color:var(--ink);background:var(--paper-deep)}.kick-confirm button.is-danger{color:var(--orange-dark)}.kick-confirm button.is-danger:hover{color:#fff;background:var(--orange-dark)}.kick-player-button:disabled,.kick-confirm button:disabled{cursor:wait;opacity:.5;transform:none}.host-action-bar,.game-action-bar,.vote-submit-bar{background:var(--paper-deep);border-top:2px solid var(--ink);justify-content:space-between;align-items:center;gap:1rem;margin:1.5rem calc(-1*clamp(1.25rem,3vw,2.25rem)) calc(-1*clamp(1.25rem,3vw,2.25rem));padding:1rem clamp(1.25rem,3vw,2.25rem);display:flex}.host-action-bar>div,.game-action-bar>div:first-child{align-items:center;gap:.65rem;display:flex}.host-action-bar strong,.host-action-bar small,.game-action-bar strong,.game-action-bar small{display:block}.host-action-bar strong,.game-action-bar strong{font-size:.78rem}.host-action-bar small,.game-action-bar small{color:var(--ink-soft);margin-top:.1rem;font-size:.62rem}.host-crown{background:var(--yellow);border:1.5px solid var(--ink);border-radius:50%;place-items:center;width:2.4rem;height:2.4rem;display:grid}.start-button{flex:none}.inline-error{max-width:18rem;color:var(--red);font-size:.65rem;font-weight:700}.captain-draft-stage{min-height:0;padding-bottom:0}.draft-heading{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.draft-heading h1{letter-spacing:-.03em;align-items:center;gap:.65rem;margin:.15rem 0 .3rem;font-family:ZCOOL KuaiLe,Noto Sans SC Variable,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.05;display:flex}.draft-heading p{color:var(--ink-soft);margin:0;font-size:.7rem}.draft-team-dot{border:1.5px solid var(--ink);border-radius:50%;width:.75rem;height:.75rem}.draft-team-dot.is-orange{background:var(--orange)}.draft-team-dot.is-blue{background:var(--blue)}.draft-progress{text-align:right;gap:.35rem;width:min(12rem,32vw);margin-top:.45rem;font-size:.65rem;display:grid}.draft-progress strong{font-size:1rem}.draft-progress>div{background:var(--paper-deep);border:1px solid var(--ink);border-radius:999px;height:.55rem;overflow:hidden}.draft-progress i{background:var(--orange);height:100%;transition:width .42s var(--ease-out-expo);display:block}.draft-board{grid-template-columns:minmax(10.5rem,.72fr) minmax(16rem,1.35fr) minmax(10.5rem,.72fr);grid-template-areas:"orange pool blue";align-items:stretch;gap:.85rem;margin-top:1.35rem;display:grid}.draft-team-sheet,.draft-pool{background:var(--paper);border:1.5px solid var(--ink);border-radius:.3rem;min-width:0}.draft-team-sheet{box-shadow:2px 2px 0 var(--ink);transition:transform .26s var(--ease-out-quart), box-shadow .26s var(--ease-out-quart), background-color .22s linear;flex-direction:column;padding:.8rem;display:flex}.draft-team-sheet.is-orange{border-top:.35rem solid var(--orange)}.draft-team-sheet.is-blue{border-top:.35rem solid var(--blue)}.draft-team-sheet.is-turn{background:color-mix(in srgb, var(--paper) 78%, var(--yellow));box-shadow:2px 5px 0 var(--ink);transform:translateY(-.2rem)}.draft-team-sheet.is-turn header:after{content:"当前回合";color:var(--orange-dark);margin-left:auto;font-size:.5rem;font-weight:820}.draft-team-sheet header{border-bottom:1px solid color-mix(in srgb, var(--ink) 35%, transparent);align-items:center;gap:.45rem;padding-bottom:.65rem;display:flex}.draft-team-mark{font-size:.7rem}.draft-team-sheet header strong,.draft-team-sheet header small{display:block}.draft-team-sheet header strong{font-size:.78rem}.draft-team-sheet header small{color:var(--ink-soft);font-size:.52rem}.draft-roster{gap:.38rem;margin-top:.65rem;display:grid}.draft-roster-player{background:var(--paper-bright);border:1px solid color-mix(in srgb, var(--ink) 45%, transparent);min-width:0;animation:draft-player-enter .36s var(--ease-out-expo) both;border-radius:.25rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.35rem;display:grid}.draft-roster-player .player-avatar{width:1.75rem;height:1.75rem}.draft-roster-player strong,.draft-roster-player small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.draft-roster-player strong{font-size:.65rem}.draft-roster-player small{color:var(--ink-soft);align-items:center;gap:.15rem;font-size:.5rem;display:flex}.draft-role-hints{color:var(--ink-soft);display:flex}.draft-empty-slot{min-height:2.5rem;color:color-mix(in srgb, var(--ink-soft) 60%, transparent);border:1px dashed color-mix(in srgb, var(--ink-soft) 55%, transparent);border-radius:.25rem;place-items:center;font-size:.52rem;display:grid}.replace-captain{color:var(--ink-soft);gap:.25rem;margin-top:auto;padding-top:.7rem;font-size:.52rem;display:grid}.replace-captain select{width:100%;min-width:0}.draft-pool{background:var(--paper-bright);padding:.85rem}.draft-pool-title{border-bottom:1px dashed var(--ink-soft);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.65rem;display:flex}.draft-pool-title>span{align-items:center;gap:.35rem;font-size:.75rem;font-weight:820;display:inline-flex}.draft-pool-title small{color:var(--ink-soft);font-size:.55rem}.draft-candidates{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.7rem;display:grid}.draft-candidate{text-align:left;background:var(--paper);border:1.5px solid var(--ink);opacity:0;cursor:pointer;min-width:0;min-height:3.8rem;animation:draft-player-enter .36s var(--ease-out-expo) both;transition:transform .18s var(--ease-out-quart), box-shadow .18s var(--ease-out-quart), background-color .18s linear, opacity .18s linear;border-radius:.3rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.45rem;display:grid;position:relative}.draft-candidate:disabled{cursor:default;opacity:.54}.draft-candidate.is-selected{background:var(--yellow);box-shadow:var(--shadow-small);transform:translate(-1px,-1px)}.draft-candidate .player-avatar{width:2rem;height:2rem}.draft-candidate strong,.draft-candidate small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.draft-candidate strong{font-size:.68rem}.draft-candidate small{color:var(--ink-soft);font-size:.52rem}.candidate-check{width:1.45rem;height:1.45rem;color:var(--ink-soft);background:var(--paper-bright);border:1px solid var(--ink-soft);border-radius:50%;place-items:center;display:grid}.draft-candidate.is-selected .candidate-check{color:#fff;background:var(--ink);border-color:var(--ink)}.draft-action-bar{background:var(--paper-deep);border-top:2px solid var(--ink);align-items:center;gap:.8rem;min-height:5.5rem;margin:1.25rem calc(-1*clamp(1.25rem,3vw,2.25rem)) 0;padding:.85rem clamp(1.25rem,3vw,2.25rem);display:flex}.draft-turn-status{align-items:center;gap:.55rem;min-width:0;margin-right:auto;display:flex}.draft-turn-status>span:last-child:not(.hold-status){min-width:0}.draft-turn-status strong,.draft-turn-status small{display:block}.draft-turn-status strong{font-size:.7rem}.draft-turn-status small{color:var(--ink-soft);font-size:.55rem}.turn-avatar{border:1.5px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:2.35rem;height:2.35rem;font-family:ZCOOL KuaiLe,sans-serif;font-size:.72rem;display:grid}.turn-avatar.is-orange{background:var(--orange-soft)}.turn-avatar.is-blue{background:var(--blue-soft)}.draft-reset-button{flex:none;align-items:center;gap:.25rem;font-size:.62rem;display:inline-flex}.draft-reset-confirm{border:1px solid var(--ink);border-radius:.25rem;flex:none;display:inline-flex;overflow:hidden}.draft-reset-confirm button{background:var(--paper-bright);cursor:pointer;border:0;min-height:2.2rem;padding:.35rem .5rem;font-size:.58rem;font-weight:740}.draft-reset-confirm button+button{color:#fff;background:var(--orange-dark)}.draft-confirm-button{flex:none;min-width:9.5rem}.waiting-owner,.draw-waiting{min-height:2.75rem;color:var(--ink-soft);align-items:center;font-size:.7rem;font-weight:720;display:inline-flex}.hold-status{min-height:3rem;color:var(--ink);background:var(--paper);border:1px dashed var(--ink-soft);animation:hold-enter .34s var(--ease-out-expo) both;border-radius:999px;align-items:center;gap:.65rem;padding:.5rem .8rem;display:inline-flex}.hold-status.is-compact{min-height:2.75rem;padding-block:.38rem}.hold-status>span:last-child{min-width:0}.hold-status strong,.hold-status small{display:block}.hold-status strong{font-size:.7rem}.hold-status small{color:var(--ink-soft);margin-top:.05rem;font-size:.56rem}.hold-orbit{width:1.75rem;height:1.75rem;color:var(--orange-dark);background:var(--orange-soft);border:1px solid var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.hold-orbit svg{animation:1.6s linear infinite status-spin}.draw-waiting{background:var(--paper);border:1px dashed var(--ink-soft);border-radius:999px;margin-top:1rem;padding:.4rem .75rem}.room-error{color:var(--red);background:var(--orange-soft);border:1px solid var(--red);margin:.75rem 0 0;padding:.65rem .8rem;font-size:.72rem}.live-loading{align-content:start;gap:2rem;padding:1.5rem;display:grid}.loading-stage{width:min(100%,42rem);min-height:18rem;margin-inline:auto}.loading-stage h1{margin:.4rem 0 1.5rem;font-family:ZCOOL KuaiLe,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:400}.loading-actions{flex-wrap:wrap;gap:.75rem;display:flex}.seat-options{border:0;gap:.65rem;margin:0;padding:0;display:grid}.seat-options legend{margin-bottom:.5rem;font-size:.78rem;font-weight:750}.seat-options label{border:1px solid var(--ink);cursor:pointer;flex-wrap:wrap;align-items:center;gap:.55rem;padding:.7rem;display:flex}.seat-options label:has(input:checked){background:var(--mint)}.seat-options input{width:1rem;height:1rem;accent-color:var(--mint-dark)}.seat-options small{color:var(--ink-soft);font-size:.65rem}.seat-status{border:1.5px dashed var(--ink);background:var(--paper-bright);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.8rem 1rem;display:flex}.seat-status>span{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.seat-status strong{font-size:.8rem}.seat-status small{color:var(--ink-soft);font-size:.68rem}.spectator-seats{background:var(--paper-bright);border:1.5px dashed var(--ink);margin-top:1.25rem;padding:1rem}.spectator-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.spectator-heading h2{align-items:center;gap:.45rem;margin:0;font-size:1rem;display:flex}.spectator-heading>span,.spectator-seats>p{color:var(--ink-soft);font-size:.7rem}.spectator-seats ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.8rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.spectator-seats li{align-items:center;gap:.6rem;min-width:0;display:flex}.spectator-name{flex:1;min-width:0}.spectator-name strong,.spectator-name small{overflow-wrap:anywhere;display:block}.spectator-name strong{font-size:.78rem}.spectator-name small{color:var(--ink-soft);font-size:.62rem}.spectator-progress h1{font-family:ZCOOL KuaiLe,sans-serif;font-size:clamp(1.8rem,4vw,2.7rem);font-weight:400}.spectator-progress p{color:var(--ink-soft);font-size:.8rem}.spectator-progress-list{padding:0;list-style:none}.spectator-progress-list li{border-bottom:1px dashed var(--ink-soft);justify-content:space-between;gap:1rem;padding-block:.8rem;font-size:.8rem;display:flex}.spectator-progress-list strong{overflow-wrap:anywhere}.spectator-progress-list span{flex-shrink:0}.room-aside{align-content:start;gap:1rem;display:grid}.room-aside>*{animation:aside-enter .44s .18s var(--ease-out-expo) both}.room-aside>:nth-child(2){animation-delay:.25s}.room-aside>:nth-child(3){animation-delay:.32s}.summary-block,.leaderboard{background:var(--paper-bright);border:1.5px solid var(--ink);padding:1.1rem}.winrate-board{background:var(--blue-soft);box-shadow:3px 3px 0 var(--blue-dark);transform:rotate(.25deg)}.winrate-board .leader-title{border-bottom-color:var(--blue-dark)}.winrate-board .leader-title small,.winrate-board .rank{color:var(--blue-dark)}.rate-name,.rate-name strong,.rate-name small{min-width:0;display:block}.rate-name small{color:var(--blue-dark);font-size:.52rem}.win-rate{color:var(--blue-dark);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:850}.leaderboard.wronged-board{background:var(--mint);box-shadow:3px 3px 0 var(--mint-dark);transform:rotate(-.2deg)}.wronged-board .leader-title{border-bottom-color:var(--mint-dark)}.wronged-board .leader-title small,.wronged-board .rank,.wronged-board .rate-name small,.wronged-board .win-rate{color:var(--ink-soft)}.summary-block{box-shadow:var(--shadow-small)}.aside-title{border-bottom:1px dashed var(--ink-soft);justify-content:space-between;align-items:flex-end;padding-bottom:.75rem;display:flex}.aside-title strong{font-size:.8rem}.summary-line{align-items:center;gap:.65rem;padding-top:.85rem;display:flex}.summary-line>svg{color:var(--orange-dark)}.summary-line span,.summary-line small,.summary-line strong{display:block}.summary-line small{color:var(--ink-soft);font-size:.58rem}.summary-line strong{font-size:.72rem}.leaderboard{background:var(--yellow);box-shadow:3px 3px 0 var(--orange-dark);transform:rotate(-.3deg)}.leader-title{border-bottom:1.5px solid var(--yellow-dark);justify-content:space-between;align-items:baseline;padding-bottom:.6rem;display:flex}.leader-title>span{align-items:center;gap:.35rem;font-family:ZCOOL KuaiLe,sans-serif;font-size:1.05rem;display:flex}.leader-title small{color:var(--yellow-dark);font-size:.54rem}.leaderboard ol{gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.leaderboard li{grid-template-columns:1.4rem auto 1fr auto;align-items:center;gap:.5rem;display:grid}.leaderboard li strong{font-size:.72rem}.rank{color:var(--yellow-dark);place-items:center;font-size:.68rem;font-weight:850;display:grid}.rank-1{color:var(--orange-dark)}.crown-count{align-items:center;gap:.18rem;font-size:.66rem;font-weight:820;display:flex}.ranking-empty{color:var(--ink-soft);text-align:center;margin:.8rem 0 0;font-size:.64rem}.host-note{color:var(--ink-soft);border:1px dashed var(--ink-soft);align-items:center;gap:.6rem;padding:.75rem;display:flex}.host-note>svg{color:var(--orange-dark)}.host-note span,.host-note strong,.host-note small{display:block}.host-note strong{color:var(--ink);font-size:.68rem}.host-note small{font-size:.58rem}.secret-mode-ticket{color:var(--ink);background:var(--yellow);border:1.5px dashed var(--ink);box-shadow:3px 3px 0 var(--orange-dark);animation:hold-enter .34s var(--ease-out-expo) both;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;margin-bottom:.85rem;padding:.7rem .8rem;display:grid;transform:rotate(-.15deg)}.secret-mode-mark{width:2rem;height:2rem;color:var(--paper-bright);background:var(--orange-dark);border:1px solid var(--ink);border-radius:50%;place-items:center;display:grid}.secret-mode-ticket>span:nth-child(2),.secret-mode-ticket strong,.secret-mode-ticket small{display:block}.secret-mode-ticket strong{font-size:.72rem}.secret-mode-ticket small{color:var(--yellow-dark);margin-top:.08rem;font-size:.54rem}.secret-mode-ticket button{color:var(--orange-dark);background:var(--paper-bright);border:1px solid var(--ink);cursor:pointer;align-items:center;gap:.3rem;padding:.4rem .55rem;font-size:.58rem;font-weight:820;display:inline-flex}.secret-mode-ticket button:disabled{cursor:wait;opacity:.55}.draw-stage{background:radial-gradient(circle at 50% 52%, var(--yellow) 0 2px, transparent 2px) 0 0 / 24px 24px, var(--paper-bright);grid-template-rows:auto 1fr auto auto;justify-items:center;min-height:42rem;display:grid}.draw-copy{text-align:center}.draw-copy p{max-width:30rem;margin-inline:auto}.card-stage{width:min(100%,27rem);height:23rem;margin-top:.25rem;position:relative}.identity-canvas{touch-action:none}.draw-card-button{z-index:2;width:9.5rem;height:12.7rem;color:var(--ink);cursor:pointer;text-shadow:0 1px 0 var(--orange-dark);background:0 0;border:0;place-content:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.draw-card-button span,.draw-card-button small{display:block}.draw-card-button span{font-family:ZCOOL KuaiLe,sans-serif;font-size:1.5rem}.draw-card-button small{margin-top:4.5rem;font-size:.62rem}.identity-reveal{width:9.7rem;height:13.1rem;color:var(--paper-bright);text-shadow:0 1px 2px #102a42b8;pointer-events:none;animation:identity-in .52s .22s var(--ease-out) both;flex-direction:column;justify-content:space-between;align-items:stretch;padding:.9rem .78rem .8rem;display:flex;position:relative}.identity-card-copy-layer{pointer-events:none!important}.spy-clown-art{z-index:0;opacity:.36;filter:saturate(.9);width:calc(100% + .2rem);height:calc(100% + .9rem);position:absolute;inset:-.45rem -.1rem}.identity-reveal>:not(.spy-clown-art){z-index:1;position:relative}.identity-team-copy{border-left:2px solid #fff8e9d1;align-content:center;justify-items:start;margin-block:auto;padding-left:.55rem;display:grid}.identity-team-copy small,.identity-role-label small{opacity:.78;letter-spacing:.22em;font-size:.55rem;font-weight:760}.identity-team-copy strong{letter-spacing:.02em;margin-top:-.08rem;font-family:ZCOOL KuaiLe,Noto Sans SC Variable,sans-serif;font-size:2.65rem;font-weight:400;line-height:1.05}.identity-role-card{background:#fff8e91f;border:1px solid #fff8e99e;border-radius:.18rem;gap:.28rem;padding:.52rem .58rem .56rem;display:grid}.identity-role-label,.identity-role-card>span:last-child{justify-content:space-between;align-items:center;display:flex}.identity-role-label em{opacity:.64;letter-spacing:.08em;font-size:.4rem;font-style:normal}.identity-role-card>span:last-child{justify-content:flex-start;gap:.38rem}.identity-role-card svg{width:.88rem;height:.88rem}.identity-role-card strong{font-size:.76rem;font-weight:820}.identity-reveal.has-spy-partner{gap:.34rem}.identity-reveal.has-spy-partner .identity-team-copy{margin-block:.08rem}.identity-reveal.has-spy-partner .identity-team-copy strong{font-size:2.15rem}.identity-reveal.has-spy-partner .identity-role-card{padding-block:.4rem}.identity-spy-partner{color:var(--ink);text-shadow:none;background:color-mix(in srgb, var(--paper-bright) 91%, var(--yellow));border:1.5px solid var(--paper-bright);gap:.26rem;padding:.42rem .5rem .46rem;display:grid;transform:rotate(.7deg);box-shadow:1px 1px #102a4273}.identity-spy-partner>small{color:var(--orange-dark);letter-spacing:.08em;align-items:center;gap:.22rem;font-size:.48rem;font-weight:850;display:flex}.identity-spy-partner>span{grid-template-columns:auto 1fr auto;align-items:center;gap:.34rem;display:grid}.identity-spy-partner i{background:var(--yellow);border:1px solid var(--ink);border-radius:50%;place-items:center;width:1.18rem;height:1.18rem;font-family:ZCOOL KuaiLe,sans-serif;font-size:.52rem;font-style:normal;display:grid}.identity-spy-partner strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.66rem;font-weight:850;overflow:hidden}.identity-spy-partner em{color:var(--ink-soft);font-size:.45rem;font-style:normal;font-weight:760}.identity-reveal.has-mission{gap:.38rem;padding-top:.7rem}.identity-reveal.has-mission .identity-team-copy{margin-block:.12rem}.identity-reveal.has-mission .identity-team-copy strong{font-size:2.1rem}.identity-reveal.has-mission .identity-role-card{padding-block:.38rem}.identity-mission-card{color:var(--ink);text-shadow:none;background:var(--yellow);border:1.5px solid var(--paper-bright);gap:.18rem;padding:.46rem .52rem;display:grid;transform:rotate(-.6deg);box-shadow:1px 1px #102a4273}.identity-mission-card small{color:var(--yellow-dark);letter-spacing:.08em;align-items:center;gap:.25rem;font-size:.48rem;font-weight:850;display:flex}.identity-mission-card strong{font-size:.58rem;font-weight:800;line-height:1.35}.identity-reveal.has-mission .spy-seal{top:.65rem;bottom:auto;right:.55rem}.identity-reveal.has-mission.has-spy-partner{gap:.2rem;padding-top:.58rem;padding-bottom:.6rem}.identity-reveal.has-mission.has-spy-partner .identity-team-copy strong{font-size:1.8rem}.identity-reveal.has-mission.has-spy-partner .identity-role-card,.identity-reveal.has-mission.has-spy-partner .identity-spy-partner,.identity-reveal.has-mission.has-spy-partner .identity-mission-card{padding-block:.32rem}@keyframes identity-in{0%{opacity:0}to{opacity:1}}.spy-seal{color:var(--paper-bright);background:var(--ink);border:1.5px solid var(--paper-bright);align-items:center;gap:.25rem;padding:.26rem .45rem;font-size:.64rem;font-weight:850;display:flex;bottom:3.68rem;right:.58rem;transform:rotate(-4deg);position:absolute!important}.draw-progress{background:var(--paper);border:1px solid var(--ink);border-radius:999px;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.64rem;font-weight:760;display:flex}.drawn-avatars{display:flex}.drawn-avatars span{width:1.35rem;height:1.35rem;color:var(--ink);background:var(--mint);border:1px solid var(--ink);transition:background-color .22s linear, opacity .22s linear, transform .26s var(--ease-out-quart);border-radius:50%;place-items:center;margin-left:-.18rem;font-size:.5rem;display:grid}.drawn-avatars span.is-confirmed{background:var(--mint);animation:avatar-confirmed .3s var(--ease-out-expo) both}.drawn-avatars span.is-reviewing{background:var(--yellow);animation:1.5s ease-in-out infinite avatar-reviewing}.drawn-avatars span.is-waiting{background:var(--paper-bright);opacity:.55;border-style:dashed}.draw-progress>span:last-child strong{font-variant-numeric:tabular-nums}.draw-progress>span:last-child small{color:var(--ink-soft);font-size:.52rem}.remember-button{margin-top:1.15rem}.teams-stage{min-height:0;overflow:visible}.teams-heading{align-items:center}.my-team-ticket{min-width:9rem;color:var(--paper-bright);border:2px solid var(--ink);box-shadow:var(--shadow-small);flex:none;padding:.65rem .85rem;display:grid;transform:rotate(1.5deg)}.my-team-ticket small{font-size:.58rem}.my-team-ticket strong{font-family:ZCOOL KuaiLe,sans-serif;font-size:1.3rem;font-weight:400}.my-team-ticket span{border-top:1px dashed var(--paper);align-items:center;gap:.25rem;margin-top:.35rem;padding-top:.35rem;font-size:.58rem;display:flex}.team-orange{background:var(--orange)}.team-blue{background:var(--blue)}.team-versus{grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;display:grid;position:relative}.team-board{border:2px solid var(--ink);overflow:hidden}.team-board-orange{background:var(--orange-soft);box-shadow:3px 3px 0 var(--orange-dark)}.team-board-blue{background:var(--blue-soft);box-shadow:3px 3px 0 var(--blue-dark)}.team-board-orange{animation:team-orange-enter .52s 90ms var(--ease-out-expo) both}.team-board-blue{animation:team-blue-enter .52s .14s var(--ease-out-expo) both}.team-board-title{min-height:3.5rem;color:var(--paper-bright);border-bottom:2px solid var(--ink);align-items:center;gap:.5rem;padding:.6rem .85rem;display:flex}.team-board-orange .team-board-title{background:var(--orange)}.team-board-blue .team-board-title{background:var(--blue)}.team-board-title>span{font-size:.85rem}.team-board-title strong{font-family:ZCOOL KuaiLe,sans-serif;font-size:1.25rem;font-weight:400}.team-board-title small{margin-left:auto;font-size:.58rem}.team-members{padding:.55rem .85rem .8rem;display:grid}.role-line{border-bottom:1px dashed var(--ink-soft);grid-template-columns:2rem 1fr;align-items:center;gap:.5rem;min-height:4.15rem;display:grid}.role-line:last-child{border-bottom:0}.role-line-label{color:var(--ink-soft);justify-items:center;display:grid}.role-line-label small{font-size:.56rem;font-weight:800}.role-line>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;display:grid}.assigned-player{background:var(--paper-bright);border:1px solid var(--ink);min-width:0;transition:transform .18s var(--ease-out-quart), box-shadow .18s var(--ease-out-quart);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem;display:flex}.assigned-player .player-avatar{width:1.65rem;height:1.65rem;font-size:.58rem}.assigned-player strong{text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;overflow:hidden}.assigned-player>small{color:var(--orange-dark);margin-left:auto;margin-right:.25rem;font-size:.52rem}.assigned-player.is-known-enemy-spy{background:color-mix(in srgb, var(--yellow) 32%, var(--paper-bright));box-shadow:2px 2px 0 var(--ink)}.assigned-player>.enemy-spy-badge{color:var(--paper-bright);background:var(--ink);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:.18rem;margin-right:0;padding:.17rem .32rem;font-size:.46rem;font-weight:820;line-height:1;display:flex}.enemy-spy-badge svg{flex:none}.versus-sticker{z-index:3;width:2.8rem;height:2.8rem;color:var(--paper-bright);background:var(--ink);border:2px solid var(--paper-bright);box-shadow:0 0 0 2px var(--ink);animation:versus-enter .42s .36s var(--ease-out-expo) both;border-radius:50%;place-items:center;font-family:ZCOOL KuaiLe,sans-serif;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}.game-action-bar{margin-top:1.75rem;margin-bottom:calc(-1*clamp(1.25rem,3vw,2.25rem))}.game-action-bar>div:last-child{gap:.6rem;display:flex}.spy-action{color:var(--paper-bright);background:var(--ink);box-shadow:var(--shadow-small)}.winner-strip{background:var(--yellow);border-top:2px solid var(--ink);justify-content:space-between;align-items:center;gap:1.25rem;margin:1.75rem calc(-1*clamp(1.25rem,3vw,2.25rem)) calc(-1*clamp(1.25rem,3vw,2.25rem));padding:1rem clamp(1.25rem,3vw,2.25rem);display:flex}.winner-strip h2{margin:.1rem 0 0;font-family:ZCOOL KuaiLe,sans-serif;font-size:1.35rem;font-weight:400}.winner-actions{gap:.5rem;display:flex}.winner-actions>button{min-height:3rem;color:var(--paper-bright);border:1.5px solid var(--ink);cursor:pointer;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.72rem;font-weight:800;display:flex}.orange-win{background:var(--orange);box-shadow:2px 2px 0 var(--orange-dark)}.blue-win{background:var(--blue);box-shadow:2px 2px 0 var(--blue-dark)}.winner-actions .close-resolution{width:3rem;color:var(--ink);background:0 0;border:0;justify-content:center;padding:0}.mission-review-stage{background:linear-gradient(90deg, transparent 0 2.5rem, color-mix(in srgb, var(--orange) 20%, transparent) 2.5rem 2.57rem, transparent 2.57rem), repeating-linear-gradient(0deg, transparent 0 1.7rem, color-mix(in srgb, var(--blue) 10%, transparent) 1.7rem 1.76rem), var(--paper-bright);min-height:0}.mission-review-heading{justify-content:space-between;align-items:flex-start;gap:1.25rem;padding-left:1.5rem;display:flex}.mission-review-heading h1{margin:.2rem 0 .35rem;font-family:ZCOOL KuaiLe,Noto Sans SC Variable,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.08}.mission-review-heading p{max-width:35rem;color:var(--ink-soft);margin:0;font-size:.76rem}.mission-progress-stamp{color:var(--mint-dark);background:var(--mint);border:1.5px solid var(--ink);flex:none;align-items:center;gap:.35rem;padding:.45rem .65rem;font-size:.62rem;font-weight:850;display:flex;transform:rotate(2deg)}.mission-subject{background:var(--yellow);border:2px solid var(--ink);max-width:47rem;box-shadow:6px 6px 0 var(--orange-dark);animation:mission-subject-in .46s 80ms var(--ease-out-expo) both;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.2rem;margin:2rem auto 0;padding:clamp(1.15rem,3vw,1.8rem);display:grid;position:relative;transform:rotate(-.35deg)}.mission-subject:before{content:"";background:color-mix(in srgb, var(--paper-deep) 78%, transparent);border:1px solid color-mix(in srgb, var(--yellow-dark) 28%, transparent);width:6rem;height:1.25rem;position:absolute;top:-.65rem;left:42%;transform:rotate(1.5deg)}.mission-subject-avatar{border:2px solid var(--ink);border-radius:50%;place-items:center;width:4.8rem;height:4.8rem;font-family:ZCOOL KuaiLe,sans-serif;font-size:1.55rem;display:grid}.mission-subject-copy{min-width:0}.mission-subject-copy>span:first-child{align-items:center;gap:.5rem;display:flex}.mission-subject-copy>span:first-child strong{font-size:.9rem}.mission-subject-copy>span:first-child small{color:var(--paper-bright);background:var(--orange-dark);padding:.16rem .35rem;font-size:.48rem;font-weight:800}.mission-subject blockquote{margin:.55rem 0 .6rem;font-family:ZCOOL KuaiLe,Noto Sans SC Variable,sans-serif;font-size:clamp(1.35rem,3vw,2.05rem);line-height:1.3}.mission-subject-meta{gap:.4rem;display:flex}.mission-subject-meta small{color:var(--yellow-dark);border:1px solid var(--yellow-dark);border-radius:999px;padding:.18rem .4rem;font-size:.5rem}.mission-sequence{color:var(--yellow-dark);letter-spacing:.08em;align-self:start;font-size:.62rem;font-weight:900}.mission-live-tally{justify-content:center;align-items:center;gap:.55rem;max-width:38rem;margin:1.35rem auto 0;display:flex}.mission-live-tally>span{background:var(--paper);border:1px solid var(--ink);border-radius:999px;align-items:center;gap:.28rem;padding:.35rem .55rem;font-size:.6rem;display:flex}.mission-live-tally .is-complete{color:var(--mint-dark);background:var(--mint)}.mission-live-tally .is-incomplete{color:var(--orange-dark);background:var(--orange-soft)}.mission-live-tally strong{font-variant-numeric:tabular-nums;font-size:.76rem}.mission-live-tally .mission-voter-progress{color:var(--ink-soft);background:0 0;border-style:dashed;margin-left:.25rem}.mission-review-actions{justify-content:center;align-items:center;gap:.8rem;min-height:4.2rem;margin-top:1.35rem;display:flex}.mission-review-actions>button{border:2px solid var(--ink);cursor:pointer;min-width:9.5rem;min-height:3.3rem;transition:transform .16s var(--ease-out-quart), box-shadow .16s var(--ease-out-quart);justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1rem;font-weight:850;display:inline-flex}.mission-fail-button{color:var(--orange-dark);background:var(--orange-soft);box-shadow:3px 3px 0 var(--orange-dark)}.mission-pass-button{color:var(--ink);background:var(--mint);box-shadow:3px 3px 0 var(--mint-dark)}.mission-review-actions>button:active{box-shadow:none;transform:translate(3px,3px)}.mission-reviewed-list{border-top:1px dashed var(--ink-soft);gap:.4rem;margin-top:1.35rem;padding-top:.9rem;display:flex;overflow-x:auto}.mission-reviewed-list>span{opacity:0;min-width:4.8rem;animation:mission-result-in .3s var(--ease-out-expo) forwards;justify-items:center;gap:.15rem;padding:.4rem;display:grid}.mission-reviewed-list i{background:var(--paper);border:1px solid var(--ink);border-radius:50%;place-items:center;width:2rem;height:2rem;font-family:ZCOOL KuaiLe,sans-serif;font-size:.62rem;font-style:normal;display:grid}.mission-reviewed-list strong{text-overflow:ellipsis;white-space:nowrap;max-width:4.5rem;font-size:.58rem;overflow:hidden}.mission-reviewed-list small{font-size:.5rem}.mission-reviewed-list .is-completed small{color:var(--mint-dark)}.mission-reviewed-list .is-failed small{color:var(--orange-dark)}.mission-reviewed-list .is-skipped{opacity:.6}.vote-stage{background:var(--paper-bright);min-height:0;overflow:visible}.vote-title{grid-template-columns:auto 1fr auto;align-items:start;gap:1rem;display:grid}.vote-icon{width:3.6rem;height:3.6rem;color:var(--paper-bright);background:var(--orange);border:2px solid var(--ink);box-shadow:var(--shadow-small);border-radius:50%;place-items:center;display:grid}.no-timer{background:var(--mint);border:1px solid var(--ink);border-radius:999px;padding:.4rem .6rem;font-size:.62rem;font-weight:800}.suspect-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;margin-top:.8rem;display:grid}.vote-groups{margin-top:1.6rem}.vote-groups.is-double{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.team-vote-group{border:1.5px solid var(--ink);border-radius:.35rem;min-width:0;margin:0;padding:.8rem}.team-vote-orange{background:var(--orange-soft)}.team-vote-blue{background:var(--blue-soft)}.team-vote-group legend{justify-content:space-between;align-items:center;width:100%;padding-inline:.25rem;font-size:.72rem;font-weight:850;display:flex}.team-vote-group legend small{color:var(--ink-soft);font-size:.55rem;font-weight:700}.vote-groups:not(.is-double) .team-vote-group{background:0 0;border:0;padding:0}.vote-groups.is-double .suspect-grid{gap:.4rem}.vote-groups.is-double .suspect-grid button{min-height:6.8rem}.suspect-grid button{background:var(--paper);border:1.5px solid var(--ink);cursor:pointer;min-width:0;min-height:7.4rem;transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out), background-color .16s linear;border-radius:.35rem;align-content:center;justify-items:center;gap:.35rem;padding:.65rem .35rem;display:grid;position:relative}.suspect-grid button.is-suspect{background:var(--orange-soft);box-shadow:var(--shadow-small);transform:translate(-1px,-1px)rotate(-.8deg)}.suspect-avatar{border:1.5px solid var(--ink);border-radius:50%;place-items:center;width:3.1rem;height:3.1rem;font-family:ZCOOL KuaiLe,sans-serif;display:grid}.suspect-grid strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.72rem;overflow:hidden}.suspect-grid small{color:var(--orange-dark);font-size:.55rem}.suspect-votes{min-width:2rem;color:var(--ink);background:var(--yellow);border:1px solid var(--ink);animation:vote-tally-in .18s var(--ease-out) both;border-radius:999px;justify-content:center;align-items:baseline;gap:.12rem;padding:.18rem .3rem;display:flex;position:absolute;top:.42rem;right:.42rem}.suspect-votes strong{font-variant-numeric:tabular-nums;font-size:.72rem}.suspect-votes small{color:var(--yellow-dark);font-size:.46rem}.suspect-check{width:1.35rem;height:1.35rem;color:var(--paper-bright);background:var(--orange-dark);border:1px solid var(--ink);border-radius:50%;place-items:center;display:none;position:absolute;top:.35rem;left:.35rem}.is-suspect .suspect-check{display:grid}.suspect-voters{flex-wrap:wrap;justify-content:center;align-items:center;row-gap:.2rem;max-width:100%;margin-top:.05rem;padding-inline:.42rem;display:flex}.suspect-voter{width:1.4rem;height:1.4rem;color:var(--ink);background:var(--paper-bright);border:1.2px solid var(--ink);box-shadow:0 0 0 1.5px var(--paper);animation:vote-voter-in .22s var(--ease-out-quart) both;border-radius:50%;place-items:center;font-family:ZCOOL KuaiLe,sans-serif;font-size:.6rem;font-weight:700;line-height:1;display:grid}.suspect-voter+.suspect-voter{margin-left:-.42rem}.suspect-grid button.is-suspect .suspect-voter{box-shadow:0 0 0 1.5px var(--orange-soft)}.suspect-voter.is-spectator{border-style:dashed}.suspect-voter-more{min-width:1.4rem;height:1.4rem;color:var(--ink);background:var(--yellow);border:1px solid var(--ink);font-variant-numeric:tabular-nums;animation:vote-voter-in .22s var(--ease-out-quart) both;border-radius:999px;place-items:center;margin-left:-.24rem;padding-inline:.22rem;font-size:.55rem;font-weight:850;display:grid}@keyframes vote-voter-in{0%{opacity:0;transform:translateY(.22rem)scale(.62)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes vote-tally-in{0%{opacity:.55;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.spectator-vote-note{color:var(--ink);background:var(--mint);border:1px dashed var(--ink);padding:.7rem .9rem;font-size:.75rem}.vote-submit-bar{margin-top:2rem}.vote-submit-bar>span{flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.7rem;display:flex}.voter-dots{display:flex}.voter-dots i{background:var(--mint-dark);border:1px solid var(--ink);width:.65rem;height:.65rem;transition:background-color .22s linear, transform .26s var(--ease-out-quart), opacity .22s linear;border-radius:50%;margin-left:-.1rem}.voter-dots i.pending{background:var(--paper-bright);border-style:dashed}.final-stage{text-align:center;isolation:isolate;place-content:center;justify-items:center;min-height:42rem;display:grid}.final-stage.spy-escaped{background:var(--yellow)}.final-stage.spy-caught{background:var(--mint)}.final-kicker{color:var(--ink-soft);letter-spacing:.13em;font-size:.68rem;font-weight:800}.final-emblem{width:6rem;height:6rem;color:var(--paper-bright);background:var(--orange);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);animation:final-emblem-in .52s .12s var(--ease-out-expo) both;border-radius:50%;place-items:center;margin:1.1rem 0 .5rem;display:grid;transform:rotate(-4deg)}.spy-caught .final-emblem{background:var(--mint-dark)}.final-stage h1{font-size:clamp(2.8rem,7vw,4.6rem)}.spy-reveal-card{text-align:left;background:var(--paper-bright);border:2px solid var(--ink);min-width:min(100%,21rem);box-shadow:var(--shadow-hard);grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;margin-top:1rem;padding:.8rem;display:grid;transform:rotate(.8deg)}.spy-reveal-list{gap:.85rem;width:min(100%,44rem);margin-top:1rem;display:grid}.spy-reveal-list.is-double{grid-template-columns:repeat(2,minmax(0,1fr))}.spy-reveal-list.is-all{gap:.45rem .65rem;width:min(100%,48rem)}.spy-reveal-list.is-all .spy-reveal-card{box-shadow:2px 2px 0 var(--ink);gap:.55rem;padding:.48rem .6rem}.spy-reveal-list.is-all .spy-avatar{width:2.45rem;height:2.45rem;font-size:.82rem}.spy-reveal-list.is-all .spy-reveal-card strong{font-size:.78rem}.spy-reveal-list.is-all .spy-reveal-card em{font-size:.52rem}.spy-reveal-list.is-all .spy-votes{padding-left:.45rem}.spy-reveal-list.is-all .spy-votes strong{font-size:.95rem}.spy-reveal-list .spy-reveal-card{min-width:0;margin-top:0}.spy-reveal-list .spy-reveal-card.team-orange{background:var(--orange-soft)}.spy-reveal-list .spy-reveal-card.team-blue{background:var(--blue-soft)}.spy-avatar{background:var(--orange-soft);border:1.5px solid var(--ink);border-radius:50%;place-items:center;width:3.4rem;height:3.4rem;font-family:ZCOOL KuaiLe,sans-serif;font-size:1.1rem;display:grid}.spy-reveal-card span:nth-child(2),.spy-reveal-card small,.spy-reveal-card strong,.spy-reveal-card em{display:block}.spy-reveal-card small{color:var(--ink-soft);font-size:.55rem}.spy-reveal-card strong{font-size:1rem}.spy-reveal-card em{color:var(--ink-soft);font-size:.62rem;font-style:normal}.spy-votes{border-left:1px dashed var(--ink-soft);justify-items:center;padding-left:.75rem;display:grid}.spy-votes strong{font-size:1.25rem}.final-summary{max-width:29rem;color:var(--ink-soft);margin:1.25rem 0 0;font-size:.78rem}.final-mission-summary{background:var(--paper-bright);border:1.5px solid var(--ink);box-shadow:var(--shadow-small);align-items:center;gap:1rem;margin-top:1rem;padding:.55rem .75rem;display:flex}.final-mission-summary span{color:var(--ink-soft);align-items:center;gap:.3rem;font-size:.62rem;display:flex}.final-mission-summary strong{font-size:.74rem}.next-round-button{margin-top:1.5rem}.confetti-shape{z-index:-1;border:2px solid var(--ink);width:2rem;height:.65rem;position:absolute}.shape-one{background:var(--orange);top:18%;left:14%;transform:rotate(27deg)}.shape-two{background:var(--blue);width:1.15rem;height:1.15rem;top:26%;right:13%;transform:rotate(43deg)}.shape-three{background:var(--paper-bright);bottom:17%;right:20%;transform:rotate(-16deg)}@keyframes nav-enter{0%{opacity:0;transform:translateY(-.8rem)}to{opacity:1;transform:translateY(0)}}@keyframes penguin-nod{0%,88%,to{transform:rotate(0)}92%{transform:rotate(-8deg)translateY(-1px)}96%{transform:rotate(5deg)}}@keyframes hero-line-enter{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes board-enter{0%{opacity:0;transform:translate(1.4rem,1rem)rotate(1.4deg)scale(.97)}to{opacity:1;transform:translate(0)rotate(.45deg)scale(1)}}@keyframes tab-icon-in{0%{opacity:0;transform:translate(-.35rem)rotate(-12deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes form-swap-create{0%{opacity:0;transform:translate(-.7rem)scale(.995)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes form-swap-join{0%{opacity:0;transform:translate(.7rem)scale(.995)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}@keyframes room-header-enter{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes rail-enter{0%{opacity:0;transform:translateY(-.45rem)}to{opacity:1;transform:translateY(0)}}@keyframes current-step-pulse{0%,72%,to{transform:scale(1)}82%{transform:scale(1.08)rotate(-4deg)}}@keyframes stage-enter{0%{opacity:0;transform:translateY(.8rem)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes action-progress{0%{opacity:0;transform:translate(0)scaleX(.25)}35%{opacity:1}to{opacity:0;transform:translate(355%)scaleX(1)}}@keyframes ready-stamp-in{0%{opacity:0;transform:rotate(8deg)scale(.86)}to{opacity:1;transform:rotate(3deg)scale(1)}}@keyframes player-enter{0%{opacity:0;transform:translate(-.55rem)}to{opacity:1;transform:translate(0)}}@keyframes status-spin{to{transform:rotate(360deg)}}@keyframes hold-enter{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}@keyframes aside-enter{0%{opacity:0;transform:translate(.7rem)rotate(.5deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes avatar-confirmed{0%{transform:scale(.75)}to{transform:scale(1)}}@keyframes avatar-reviewing{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes team-orange-enter{0%{opacity:0;transform:translate(-.85rem)rotate(-.5deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes team-blue-enter{0%{opacity:0;transform:translate(.85rem)rotate(.5deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes versus-enter{0%{opacity:0;transform:translate(-50%,-50%)rotate(-18deg)scale(.65)}to{opacity:1;transform:translate(-50%,-50%)rotate(-6deg)scale(1)}}@keyframes final-emblem-in{0%{opacity:0;transform:translateY(.8rem)rotate(-12deg)scale(.72)}to{opacity:1;transform:translateY(0)rotate(-4deg)scale(1)}}@keyframes dialog-enter{0%{opacity:0;transform:translateY(.75rem)rotate(-1deg)scale(.96)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes captain-setup-in{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:translateY(0)}}@keyframes draft-player-enter{0%{opacity:0;transform:translateY(.45rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mission-subject-in{0%{opacity:0;transform:translateY(.8rem)rotate(-1.2deg)scale(.97)}to{opacity:1;transform:translateY(0)rotate(-.35deg)scale(1)}}@keyframes mission-result-in{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}@media (hover:hover){.nav-register:hover,.user-chip:hover,.primary-button:hover,.secondary-button:hover,.spy-action:hover{transform:translate(-1px,-1px)}.mode-pick:hover,.method-pick:hover,.addon-picks button:hover,.role-picker button:hover,.suspect-grid button:hover,.draft-candidate:not(:disabled):hover{transform:translateY(-2px)}.text-button:hover,.demo-link:hover,.leave-button:hover,.dissolve-button:hover{color:var(--orange-dark)}.danger-button:hover{transform:translate(-1px,-1px)}}@media (min-width:43rem){.online-note{display:flex}.auth-strip{grid-template-columns:minmax(8rem,.45fr) 3fr;align-items:end}.auth-strip form{align-items:end}.auth-strip .register-form{grid-template-columns:repeat(5,minmax(0,1fr))}.auth-strip .login-form{grid-template-columns:repeat(3,minmax(0,1fr))}.table-preview{grid-template-columns:auto 1fr auto}}@media (min-width:58rem){.home-hero{grid-template-columns:1.08fr .92fr}.entry-board{justify-self:end}.room-layout{grid-template-columns:minmax(0,1fr) 15rem}.room-layout-wide{grid-template-columns:minmax(0,1fr)}}@media (max-width:57.99rem){.room-aside{grid-template-columns:1fr 1fr}.host-note{grid-column:1/-1}}@media (max-width:42.99rem){.home-page{padding-inline:max(1rem, env(safe-area-inset-left))}.brand-mark{font-size:1.2rem}.brand-burst{width:2.2rem;height:2.2rem}.nav-actions{gap:.2rem}.nav-register{padding-inline:.7rem;font-size:.75rem}.text-button{padding-inline:.55rem;font-size:.75rem}.home-hero{gap:2.75rem;padding-top:3.5rem}.hero-copy h1{font-size:clamp(3.2rem,16vw,5rem)}.hero-copy>p{font-size:.95rem}.entry-board{transform:none}.mode-picks{grid-template-columns:1fr}.mode-pick{min-height:5rem}.form-split{grid-template-columns:1fr}.table-preview{text-align:center}.preview-rule{justify-self:center}.auth-strip form{grid-template-columns:1fr}.room-header{grid-template-columns:auto 1fr auto;gap:.65rem}.room-header .brand-mark span:last-child{display:none}.round-title{padding-left:.65rem}.room-code{grid-area:2/1/auto/3;justify-content:center}.room-user{display:none}.room-header-actions,.leave-button{grid-area:2/3}.step-item{font-size:0}.step-item>span{font-size:.65rem}.room-layout{width:min(100% - 1rem,76rem)}.stage{min-height:0;box-shadow:3px 3px 0 var(--ink);padding:1.1rem}.stage-heading{display:grid}.ready-stamp{position:absolute;top:1.1rem;right:1.1rem}.role-picker{gap:.45rem}.role-picker button{text-align:center;grid-template-columns:1fr;justify-items:center;gap:.25rem;min-height:7rem}.role-confirm-bar{display:grid}.role-confirm-bar .secondary-button{width:100%}.role-big-icon{width:2.85rem;height:2.85rem}.player-list-heading{display:grid}.lobby-settings{flex-wrap:wrap;justify-content:flex-start}.tiny-settings{padding-bottom:.15rem;overflow-x:auto}.captain-setup{grid-template-columns:1fr}.captain-selectors{flex-wrap:wrap;justify-content:flex-start}.captain-selector{flex:7rem}.captain-selector select{width:100%}.draft-heading{display:grid}.draft-progress{text-align:left;width:100%}.draft-board{grid-template-columns:1fr 1fr;grid-template-areas:"pool pool""orange blue"}.draft-action-bar{margin-left:-1.1rem;margin-right:-1.1rem;padding-inline:1.1rem;display:grid}.draft-confirm-button{width:100%}.player-grid{grid-template-columns:1fr}.player-row{grid-template-columns:auto minmax(3rem,1fr) auto auto;gap:.4rem}.ready-label{display:none}.presence-label{font-size:0}.host-action-bar,.game-action-bar,.vote-submit-bar{margin-left:-1.1rem;margin-right:-1.1rem;padding-inline:1.1rem}.host-action-bar{display:grid}.start-button{width:100%}.room-aside{grid-template-columns:1fr}.host-note{grid-column:auto}.draw-stage{min-height:40rem}.card-stage{height:22rem}.teams-heading{display:grid}.my-team-ticket{width:100%}.team-versus{grid-template-columns:1fr;gap:2rem}.versus-sticker{top:50%}.assigned-player{min-width:0}.game-action-bar{display:grid}.game-action-bar>div:last-child{grid-template-columns:1fr 1fr;display:grid}.winner-strip{margin-left:-1.1rem;margin-right:-1.1rem;padding-inline:1.1rem;display:grid}.winner-actions{grid-template-columns:1fr 1fr auto;display:grid}.vote-title{grid-template-columns:auto 1fr}.no-timer{grid-column:2;justify-self:start}.suspect-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vote-groups.is-double{grid-template-columns:1fr}.vote-groups.is-double .suspect-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.spy-reveal-list.is-double{grid-template-columns:1fr}.vote-submit-bar{display:grid}.vote-submit-bar button{width:100%}.mission-review-heading{padding-left:.6rem;display:grid}.mission-progress-stamp{justify-self:start}.mission-subject{grid-template-columns:auto minmax(0,1fr);gap:.8rem;margin-top:1.35rem}.mission-subject-avatar{width:3.7rem;height:3.7rem;font-size:1.2rem}.mission-sequence{position:absolute;top:.55rem;right:.65rem}.mission-live-tally{flex-wrap:wrap}.mission-review-actions{grid-template-columns:1fr 1fr;display:grid}.mission-review-actions .hold-status{grid-column:1/-1;justify-self:center}.mission-review-actions>button{min-width:0}.final-stage{min-height:39rem}}@media (max-width:25rem){.room-header:has(.account-room-link) .round-title{grid-column:2/-1}.room-header:has(.account-room-link) .room-header-actions{flex-wrap:wrap;justify-content:flex-end;max-width:8rem}.room-header-actions .account-room-link{flex-basis:100%;justify-content:flex-end;padding-block:.25rem}.room-header:has(.account-room-link) .room-code>span{white-space:nowrap}.account-match-stats dd{overflow-wrap:anywhere;font-size:1.55rem}.hero-notes{display:grid}.entry-form{padding-inline:1rem}.role-picker button{padding-inline:.3rem}.choice-icons>span:nth-child(3){display:none}.assigned-player strong{font-size:.58rem}.suspect-grid,.vote-groups.is-double .suspect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.winner-actions{grid-template-columns:1fr}.winner-actions .close-resolution{position:absolute;top:.75rem;right:.75rem}.team-method-picks,.addon-picks{grid-template-columns:1fr}.mission-subject{grid-template-columns:1fr;justify-items:start}.mission-subject blockquote{font-size:1.25rem}.mission-review-actions{grid-template-columns:1fr}.draft-board{grid-template-columns:1fr;grid-template-areas:"pool""orange""blue"}.draft-candidates{grid-template-columns:1fr}}@media (max-width:760px){.account-ticket{display:block}.profile-editor{grid-template-columns:4rem minmax(0,1fr);column-gap:1rem;display:grid}.profile-avatar-wrap{grid-row:1/3}.profile-name-row{grid-column:2;margin-top:0}.profile-name-row h2{margin-top:0}.profile-name-form,.avatar-preview,.profile-editor-help,.profile-reset-avatar,.profile-feedback{grid-column:1/-1}.profile-editor .account-avatar{width:4rem;height:4rem;margin:0}.profile-editor-help{margin-top:1rem}.account-match-stats>div+div{padding-left:.75rem}.account-spy-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.account-spy-stats>div{padding-block:1.25rem;display:block}.account-spy-stats>div+div{border-top:0}.account-spy-stats dt{flex-direction:column;font-size:.75rem}.account-spy-stats dd{margin-top:.6rem;padding-left:0}.account-spy-stats p{font-size:.65rem}.album-heading{align-items:flex-start;gap:1rem;padding:1.3rem}.album-heading h2{gap:.5rem;font-size:1.9rem}.album-heading p{font-size:.7rem}.album-count{border:0;padding-left:0}.album-count strong{font-size:1.8rem}.album-count small{font-size:.6rem}.album-toolbar{gap:.6rem;padding:.6rem 1rem}.achievement-track{grid-template-columns:1fr;gap:.6rem;margin-inline:1rem;padding-block:1.2rem}.achievement-track>header{flex-wrap:wrap;align-items:baseline;gap:.5rem;padding-top:0;display:flex}.achievement-track h3{margin:0;font-size:1.3rem}.achievement-track header p{flex-basis:100%;max-width:none}.achievement-milestones{gap:.2rem}.achievement-item{padding-inline:.25rem}.achievement-medal{width:75px;height:87px}.achievement-name{overflow-wrap:anywhere;font-size:.74rem}.achievement-condition{font-size:.59rem}.medal-tier{font-size:.5rem}.album-rules,.album-message{padding-inline:1rem}}@media (max-width:360px){.album-heading{flex-direction:column}.album-count{align-items:baseline;gap:.5rem;display:flex}.achievement-medal{width:65px;height:76px}.achievement-name{font-size:.68rem}.achievement-milestones{gap:0}.achievement-track{margin-inline:.65rem}}@media (prefers-reduced-motion:reduce){.achievement-medal{transition:none}.achievement-item.is-unlocked:hover .achievement-medal{transform:none}}@media (pointer:coarse){.tiny-settings button{min-height:2.75rem}}:root{--vip-gold:#f6c343;--vip-gold-bright:#ffeaa9;--vip-gold-deep:#ad6800;--vip-glow:#ffda7abf}@supports (color:lab(0% 0 0)){:root{--vip-gold:lab(81.6856% 10.0799 67.6959);--vip-gold-bright:lab(93.4735% 1.95906 47.7484);--vip-gold-deep:lab(50.8416% 25.2535 62.988);--vip-glow:lab(88.7336% 6.09884 55.5497/.75)}}.vip-badge{color:var(--ink);background:linear-gradient(118deg, var(--vip-gold-bright), var(--vip-gold) 42%, var(--vip-gold-deep));border:1px solid var(--ink);letter-spacing:.04em;white-space:nowrap;animation:vip-badge-float 3.2s var(--ease-out) infinite;border-radius:999px;align-items:center;gap:.16rem;padding:.06rem .34rem .06rem .26rem;font-size:.52rem;font-weight:900;line-height:1.5;display:inline-flex}.vip-badge svg{color:var(--ink)}@keyframes vip-badge-float{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-.12rem)rotate(1.5deg)}}@keyframes vip-sheen{0%{transform:translate(-130%)skew(-18deg)}to{transform:translate(320%)skew(-18deg)}}@keyframes vip-halo-spin{to{transform:rotate(360deg)}}@keyframes vip-spark-twinkle{0%,to{opacity:.25;transform:scale(.7)rotate(0)}45%{opacity:1;transform:scale(1.15)rotate(24deg)}}@keyframes vip-rays-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.player-row.is-vip{background:linear-gradient(112deg, var(--vip-gold-bright), var(--paper) 46%, var(--vip-gold));border-color:var(--ink);box-shadow:var(--shadow-small), 0 0 0 2px var(--vip-gold);position:relative;overflow:hidden}.player-row.is-vip:after{content:"";width:38%;height:220%;animation:vip-sheen 3.4s var(--ease-out) infinite;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff9e,#0000);background:linear-gradient(90deg,#0000,lab(100% 0 0/.62),#0000);position:absolute;top:-60%;left:0}.player-row.is-vip .player-avatar{border-color:var(--ink);box-shadow:0 0 0 2px var(--vip-gold), 0 0 0 4px var(--ink)}.room-user.is-vip{background:linear-gradient(112deg, var(--vip-gold-bright), var(--vip-gold));border-color:var(--ink);box-shadow:var(--shadow-small)}.room-user.is-vip .mini-avatar{box-shadow:0 0 0 2px var(--vip-gold-bright), 0 0 0 3px var(--ink)}.draw-stage.is-vip{background:radial-gradient(circle at 50% 40%, var(--vip-glow), transparent 62%), radial-gradient(circle at 50% 52%, var(--yellow) 0 2px, transparent 2px) 0 0 / 24px 24px, var(--paper-bright);box-shadow:var(--shadow-hard), inset 0 0 0 3px var(--vip-gold)}.vip-draw-flare{pointer-events:none;justify-items:end;gap:.4rem;display:grid;position:absolute;top:1rem;right:1.1rem}.vip-draw-crown{width:2.6rem;height:2.6rem;color:var(--ink);background:linear-gradient(140deg, var(--vip-gold-bright), var(--vip-gold-deep));border:2px solid var(--ink);box-shadow:var(--shadow-small), 0 0 1.2rem var(--vip-glow);animation:vip-badge-float 2.8s var(--ease-out) infinite;border-radius:50%;place-items:center;display:grid}.vip-draw-label{color:var(--ink);background:var(--vip-gold-bright);border:1.5px solid var(--ink);letter-spacing:.04em;border-radius:999px;align-items:center;gap:.25rem;padding:.16rem .5rem;font-size:.6rem;font-weight:900;display:inline-flex}.vip-draw-spark-one{top:3.4rem;right:3.2rem}.vip-draw-spark-two{width:.6rem;height:.6rem;animation-delay:.7s;top:.2rem;right:3.6rem}.suspect-grid button.is-vip{background:linear-gradient(150deg, var(--vip-gold-bright), var(--paper) 62%);border-color:var(--ink);box-shadow:0 0 0 2px var(--vip-gold), var(--shadow-small)}.suspect-grid button.is-vip.is-suspect{background:linear-gradient(150deg, var(--vip-gold), var(--orange-soft) 70%)}.suspect-grid button.is-vip .suspect-avatar{box-shadow:0 0 0 2px var(--vip-gold), 0 0 0 3.5px var(--ink)}.suspect-voter.is-vip{border-color:var(--ink);box-shadow:0 0 0 1.5px var(--vip-gold), 0 0 0 3px var(--paper)}.suspect-grid button.is-suspect .suspect-voter.is-vip{box-shadow:0 0 0 1.5px var(--vip-gold), 0 0 0 3px var(--orange-soft)}.spy-reveal-card.is-vip{border-color:var(--ink);box-shadow:0 0 0 2px var(--vip-gold), var(--shadow-small)}.spy-reveal-card.is-vip .spy-avatar{box-shadow:0 0 0 3px var(--vip-gold), 0 0 0 4.5px var(--ink)}.spectator-seats li.is-vip{background:linear-gradient(112deg, var(--vip-gold-bright), var(--paper) 60%);border-color:var(--ink);box-shadow:var(--shadow-small)}.spectator-seats li.is-vip .player-avatar{box-shadow:0 0 0 2px var(--vip-gold), 0 0 0 3.5px var(--ink)}.vip-ribbon{width:fit-content;color:var(--ink);background:linear-gradient(118deg, var(--vip-gold-bright), var(--vip-gold) 45%, var(--vip-gold-deep));border:1.5px solid var(--ink);box-shadow:var(--shadow-small);letter-spacing:.08em;animation:vip-badge-float 3.6s var(--ease-out) infinite;border-radius:999px;align-items:center;gap:.3rem;margin:0 0 .4rem;padding:.18rem .6rem;font-size:.68rem;font-weight:900;display:inline-flex}.account-page.is-vip .account-heading h1{text-shadow:0 2px 0 var(--vip-gold)}.account-ticket.is-vip{background:linear-gradient(160deg, var(--vip-gold-bright), var(--paper-bright) 42%, var(--vip-gold) 100%);border-color:var(--ink);box-shadow:var(--shadow-hard), 0 0 0 3px var(--vip-gold);position:relative;overflow:hidden}.account-ticket.is-vip:before{content:"";width:42%;height:180%;animation:vip-sheen 4.2s var(--ease-out) infinite;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffb3,#0000);background:linear-gradient(90deg,#0000,lab(100% 0 0/.7),#0000);position:absolute;top:-40%;left:0}.account-ticket.is-vip .account-ticket-label{background:linear-gradient(118deg, var(--vip-gold), var(--vip-gold-deep));border-color:var(--ink);color:var(--ink);font-weight:900}.account-ticket.is-vip .account-avatar{box-shadow:0 0 0 3px var(--vip-gold), 0 0 0 5px var(--ink), 0 0 1.6rem var(--vip-gold);animation:avatar-reviewing 2.6s var(--ease-out) infinite}.account-ticket.is-vip .account-worn-title{background:linear-gradient(118deg, var(--vip-gold-bright), var(--vip-gold));border:1.5px solid var(--ink);box-shadow:var(--shadow-small)}.vip-panel{background:linear-gradient(152deg, var(--vip-gold-bright), var(--paper-bright) 46%, var(--vip-gold));border:2px solid var(--ink);box-shadow:var(--shadow-hard), 0 0 0 3px var(--vip-gold);border-radius:.4rem;margin-top:2rem;padding:1.6rem 1.5rem 1.4rem;position:relative;overflow:hidden}.vip-rays{pointer-events:none;background:repeating-conic-gradient(#ffd97a57 0deg 6deg,#0000 6deg 18deg);background:repeating-conic-gradient(lab(88.7366% 6.94969 60.7801/.34) 0deg 6deg,#0000 6deg 18deg);border-radius:50%;width:26rem;height:26rem;animation:26s linear infinite vip-rays-spin;position:absolute;top:42%;left:18%;transform:translate(-50%,-50%)}.vip-spark{background:var(--vip-gold-bright);border:1px solid var(--ink);clip-path:polygon(50% 0%,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0% 50%,39% 39%);width:.85rem;height:.85rem;animation:vip-spark-twinkle 2.4s var(--ease-out) infinite;pointer-events:none;position:absolute}.vip-spark-one{top:1.1rem;right:5.4rem}.vip-spark-two{width:1.15rem;height:1.15rem;animation-delay:.62s;top:4.6rem;right:2.2rem}.vip-spark-three{animation-delay:1.18s;bottom:1.4rem;left:1.6rem}.vip-panel-head{align-items:center;gap:.75rem;display:flex;position:relative}.vip-panel-crest{width:3rem;height:3rem;color:var(--ink);background:linear-gradient(140deg, var(--vip-gold-bright), var(--vip-gold-deep));border:2px solid var(--ink);box-shadow:var(--shadow-small);animation:vip-badge-float 3s var(--ease-out) infinite;border-radius:50%;place-items:center;display:grid}.vip-panel-head h2{letter-spacing:.02em;margin:.1rem 0 0;font-family:ZCOOL KuaiLe,sans-serif;font-size:1.6rem}.vip-panel-forever{color:var(--ink);background:var(--paper-bright);border:1.5px solid var(--ink);border-radius:999px;align-items:center;gap:.25rem;margin-left:auto;padding:.24rem .6rem;font-size:.66rem;font-weight:850;display:inline-flex}.vip-panel-lead{max-width:46ch;margin:.85rem 0 1.1rem;font-size:.82rem;position:relative}.vip-perk{background:var(--paper-bright);border:1.5px solid var(--ink);box-shadow:var(--shadow-small);border-radius:.35rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.9rem 1rem;display:grid;position:relative}.vip-perk-icon{width:2.4rem;height:2.4rem;color:var(--paper-bright);background:var(--ink);border-radius:50%;place-items:center;display:grid}.vip-perk-copy{gap:.15rem;min-width:0;display:grid}.vip-perk-copy strong{font-size:.86rem}.vip-perk-copy small{color:var(--ink-soft);font-size:.7rem;line-height:1.5}.vip-switch{background:var(--paper-deep);border:1.5px solid var(--ink);cursor:pointer;border-radius:999px;width:3.6rem;height:1.9rem;padding:0;transition:background-color .2s linear;position:relative}.vip-switch>span{background:var(--paper-bright);border:1.5px solid var(--ink);width:1.35rem;height:1.35rem;box-shadow:var(--shadow-small);transition:transform .22s var(--ease-out-quart), background-color .2s linear;border-radius:50%;position:absolute;top:.16rem;left:.16rem}.vip-switch.is-on{background:linear-gradient(118deg, var(--vip-gold-bright), var(--vip-gold-deep))}.vip-switch.is-on>span{transform:translate(1.66rem)}.vip-perk-state{color:var(--ink-soft);margin:.7rem 0 0;font-size:.72rem;position:relative}.vip-panel.is-hidden-votes .vip-perk-state{color:var(--vip-gold-deep);font-weight:800}.vip-feedback{margin:.5rem 0 0;font-size:.72rem;font-weight:800;position:relative}.vip-feedback.is-error{color:var(--red)}@media (max-width:42.99rem){.vip-panel{padding:1.2rem 1rem 1.1rem}.vip-panel-head{flex-wrap:wrap}.vip-panel-forever{margin-left:0}.vip-perk{grid-template-columns:auto minmax(0,1fr)}.vip-switch{grid-column:1/-1;justify-self:end}.vip-rays{left:40%}}@media (prefers-reduced-motion:reduce){.player-row.is-vip:after,.account-ticket.is-vip:before{display:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}