:root{--gold: #f5c542;--gold-dark: #b8860b;--yellow: #ffe066;--ink: #2b1a0a;--wood-top: #7c5028;--wood-bottom: #482c16;--navy-top: #1e284c;--navy-bottom: #10162e;--green-top: #82eb50;--green-bottom: #28961e;--soft: #c8d6ff;--pink: #c4265c;--font: "Fredoka", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1a0a12;color:#fff;font-family:var(--font);-webkit-user-select:none;user-select:none;touch-action:none}#scene{position:fixed;inset:0;width:100%;height:100%;display:block}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}#ui .passthrough{pointer-events:none}#ui .passthrough>*{pointer-events:auto}button{font-family:var(--font);cursor:pointer}input{font-family:var(--font)}#loading{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#d23a6c,#6b1030);z-index:100;transition:opacity .4s}#loading.done{opacity:0;pointer-events:none}.loading-card{text-align:center}.loading-card img{width:160px;height:160px;border-radius:32px;box-shadow:0 10px 40px #0006}.loading-card .bar{width:240px;height:12px;border-radius:6px;background:#ffffff40;margin:22px auto 8px;overflow:hidden}.loading-card .bar i{display:block;height:100%;width:0;background:#fff;border-radius:6px;transition:width .2s}.loading-text{margin:0;font-weight:500;opacity:.9}.panel{position:relative;background:linear-gradient(var(--wood-top),var(--wood-bottom));border:5px solid var(--gold);border-radius:22px;padding:34px 14px 14px;box-shadow:0 14px 50px #00000073}.panel>.inner{background:linear-gradient(var(--navy-top),var(--navy-bottom));border:3px solid var(--gold-dark);border-radius:14px;padding:14px;height:100%;overflow:auto}.panel>.title{position:absolute;left:50%;top:-26px;transform:translate(-50%);white-space:nowrap;font-size:38px;font-weight:700;color:var(--yellow);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;letter-spacing:.5px}.panel>.close{position:absolute;right:-18px;top:-18px;width:46px;height:46px;border-radius:50%;border:3px solid #fff;background:linear-gradient(#ff5a5a,#c81e1e);color:#fff;font-size:24px;font-weight:700;line-height:1}.scrim{position:fixed;inset:0;background:#0508148c;display:grid;place-items:center;padding:40px 16px 16px}.pill{border:3px solid var(--gold);border-radius:999px;padding:10px 24px;font-size:22px;font-weight:700;color:#fff4a0;background:linear-gradient(var(--green-top),var(--green-bottom));-webkit-text-stroke:1.5px #145a0a;paint-order:stroke fill;box-shadow:0 4px #00000040;transition:transform .08s,filter .15s}.pill:hover{filter:brightness(1.08)}.pill:active{transform:translateY(2px)}.pill:disabled{filter:grayscale(1) brightness(.75);cursor:default}.pill.gold{background:linear-gradient(#ffd65a,#d78c14);-webkit-text-stroke-color:#6e3c0a;color:#fff}.pill.grey{background:linear-gradient(#9696a0,#5a5a64);-webkit-text-stroke-color:#222;color:#fff}.pill.blue{background:linear-gradient(#64b4ff,#1e5adc);-webkit-text-stroke-color:#0a1e46;color:#fff}.pill.pink{background:linear-gradient(#ff7aa8,#c4265c);-webkit-text-stroke-color:#5a0a26;color:#fff}.pill.small{font-size:17px;padding:6px 16px}.soft{color:var(--soft)}.yellow{color:var(--yellow)}.outlined{-webkit-text-stroke:4px #14141e;paint-order:stroke fill}.toast{position:fixed;left:50%;top:18%;transform:translate(-50%);background:#0a0e1ed9;border-radius:999px;padding:10px 22px;font-size:22px;font-weight:600;pointer-events:none;transition:opacity .3s}.logins{display:grid;gap:10px;margin:6px 0 4px}.login{display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:14px;padding:12px;font-size:19px;font-weight:600;color:#fff;cursor:pointer}.login.github{background:#24292f}.login.discord{background:#5865f2}.login.x{background:#000}.login.dev{background:#555}.age-note{font-size:13px;color:var(--soft);text-align:center;margin:10px 0 0;line-height:1.35}.age-note a{color:#fff}.room-age-note{position:fixed;left:12px;bottom:10px;max-width:280px;font-size:12px;color:#ffffffbf;text-align:left;pointer-events:auto}.lobby .login-more{width:100%;margin-top:8px}.lang-select{border:0;border-radius:999px;background:#101018b8;color:#fff;padding:8px 12px;font:inherit;font-size:15px}.creator-rail{position:fixed;left:12px;top:16px;bottom:16px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;scrollbar-width:none}.creator-rail button{flex:0 0 auto}.creator-rail button{width:66px;border:2px solid rgba(255,255,255,.25);border-radius:14px;background:#10162ecc;color:#fff;padding:6px 2px;font-size:12px}.creator-rail button .ico{display:block;font-size:24px}.creator-rail button.active{border-color:var(--gold);background:#3c280ae6}.creator-panel{position:fixed;left:92px;top:16px;bottom:90px;width:min(360px,40vw)}.creator-panel .inner{display:flex;flex-direction:column;gap:8px}.creator-panel h3{margin:8px 0 2px;font-size:15px;color:var(--soft);font-weight:500}.creator-panel .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px}.creator-panel .tile{aspect-ratio:1;border:2px solid rgba(255,255,255,.15);border-radius:12px;background:#ffffff0f;padding:0;overflow:hidden;color:#fff}.creator-panel .tile img{width:100%;height:100%;object-fit:cover}.creator-panel .tile.selected{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold) inset}.creator-panel .tile.none{font-size:14px}.creator-panel .chips{display:flex;flex-wrap:wrap;gap:4px}.creator-panel .chip{border:2px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:999px;padding:2px 10px;font-size:13px}.creator-panel .chip.on{background:var(--gold);color:var(--ink);border-color:var(--gold)}.creator-bar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:10px;align-items:center}.creator-name{position:fixed;right:16px;top:16px;display:flex;gap:8px;align-items:center;background:#10162ecc;border:2px solid var(--gold);border-radius:999px;padding:6px 8px 6px 16px}.creator-name input{width:170px;border:0;background:transparent;color:#fff;font-size:20px;outline:none}.lobby{position:fixed;inset:0;display:grid;place-items:center;padding:50px 16px 16px}.lobby .panel{width:min(760px,100%);height:min(620px,calc(100vh - 70px))}.lobby .head{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.lobby .head .grow{flex:1}.lobby .room{display:flex;align-items:center;gap:12px;padding:10px 12px;border:2px solid var(--gold-dark);border-radius:14px;background:#222c54e6;margin-bottom:8px}.lobby .room .name{flex:1;font-size:22px;font-weight:600}.lobby .room .count{font-size:18px;color:var(--yellow);width:80px;text-align:right}.lobby .room .phase{font-size:14px;color:var(--soft);width:140px}.topbar{position:fixed;left:12px;right:12px;top:10px;display:flex;gap:8px;align-items:center;pointer-events:none}.topbar>*{pointer-events:auto}.topbar .grow{flex:1;pointer-events:none}.chipbtn{border:0;border-radius:999px;background:#101018b8;color:#fff;padding:8px 14px;font-size:16px;font-weight:500}.coinchip{background:#101018b8;border-radius:999px;padding:8px 14px;font-size:16px;font-weight:600;color:var(--yellow)}.round-pill{position:fixed;left:50%;top:10px;transform:translate(-50%);background:#101018b8;border-radius:999px;padding:8px 18px;font-size:18px;font-weight:600;pointer-events:none}.top-text{position:fixed;left:50%;top:64px;transform:translate(-50%);font-size:56px;font-weight:700;text-align:center;-webkit-text-stroke:5px #14141e;paint-order:stroke fill;pointer-events:none;white-space:nowrap}.question-pill{background:#141620bf;border-radius:999px;padding:10px 26px;font-size:24px;font-weight:600;text-align:center}.picker{position:fixed;left:50%;bottom:74px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.cards{display:flex;gap:10px}.card-pick{width:84px;border:0;background:transparent;padding:0;color:#fff;text-align:center}.card-pick .face{width:84px;height:84px;border-radius:22%;background:#cde1ff;border:4px solid #fff;overflow:hidden;display:grid;place-items:center}.card-pick .face canvas,.card-pick .face img{width:100%;height:100%}.card-pick.selected .face{border-color:#5fe65f;box-shadow:0 0 14px #5fe65f}.card-pick.spotlight .face{border-color:var(--gold);box-shadow:0 0 16px var(--gold)}.card-pick .label{font-size:14px;font-weight:600;margin-top:4px;-webkit-text-stroke:3px #14141e;paint-order:stroke fill}.bottom-row{position:fixed;left:50%;bottom:14px;transform:translate(-50%);display:flex;gap:10px;align-items:center}.stars-pill{background:#140e16d9;border-radius:999px;padding:10px 20px;font-size:18px;font-weight:600;white-space:nowrap}.side-buttons{position:fixed;left:14px;top:50%;transform:translateY(-50%);display:grid;gap:10px}.side-btn{display:flex;align-items:center;gap:10px;min-width:190px;border:3px solid var(--gold);border-radius:999px;padding:8px 16px;font-size:22px;font-weight:700;color:#fff;-webkit-text-stroke:1.5px #3c1e0a;paint-order:stroke fill}.side-btn .ico{width:30px;text-align:center;-webkit-text-stroke:0}.side-btn.titles{background:linear-gradient(#ffd65a,#d78c14)}.side-btn.streaks{background:linear-gradient(#ff9646,#d7461e)}.side-btn.character{background:linear-gradient(#ff7ab0,#c8286e)}.side-btn.spectate{background:linear-gradient(#64b4ff,#1e5adc)}.side-btn.spectate.on{background:linear-gradient(#ff7070,#c82828);border-color:#fff}.side-btn .badge{margin-left:auto;width:26px;height:26px;border-radius:50%;background:#e62828;border:2px solid #fff;display:grid;place-items:center;font-size:16px;-webkit-text-stroke:0}.banner{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;transition:opacity .3s}.banner .photo{width:130px;height:130px;border-radius:22%;border:5px solid #fff;background:#cde1ff;overflow:hidden}.banner .photo canvas{width:100%;height:100%}.banner .line{font-size:54px;font-weight:700;text-shadow:0 0 6px rgba(0,0,0,.6),0 0 18px rgba(0,0,0,.45);-webkit-text-stroke:4px #14141e;paint-order:stroke fill;white-space:nowrap}.banner.join-note{top:50%}.banner.join-note .line{white-space:normal;text-align:center;max-width:90vw}.banner .sub{font-size:34px;font-weight:700;color:#ffe178;-webkit-text-stroke:4px #14141e;paint-order:stroke fill;text-shadow:0 0 6px rgba(0,0,0,.6),0 0 18px rgba(0,0,0,.45)}.rules{position:fixed;inset:0;display:grid;place-items:center;background:#050814bf;padding:40px;pointer-events:none;transition:opacity .4s}.rules p{max-width:1000px;font-size:clamp(28px,4.2vw,60px);font-weight:700;text-align:center;white-space:pre-line;-webkit-text-stroke:4px #14141e;paint-order:stroke fill;margin:0}.popup{position:fixed;transform:translate(-50%,-100%);font-size:30px;font-weight:700;pointer-events:none;-webkit-text-stroke:4px #14141e;paint-order:stroke fill;white-space:nowrap}.label3d{position:fixed;transform:translate(-50%,-100%);font-size:15px;font-weight:600;pointer-events:none;white-space:nowrap;-webkit-text-stroke:3px #14141e;paint-order:stroke fill;color:#8ef08e}.label3d .title{display:block;color:var(--yellow);font-size:14px}.scoreboard .row{display:grid;grid-template-columns:60px 1fr 80px 80px;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:#222c54e6;margin-bottom:6px;font-size:20px}.scoreboard .row.me{background:#6e5a14e6}.scoreboard .head{color:var(--yellow);font-size:16px;background:transparent}@media(max-width:820px){.creator-panel{inset:auto 8px 80px;width:auto;height:42vh}.creator-rail{left:8px;right:8px;top:auto;bottom:calc(42vh + 88px);transform:none;display:flex;overflow-x:auto}.creator-rail button{flex:0 0 60px}.top-text{font-size:38px}.banner .line{font-size:34px}.banner .sub{font-size:22px}.side-buttons{top:auto;bottom:150px;transform:none}.side-btn{min-width:0;font-size:16px;padding:6px 12px}}.iconbtn{width:40px;height:40px;padding:0;display:grid;place-items:center;cursor:pointer}.iconbtn.off{color:#ff8a8a}.login-top{box-shadow:0 0 0 3px #ffffff59,0 4px 16px #0006;animation:login-glow 2.4s ease-in-out infinite}@keyframes login-glow{50%{box-shadow:0 0 0 5px #ffd6508c,0 4px 22px #ffbe2880}}.title-list{display:grid;gap:8px}.title-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:2px solid var(--gold-dark);border-radius:14px;background:#222c54e6}.title-row.on{border-color:var(--yellow);background:#5a4614e6}.title-text{flex:1;text-align:left;border:0;background:none;color:#fff;font:inherit;font-size:18px;font-weight:600;cursor:pointer;padding:0}.title-text:hover{text-decoration:underline}.title-text.lead{color:#ff5a4a;text-shadow:0 0 8px rgba(255,120,40,.7)}.title-count{color:var(--yellow);font-weight:600;width:46px;text-align:right}.leaders .tabs{display:flex;gap:6px;margin-bottom:10px}.leaders .row{display:grid;grid-template-columns:50px 1fr 60px;padding:6px 10px;border-radius:10px;background:#222c54e6;margin-bottom:6px}.leaders .chip{border:2px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:999px;padding:4px 12px;font-size:14px;cursor:pointer}.leaders .chip.on{background:var(--gold);color:var(--ink);border-color:var(--gold)}.room-chip.link{cursor:pointer;text-decoration:underline dotted}.code-btn{cursor:pointer}.code-row{display:flex;gap:10px;justify-content:center}.code-input{width:220px;font:inherit;font-size:28px;font-weight:700;letter-spacing:4px;text-align:center;text-transform:uppercase;border-radius:14px;border:3px solid var(--gold);padding:6px 10px}#ui .vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 75% 70% at 50% 52%,#0000 40%,#0000008c 75%,#000000ed)}.wb{--wb-blue: #0055aa;--wb-white: #fff;--wb-black: #000022;--wb-orange: #ff8800;position:fixed;inset:0;z-index:200;background:var(--wb-blue);color:var(--wb-white);font-family:Topaz,ui-monospace,Menlo,Consolas,monospace;font-size:14px;display:flex;flex-direction:column}.wb button{font:inherit;cursor:pointer}.wb-title{display:flex;align-items:center;gap:12px;height:22px;padding:0 8px;background:var(--wb-white);color:var(--wb-blue)}.wb-title .grow{flex:1}.wb-close-screen{border:2px solid var(--wb-blue);background:var(--wb-white);color:var(--wb-blue);padding:0 8px;line-height:16px}.wb-desktop{position:relative;flex:1;overflow:hidden}.wb-icon{position:absolute;right:18px;width:96px;border:0;background:none;color:var(--wb-white);display:flex;flex-direction:column;align-items:center;gap:4px}.wb-icon .pic{width:44px;height:36px;border:2px solid var(--wb-white);background:var(--wb-black);box-shadow:inset 0 -8px 0 var(--wb-orange)}.wb-icon.disk .pic{width:36px;height:36px;background:linear-gradient(var(--wb-white) 0 30%,var(--wb-black) 30%)}.wb-icon.chart .pic{background:linear-gradient(135deg,transparent 45%,var(--wb-orange) 45% 55%,transparent 55%),var(--wb-black);box-shadow:none}.wb-icon .name{background:var(--wb-blue);padding:0 3px;white-space:nowrap}.wb-icon:hover .name,.wb-icon:focus .name{background:var(--wb-orange);color:var(--wb-black)}.wb-window{position:absolute;display:flex;flex-direction:column;background:var(--wb-blue);border:2px solid var(--wb-white);box-shadow:4px 4px 0 var(--wb-black)}.wb-bar{display:flex;align-items:center;gap:6px;height:20px;padding:0 4px;background:var(--wb-white);color:var(--wb-blue);cursor:move;user-select:none}.wb-gadget{width:16px;height:14px;padding:0;border:2px solid var(--wb-blue);background:var(--wb-white);position:relative}.wb-gadget:after{content:"";position:absolute;inset:3px;background:var(--wb-blue)}.wb-bar .stripes{flex:1;height:10px;background:repeating-linear-gradient(var(--wb-blue) 0 2px,var(--wb-white) 2px 4px)}.wb-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:8px;overflow:auto}.wb-tools{display:flex;gap:8px;margin-bottom:6px}.wb-filter{font:inherit;background:var(--wb-blue);color:var(--wb-white);border:2px solid var(--wb-orange);padding:1px 6px;width:220px}.wb-tab{border:2px solid var(--wb-white);background:var(--wb-blue);color:var(--wb-white);padding:0 10px}.wb-tab.on{background:var(--wb-orange);color:var(--wb-black);border-color:var(--wb-orange)}.wb-row{display:grid;align-items:center;min-height:18px}.wb-head{border-bottom:2px solid var(--wb-white)}.wb-head .wb-cell{border:0;background:none;color:var(--wb-white);text-align:left;padding:2px 6px}.wb-head .wb-cell.on{background:var(--wb-orange);color:var(--wb-black)}.wb-list{flex:1;min-height:60px;overflow-y:auto}.wb-list .wb-row{cursor:pointer}.wb-list .wb-row:hover{outline:1px dotted var(--wb-white)}.wb-list .wb-row.sel{background:var(--wb-orange);color:var(--wb-black)}.wb-cell{padding:1px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-cell.int,.wb-cell.num,.wb-cell.pct{text-align:right}.wb-detail{border-top:2px solid var(--wb-white);padding-top:4px;min-height:52px;white-space:pre-wrap;font-size:13px}.wb-chart-wrap{position:relative}.wb-chart{width:100%;height:auto;display:block}.wb-chart .grid{stroke:#ffffff2e;stroke-width:1}.wb-chart .axis,.wb-chart .direct{fill:var(--wb-white);font:12px ui-monospace,Menlo,monospace}.wb-chart .cross{stroke:var(--wb-white);stroke-width:1;stroke-dasharray:2 2}.wb-legend{display:flex;gap:16px;margin-bottom:4px}.wb-legend i{display:inline-block;width:22px;border-top:2px solid;margin-right:6px;vertical-align:middle}.wb-legend i.dashed{border-top-style:dashed}.wb-tip{position:absolute;display:none;pointer-events:none;background:var(--wb-white);color:var(--wb-blue);padding:4px 8px;border:2px solid var(--wb-black);min-width:140px}.wb-note{opacity:.85;font-size:13px}.wb-hero b{font-size:48px;color:var(--wb-orange)}.admin-btn{font-family:ui-monospace,Menlo,monospace;font-weight:700;background:#05a;color:#fff;border:2px solid #ff8800;border-radius:0;padding:6px 12px;cursor:pointer}.wb-setting{display:grid;grid-template-columns:130px 1fr 210px;align-items:center;gap:10px;margin:8px 0}.wb-slider{accent-color:#ff8800;width:100%}.wb-value{color:#f80}.wb.see-through{background:transparent;pointer-events:none}.wb.see-through .wb-title,.wb.see-through .wb-window,.wb.see-through .wb-icon{pointer-events:auto}.wb.see-through .wb-icon .name{background:#0055aad9}.link-box{position:fixed;left:12px;top:56px;display:flex;gap:6px;align-items:center;background:#101018b8;border-radius:999px;padding:4px 4px 4px 12px;max-width:calc(100vw - 24px)}.link-field{border:0;background:transparent;color:#fff;font:inherit;font-size:14px;outline:none}.link-copy{padding:4px 14px;font-size:14px}.hud-widgets{display:contents}#ui .hud-top{position:fixed;left:50%;top:10px;transform:translate(-50%);width:max-content;max-width:calc(100vw - 24px);display:flex;flex-direction:column;align-items:center;gap:6px}#ui .hud-top .hud-widgets{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;pointer-events:none}.hud-top .hud-widgets>*{pointer-events:auto}.hud-top .link-box,.hud-top .round-pill,.hud-top .top-text{position:static;transform:none}#ui .hud-top .round-pill,#ui .hud-top .top-text{pointer-events:none}.hud-top .round-pill{margin-top:2px}.hud-top .top-text{line-height:1.1}