@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800;900;1000&display=swap');
:root{color-scheme:dark;--bg:#2660e8;--panel:#1847bb;--line:#7aa1ff;--ink:#fff;--muted:#d1e0ff;--yellow:#e3fa63;--red:#ffb0d5;--shadow:#123384;--dark:#143067}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:700 16px/1.45 'Nunito',system-ui,sans-serif;min-height:100dvh;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 50% 18%,#4a84ff 0,transparent 58%),radial-gradient(circle,#a3c0ff25 1.5px,transparent 2px);background-size:auto,28px 28px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{border:2px solid #102d7c;border-radius:17px;min-height:48px;padding:12px 20px;background:#1c4dbd;color:#fff;font-weight:900;cursor:pointer;box-shadow:0 4px 0 #103185;transition:transform .13s,box-shadow .13s,background .13s}button:hover{background:#2861d7;transform:translateY(-2px);box-shadow:0 6px 0 #103185}button:active{transform:translateY(3px);box-shadow:0 1px 0 #103185}button:disabled{opacity:.45;cursor:default;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,svg:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:4px}.primary{background:var(--yellow);border-color:#243b42;color:#223845;box-shadow:0 5px 0 #879d30;min-height:55px}.primary:hover{background:#ecff90;box-shadow:0 7px 0 #879d30}.primary:active{box-shadow:0 1px 0 #879d30}.secondary{background:#fff;color:#234db2;box-shadow:0 5px 0 #96b7ff;border-color:#b3cdff}.secondary:hover{background:#e6efff;box-shadow:0 7px 0 #96b7ff}.danger{background:#832e66;border-color:#4e2054}.text-button{border:0;box-shadow:none;background:transparent;min-height:44px;padding:8px 12px;color:#d6e4ff;font-size:13px}.text-button:hover{box-shadow:none;background:#ffffff14}.small{font-size:13px}.muted,p{color:var(--muted)}a{color:inherit}main{max-width:1080px;margin:auto;padding:0 28px 35px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:23px 0;margin-bottom:20px}.brand{display:flex;align-items:center;gap:9px;box-shadow:none!important;border:0;background:transparent!important;padding:0;font-size:23px;letter-spacing:-1px;font-weight:1000;transform:none!important}.brand-eyes{display:inline-flex;justify-content:center;align-items:center;letter-spacing:5px;padding-left:5px;width:37px;height:29px;border-radius:12px;background:#142f70;color:var(--yellow);font-size:24px;line-height:1}.nav{display:flex;align-items:center;gap:10px}.nav>button{min-height:44px;padding:7px 12px;font-size:13px}.nav .help-btn{width:44px;border-radius:15px;font-size:20px}.nav .profile-link{display:flex;align-items:center;gap:8px;padding:0 12px 0 4px;background:#1643af}.profile-link .mascot,.profile-link .avatar{width:37px;height:42px}.page-content{animation:pop-in .3s ease-out}.party-home{max-width:770px;margin:auto;text-align:center;position:relative}.party-heading{position:relative;z-index:2}.party-tag{display:inline-block;background:#1843b6;border:1px solid #6395ff;border-radius:99px;padding:6px 14px;font-size:10px;letter-spacing:1.8px;transform:rotate(-2deg)}h1{font-size:clamp(32px,5vw,52px);line-height:1.1;letter-spacing:-1.5px;margin:12px 0 18px;font-weight:1000}h2{font-size:28px;line-height:1.2;margin:8px 0 18px;letter-spacing:-.7px}.party-heading h1{position:relative;font-size:clamp(65px,11vw,124px);line-height:1;letter-spacing:-6px;color:var(--yellow);margin:12px 0 4px;font-weight:1000;text-shadow:0 6px 0 #173980,4px 0 #173980,-4px 0 #173980,0 -3px #173980;transform:rotate(-3deg)}.title-eyes{position:absolute;right:8%;top:-8px;font-size:24px;letter-spacing:8px;background:#163684;color:#fff;width:65px;height:35px;border-radius:40% 40% 45% 45%;line-height:23px;padding-left:7px;transform:rotate(15deg);border:3px solid #142e6b}.party-heading p{font-size:16px;margin:17px 0 0;color:#e5edff}.party-cast{height:266px;max-width:540px;margin:0 auto;position:relative;isolation:isolate}.party-floor{position:absolute;bottom:16px;left:7%;right:7%;height:55px;border-radius:50%;background:#163da465;border:3px solid #6d99fa66;z-index:-1}.party-pal{position:absolute;bottom:25px;width:150px;animation:bob 3.7s ease-in-out infinite;filter:drop-shadow(0 10px 0 #14347b66);transform-origin:50% 100%}.party-pal .mascot{width:100%;height:auto}.pal-left{left:2%;--angle:-12deg;transform:rotate(-12deg);animation-delay:-1s}.pal-main{left:32%;width:190px;bottom:25px;z-index:2;--angle:4deg;transform:rotate(4deg)}.pal-right{right:0;--angle:12deg;transform:rotate(12deg);animation-delay:-2s}.party-pal .mascot>circle:first-child,.party-pal .mascot>circle:nth-child(2),.party-pal .mascot>path:nth-child(3){display:none}.speech{position:absolute;top:16px;left:-15px;white-space:nowrap;background:#fff;color:#243662;padding:7px 12px;border:2px solid #173570;border-radius:13px 13px 2px 13px;box-shadow:0 3px 0 #16377c;font-size:12px;font-weight:1000;filter:none;transform:rotate(calc(var(--angle) * -1))}.pal-main .speech{top:18px;left:125px;background:#ffbedc;transform:rotate(8deg)}.pal-right .speech{top:40px;left:105px;transform:rotate(3deg)}.party-spark{position:absolute;color:var(--yellow);font-size:40px}.spark-one{left:0;top:30px;transform:rotate(12deg)}.spark-two{right:5px;top:0;font-size:50px;color:#ffb1d4}.play-dock{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:17px;width:min(100%,530px);margin:0 auto;padding:0 10px}.play-dock>button{font-size:22px;min-height:66px;border-radius:20px}.play-dock>button span{margin-right:6px;font-size:24px}.play-dock:has(#google-button){display:flex;flex-direction:column;align-items:center;gap:10px;background:#1547b5;border:2px solid #6493f4;border-radius:22px;padding:18px;max-width:370px}.play-dock h2{margin:0;font-size:24px}.party-meta{font-size:12px;margin:23px 0 0;color:#d0e1ff}.test-entry{max-width:330px;margin:25px auto;text-align:left;font-size:12px}.test-entry summary{text-align:center;color:#c0d5ff}.eyebrow{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1.4px;color:#c7dbff}.panel{background:#1747b9;border:2px solid #5789ef;border-radius:23px;padding:25px;box-shadow:0 6px 0 #153b9b}.stack{display:grid;gap:14px}.row{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.spread{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0}.mascot{width:95px;height:106px;overflow:visible}.avatar{width:95px;height:106px;object-fit:cover;border-radius:25px}.player{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:12px 6px 10px;background:#1a4cbd;border:2px solid #6091f8;border-radius:23px;box-shadow:0 5px 0 #11368f}.player .mascot{width:110px;height:123px}.player strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;margin-top:6px}.player small{font-size:11px;min-height:16px;color:#c0d9ff}.player.selected{background:#386bc2;border-color:var(--yellow);box-shadow:0 5px 0 #859b35}.player.selected:after{content:'✓';position:absolute;right:8px;top:8px;width:24px;height:24px;background:var(--yellow);color:#223c48;border-radius:50%;font-size:16px}.player:disabled{opacity:1;cursor:default}.player.out:disabled,.player.out{opacity:.4;filter:grayscale(.6)}.code{font-size:26px;letter-spacing:4px;background:#fff;color:#214aa9;box-shadow:0 5px 0 #9ebfff;border-color:#b6d0ff;transform:rotate(2deg)}.code:before{content:'TAP TO COPY CODE';display:block;font-size:8px;letter-spacing:1px;margin-bottom:4px}.code:hover{background:#f4ffb2}.pill{background:#1847b8;border:1px solid #6290ee;border-radius:99px;font-size:10px;padding:6px 11px;color:#e0ebff}.center{text-align:center;max-width:700px;margin:25px auto}.center>.mascot{width:170px;height:190px}.clock{font-size:clamp(82px,16vw,150px);font-weight:1000;letter-spacing:-6px;line-height:1.1;color:var(--yellow);text-shadow:0 6px 0 #173a91;font-variant-numeric:tabular-nums;margin:26px 0}.timer{display:grid;place-items:center;min-width:65px;min-height:60px;font-size:22px;font-weight:1000;color:var(--yellow);border:3px solid #96b6ff;border-radius:20px;background:#1644b5;font-variant-numeric:tabular-nums}.role{position:relative;display:grid;place-content:center;min-height:280px;max-width:290px;padding:28px;margin:28px auto;border:4px solid #183b90;border-radius:30px;background:var(--yellow);box-shadow:0 10px 0 #133583;color:#253e43;transform:rotate(-3deg)}.role strong{font-size:32px;font-weight:1000}.role:before{content:'★';display:block;text-align:center;font-size:52px;margin-bottom:15px}.role.sealed{background:repeating-linear-gradient(-45deg,#8755e6,#8755e6 22px,#7a4bda 22px,#7a4bda 44px);border-color:#ba9bf6;color:#fff}.role.sealed:before{content:'••';letter-spacing:10px;padding-left:10px;background:#42287a;border-radius:20px;width:95px;margin:0 auto 20px;height:54px;font-size:50px;line-height:32px}.role.traitor{background:#ff9fc5;color:#562d61}.role.opened{animation:card-pop .5s ease-out}.view-ended h1{color:var(--yellow)}label{display:grid;gap:6px;font-size:12px;color:#d1e1ff}input,select{width:100%;min-height:49px;padding:12px;border:2px solid #77a0f3;border-radius:13px;background:#123b9e;color:#fff}input::placeholder{color:#98b8f5}.foot{font-size:10px;color:#b3ceff;text-align:center;margin-top:20px}.foot:empty{display:none}.overlay{position:fixed;inset:0;background:#092657ce;backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;z-index:40}.overlay .panel{width:min(100%,420px);max-height:85dvh;overflow:auto}.overlay h2{font-size:34px}.overlay button{margin:5px 0}.stream-game{position:relative;background:#103790;border:3px solid #82a6fc;border-radius:30px;overflow:hidden;max-width:670px;margin:23px auto;box-shadow:0 7px 0 #103183}.stream-game svg{display:block;width:100%;height:auto;max-height:330px;touch-action:none;user-select:none}.stream-bed{fill:none;stroke:#2450b1;stroke-width:22;stroke-linecap:round}.stream-trail{fill:none;stroke:#b8d858;stroke-width:10;stroke-linecap:round}.stream-light{filter:drop-shadow(0 0 10px #eaff76)}.stream-finger{opacity:0}.stream-message{text-align:center;font-size:13px;padding:0 12px}.stream-progress{height:8px;background:#234daa;margin:12px 24px 0;border-radius:8px;overflow:hidden}.stream-fill{height:100%;background:var(--yellow)}.stream-count{display:block;text-align:center;padding:8px;font-size:11px}.following .stream-bed{stroke:#345dbc}.complete .stream-fill{background:#8ae7c5}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#fff;color:#214689;padding:14px 20px;border:2px solid #153774;border-radius:16px;max-width:90%;box-shadow:0 4px 0 #123279;z-index:60;display:none;font-size:13px}.profile-heading{text-align:center;margin-bottom:24px}.profile-layout{max-width:860px;margin:auto;display:grid;grid-template-columns:260px 1fr;gap:35px;align-items:start}.identity-card{text-align:center;position:sticky;top:30px;background:#1b4bbb;border:3px solid #7aa2f7;border-radius:30px;padding:24px 18px;box-shadow:0 7px 0 #11348c}.identity-card .mascot,.identity-card .avatar{width:195px;height:216px;max-width:100%}.identity-card h2{margin:8px 0 3px;font-size:29px}.identity-nick{font-size:13px;color:#c7dcff;overflow-wrap:anywhere}.avatar-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.avatar-options button{position:relative;background:#194abc;border:2px solid #5488ec;padding:6px 3px 8px;border-radius:19px;min-width:0;box-shadow:0 4px 0 #113389}.avatar-options .mascot{width:100%;height:88px}.avatar-options button>span{display:block;font-size:10px}.avatar-options .selected{border-color:var(--yellow);background:#3d6dc3;box-shadow:0 4px 0 #8ca137}.avatar-options .selected:after{content:'✓';position:absolute;top:3px;right:3px;width:19px;height:19px;line-height:19px;border-radius:50%;background:var(--yellow);color:#23424a;font-size:12px}.profile-fields>label{flex:1;min-width:100px}.profile-save .primary{flex:1}.signout-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #608bf0;padding-top:12px}.photo-options{font-size:12px}.upload-label{padding:8px 0}.upload-label input{font-size:11px;border:0;background:#1643aa;min-height:42px}.history{padding:16px 0;border-bottom:1px solid #608bf0}.history:last-child{border:0}.game-settings{font-size:12px;min-width:130px}.game-settings label{margin-top:8px}summary{cursor:pointer;min-height:44px;padding:11px 2px}details[open]>form{padding-top:10px}.connection{font-size:13px;color:#eafc8b}.connection:not(:empty){border:2px dashed #b6d767;padding:12px;border-radius:13px;margin-bottom:15px}.boot{min-height:60vh;display:grid;place-content:center;text-align:center;gap:18px}.loading-seal{width:80px;height:80px;display:grid;place-items:center;margin:auto;border:3px solid #163d98;border-radius:25px;background:var(--yellow);color:#234447;font-size:44px;font-weight:1000;box-shadow:0 8px 0 #123680;animation:loader .8s ease-in-out infinite alternate}.help-sheet{color:#234578;background:#f3f8ff;border:3px solid #153775;border-radius:26px;width:min(90vw,420px);padding:27px;box-shadow:0 9px 0 #173a91}.help-sheet::backdrop{background:#0b245dcf;backdrop-filter:blur(4px)}.help-sheet h2{font-size:31px}.help-sheet ol{padding-left:22px;font-size:14px;font-weight:600}.help-sheet li{margin:14px 0}.help-sheet b{display:block;font-weight:1000}.help-sheet p{font-size:12px;color:#536d94}.help-sheet .primary{width:100%}button[aria-busy=true]{cursor:progress;opacity:.7}button[aria-busy=true]:after{content:'';display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;margin-left:8px;animation:spin .7s linear infinite}.view-join .center{max-width:440px;padding:30px}.view-join input{text-align:center;letter-spacing:6px;font-size:27px;text-transform:uppercase}.view-vote>.page-content>.row{justify-content:center}.view-vote>.page-content>.row>.primary{min-width:200px}
@keyframes bob{0%,100%{transform:translateY(0) rotate(var(--angle))}50%{transform:translateY(-9px) rotate(var(--angle))}}@keyframes pop-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes card-pop{0%{transform:scale(.75) rotate(-12deg);opacity:.3}65%{transform:scale(1.05) rotate(2deg)}100%{transform:scale(1) rotate(-3deg)}}@keyframes loader{to{transform:translateY(-13px) rotate(8deg);box-shadow:0 18px 0 #12368066}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1000px){.view-home header{margin-bottom:8px}.party-cast{height:265px}.view-night .page-content,.view-discussion .page-content{max-width:830px;margin:auto}}
@media(max-width:650px){main{padding:0 18px 24px}header{padding:18px 0;margin-bottom:24px}.brand{font-size:20px;gap:6px}.brand-eyes{width:31px;height:26px;font-size:22px}.nav{gap:7px}.nav .profile-link{padding:0 4px}.profile-link>span{display:none}.nav .help-btn{width:43px}.nav .pill{font-size:8px;padding:6px}.party-home{padding-top:5px}.party-tag{font-size:8px;letter-spacing:1.4px;padding:6px 12px}.party-heading h1{font-size:clamp(58px,17.5vw,100px);letter-spacing:-4px;margin-top:18px;text-shadow:0 5px 0 #173980,2px 0 #173980,-2px 0 #173980,0 -2px #173980}.title-eyes{font-size:17px;letter-spacing:5px;width:46px;height:27px;line-height:18px;top:-12px;right:5%;padding-left:4px}.party-heading p{font-size:12px;max-width:260px;margin:17px auto 0}.party-cast{height:235px;max-width:355px;margin-top:0}.party-pal{width:112px;bottom:30px}.pal-left{left:0}.pal-main{width:147px;left:28%;bottom:32px}.pal-right{right:0}.speech{font-size:9px;top:8px;left:0;padding:6px 8px}.pal-main .speech{left:86px;top:9px}.pal-right .speech{left:77px;top:38px}.party-spark{font-size:28px}.spark-one{left:5%;top:27px}.spark-two{right:6%;top:16px;font-size:36px}.party-floor{bottom:22px;height:40px;left:0;right:0}.play-dock{grid-template-columns:1fr;max-width:320px;padding:0 8px;gap:15px;margin-top:-4px}.play-dock>button{font-size:21px;min-height:59px}.party-meta{font-size:10px;margin-top:21px}.panel{padding:20px;border-radius:21px}h1{font-size:34px;letter-spacing:-1px}.grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.player{padding:9px 3px 8px;border-radius:18px}.player .mascot,.player .avatar{width:77px;height:86px;max-width:100%}.player strong{font-size:11px}.player small{font-size:9px}.player.selected:after{width:19px;height:19px;font-size:12px;right:4px;top:4px}.center{margin:20px auto}.center>p{font-size:13px}.clock{font-size:102px}.role{min-height:270px;max-width:270px}.role strong{font-size:30px}.code{font-size:22px;padding:13px 17px}.view-lobby .panel .primary{flex:1}.view-lobby .panel .game-settings{width:100%;order:3}.view-lobby .row h1{margin-top:0}.stream-game{border-radius:25px}.stream-game svg{min-height:220px}.stream-message{font-size:12px}.profile-layout{grid-template-columns:1fr;gap:22px}.profile-heading{margin-bottom:18px}.identity-card{position:static;display:flex;align-items:center;justify-content:center;gap:22px;text-align:left;padding:10px 20px;border-radius:24px}.identity-card .mascot,.identity-card .avatar{width:110px;height:122px}.identity-card h2{font-size:26px}.avatar-options{gap:9px}.avatar-options .mascot{height:77px}.avatar-options button>span{font-size:9px}.profile-fields{gap:10px}.profile-fields input{font-size:14px}.profile-save{gap:8px}.foot{font-size:9px}.view-join .center{padding:25px 20px}.view-vote>.page-content>.row>.primary{min-width:0;flex:1}.test-entry{margin-top:20px}.view-history .panel p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:650px){.party-cast{width:calc(100% - 28px)}.pal-main{left:27%;width:140px}.pal-right .speech{left:69px}.pal-left .speech{left:8px}}
/* Audit polish: useful status, readable long names, reachable voting controls. */
h1,.private-team,.lobby-hint{overflow-wrap:anywhere}.lobby-hint{font-size:13px;color:#efffb0}.private-team{font-size:14px;max-width:330px;margin:18px auto}.vote-actions{position:sticky;bottom:10px;z-index:4;padding:12px;background:#1948bceF;border:1px solid #6799f8;border-radius:21px;box-shadow:0 5px 20px #12327a55}.view-role .center>button{margin:5px}.view-vote .page-content>p{overflow-wrap:anywhere}
@media(max-width:650px){.view-night header{margin-bottom:10px}.view-night h1{font-size:29px;margin:7px 0 12px}.view-night .stream-game{margin:14px auto}.view-night .stream-game svg{min-height:175px;max-height:195px}.view-night .stream-message{margin:5px 0}.view-night #night-roster .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:13px}.view-night #night-roster .player .mascot,.view-night #night-roster .player .avatar{width:52px;height:59px}.view-night #night-roster .player strong{font-size:10px}.view-night #night-roster .player small:empty{display:none}.view-night #night-roster .small{font-size:11px}.vote-actions{bottom:calc(8px + env(safe-area-inset-bottom));padding:10px}}
.stream-centre{fill:none;stroke:#5d7dce;stroke-width:2;stroke-linecap:round;stroke-dasharray:4 9;pointer-events:none}.stream-fill{width:0}