:root{--rail:#1e1f22;--side:#2b2d31;--main:#313338;--panel:#232428;--hover:#35373c;--active:#404249;--input:#383a40;--line:#1f2023;--text:#dbdee1;--strong:#f2f3f5;--muted:#949ba4;--blurple:#5865f2;--green:#23a55a;--red:#f23f43;--live:#ed4245;color:var(--text);background:var(--main);font-family:gg sans,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;font-size:15px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button{font:inherit;color:var(--text);background:var(--input);cursor:pointer;border:none;border-radius:4px;padding:6px 12px}button:hover:not(:disabled){filter:brightness(1.15)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--blurple);color:#fff}button.small{white-space:nowrap;padding:2px 8px;font-size:12px}button.swatch{border:1px solid #0004;border-radius:50%;width:16px;height:16px;padding:0}input,textarea{font:inherit;color:var(--text);background:var(--input);border:none;border-radius:8px;outline:none;padding:10px 12px}.spacer{flex:1}.sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#1a1b1e;border-radius:4px}.joinbg{background:linear-gradient(135deg,#5865f2,#3c45a5);justify-content:center;align-items:center;height:100%;display:flex}.join{background:var(--main);border-radius:8px;flex-direction:column;gap:10px;width:420px;padding:32px;display:flex;box-shadow:0 8px 24px #0006}.join h1{text-align:center;color:var(--strong);margin:0;font-size:24px}.join p{text-align:center;color:var(--muted);margin:0 0 12px}.join label{color:var(--muted);font-size:12px;font-weight:700}.join input{background:var(--rail);border-radius:4px}.join button{margin-top:8px;padding:10px}.join small{color:var(--muted);text-align:center}.dc{height:100%;display:flex}.rail{background:var(--rail);flex-direction:column;flex:none;align-items:center;width:72px;padding-top:12px;display:flex}.guild{background:var(--blurple);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex;position:relative}.guild:before{content:"";background:#fff;border-radius:0 4px 4px 0;width:4px;height:40px;position:absolute;left:-16px}.av{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;transition:box-shadow .1s;display:flex}.av.speaking{box-shadow:0 0 0 2px var(--side), 0 0 0 4px var(--green)}.livebadge{background:var(--live);color:#fff;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:800}.modebadge{color:#1e1f22;background:#f0b132;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:800}.cat{color:var(--muted);text-transform:uppercase;padding:16px 8px 4px;font-size:12px;font-weight:700}.channels{background:var(--side);flex-direction:column;flex:none;width:240px;display:flex}.guildhdr{height:48px;color:var(--strong);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:0 16px;font-weight:700;display:flex;box-shadow:0 1px 2px #0003}.reconn{color:var(--red);font-size:11px;font-weight:400}.chlist{flex:1;padding:0 8px;overflow-y:auto}.ch{color:var(--muted);cursor:pointer;border-radius:4px;align-items:center;gap:6px;margin:1px 0;padding:6px 8px;display:flex}.ch:hover{background:var(--hover);color:var(--text)}.ch.active{background:var(--active);color:var(--strong)}.chicon{text-align:center;opacity:.8;width:20px;font-size:16px}.chname{flex:1;font-weight:500}.ch .count{color:var(--muted);font-size:12px}.vmembers{padding-left:30px}.vmember{color:var(--muted);border-radius:4px;align-items:center;gap:8px;padding:3px 6px;font-size:14px;display:flex}.vmember:hover{background:var(--hover)}.vname{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ico{font-size:12px}.voicepanel{background:var(--panel);border-bottom:1px solid #ffffff0f;align-items:center;padding:8px;display:flex}.vstate{flex:1;min-width:0}.conn{font-size:14px;font-weight:700}.conn.ok{color:var(--green)}.conn.ng{color:var(--muted)}.vbtns{gap:4px;display:flex}.vbtns button,.iconbtn{background:0 0;width:32px;height:32px;padding:0;font-size:16px}.vbtns button:hover:not(:disabled),.iconbtn:hover:not(:disabled){background:var(--hover)}.vbtns button.on{background:var(--green)}.iconbtn.off{color:var(--red)}.userpanel{background:var(--panel);align-items:center;gap:8px;padding:8px;display:flex}.uinfo{flex:1;min-width:0}.uname{color:var(--strong);font-size:14px;font-weight:700}.userpanel .av.speaking{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--green)}.mainarea{background:var(--main);flex-direction:column;flex:1;min-width:0;display:flex}.mainhdr{border-bottom:1px solid var(--line);height:48px;color:var(--strong);flex:none;align-items:center;gap:8px;padding:0 16px;display:flex;box-shadow:0 1px 2px #0003}.mainhdr .topic{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-left:1px solid #ffffff1a;margin-left:4px;padding-left:12px;font-size:13px;overflow:hidden}.modeswitch{background:var(--rail);border-radius:6px;flex:none;padding:2px;display:flex}.modeswitch button{min-width:52px;color:var(--muted);background:0 0;padding:4px 12px;font-weight:700}.modeswitch button.active{background:var(--blurple);color:#fff}.mainbody{flex:1;min-height:0;display:flex}main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}aside{background:var(--side);flex-direction:column;flex:none;width:300px;min-height:0;display:flex}.members{padding:0 8px;overflow-y:auto}.member{border-radius:4px;align-items:center;gap:12px;padding:6px 8px;display:flex}.member:hover{background:var(--hover)}.minfo{min-width:0}.mname{color:var(--text);font-weight:500}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.panelhdr{color:var(--strong);border-bottom:1px solid var(--line);padding:12px 16px;font-weight:700}.messages{flex:1;padding:16px 0 8px;overflow-y:auto}.msg{gap:16px;margin-top:12px;padding:4px 16px;display:flex}.msg.cont{margin-top:0;padding-top:1px;padding-bottom:1px;padding-left:72px}.msg:hover{background:#2e3035}.mbody{min-width:0}.msg b{font-weight:600}.time{color:var(--muted);margin-left:8px;font-size:12px}.mtext{white-space:pre-wrap;word-break:break-word;color:var(--text);line-height:1.4}.sys{color:var(--muted);padding:4px 16px 4px 72px;font-size:13px}.composer{padding:0 16px 20px}.composer input{width:100%}.chat.compact{background:var(--main)}.chat.compact .msg{gap:10px;margin-top:8px;padding:3px 12px}.chat.compact .msg.cont{margin-top:0;padding-left:54px}.chat.compact .sys{padding-left:12px}.chat.compact .composer{padding:0 12px 12px}.session{flex:1;gap:0;min-height:0;display:flex}.stage{background:#000;flex-direction:column;flex:1;gap:12px;min-width:0;padding:16px;display:flex}.stream{background:#111;border-radius:8px;flex:1;min-height:0;position:relative;overflow:hidden}.videohost,.videohost video{width:100%;height:100%}.videohost video{object-fit:contain;display:block}.caption{color:#fff;background:#000a;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600;position:absolute;bottom:10px;left:10px}.tiles{flex-wrap:wrap;flex:1;place-content:center;gap:8px;display:flex}.tiles.small{flex:none}.tile{aspect-ratio:16/9;background:var(--side);border-radius:8px;justify-content:center;align-items:center;width:240px;display:flex;position:relative;box-shadow:inset 0 0 0 2px #0000}.tiles.small .tile{width:140px}.tiles.small .tile .av{width:40px!important;height:40px!important;font-size:17px!important}.tile.speaking{box-shadow:inset 0 0 0 3px var(--green)}.tilename{color:#fff;background:#000a;border-radius:4px;padding:2px 8px;font-size:13px;position:absolute;bottom:8px;left:8px}.tilemode{color:#1e1f22;background:#f0b132;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:800;position:absolute;top:8px;right:8px}.controlbar{flex:none;justify-content:center;gap:12px;display:flex}.round{white-space:nowrap;background:#2b2d31;border-radius:24px;min-width:48px;height:48px;padding:0 14px;font-size:18px}.round.off{background:var(--red);color:#fff}.round.on{background:var(--green)}.round.enter3d{background:var(--blurple);color:#fff;padding:0 20px;font-size:15px;font-weight:700}.boardview{flex-wrap:wrap;flex:1;align-items:flex-start;gap:16px;padding:16px;display:flex;overflow-y:auto}.board{flex:360px}.addnote{gap:8px;display:flex}.addnote input{flex:1}.cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:16px;display:grid}.card{color:#1c1917;border-radius:4px;flex-direction:column;gap:4px;padding:10px;display:flex;box-shadow:0 2px 6px #0006}.card.selected{outline:3px solid var(--blurple)}.card textarea{color:#1c1917;resize:none;background:0 0;border:none;border-radius:0;height:80px;padding:2px}.cardfoot{align-items:center;gap:4px;display:flex}.card button.small{color:#1c1917;background:#0000001a}.meta{color:#57534e;font-size:11px}.map{background:var(--side);flex:0 0 300px;padding:16px;overflow-y:auto}.boardview .map{border-radius:8px}.map h3{color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:700}.map h3 small{font-weight:400}.map svg{aspect-ratio:1;background:var(--rail);touch-action:none;border-radius:8px;width:100%;display:block}.map .floor{fill:#3a3c42;stroke:#5c5f66;stroke-width:.1px}.map .screen{stroke:#b5bac1;stroke-width:.35px}.map .screen.live{stroke:var(--live)}.map .label{fill:#dbdee1;pointer-events:none;font-size:.7px}.map .mapnote{cursor:grab}.map .speakring{fill:none;stroke:var(--green);stroke-width:.2px}.twod{color:var(--muted);margin-top:8px;font-size:13px}.view3d{position:absolute;inset:0}.view3d canvas{touch-action:none}.addnote3d{position:absolute;top:12px;right:12px}.nametag{color:#fff;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:#000c;border-radius:10px;padding:2px 8px;font-size:14px}.nametag.speaking{background:var(--green)}.nametag.live{background:var(--live)}.noteeditor{background:var(--side);border-radius:8px;flex-direction:column;gap:8px;width:min(480px,90%);padding:12px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0008}.noteeditor textarea{resize:none;color:#1c1917;border-radius:4px;height:72px}.noteeditor .row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.noteeditor small{color:var(--muted)}.ch.joined .chname{color:var(--strong)}.conn.wait{color:#f0b132}.vbtns button.hangup:hover:not(:disabled){background:var(--red)}.round.hangup{background:var(--red);color:#fff}.tabs{border-left:1px solid #ffffff1a;gap:4px;margin-left:12px;padding-left:12px;display:flex}.tabs button{color:var(--muted);background:0 0;padding:4px 10px}.tabs button:hover:not(:disabled){background:var(--hover);color:var(--text);filter:none}.tabs button.active{background:var(--active);color:var(--strong)}.welcome{padding:16px 16px 8px}.welcome .bigicon{background:var(--active);width:68px;height:68px;color:var(--strong);border-radius:50%;justify-content:center;align-items:center;font-size:40px;display:flex}.welcome h2{color:var(--strong);margin:8px 0 4px;font-size:28px}.welcome .sub{white-space:normal;font-size:14px}.tiles{flex-wrap:wrap;flex:1;place-content:center;gap:8px;min-height:0;display:flex;overflow-y:auto}.focusarea{flex:1;min-height:0;display:flex}.tilerow{flex:none;justify-content:center;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.tilerow .tile{width:150px}.tilerow .tile .av{width:40px!important;height:40px!important;font-size:17px!important}.tile{cursor:default;overflow:hidden}.tile.big{aspect-ratio:auto;cursor:default;flex:1;width:auto}.streamtile{cursor:pointer;background:#111}.streamtile .videohost{position:absolute;inset:0}.activity{cursor:pointer;background:var(--side);flex-direction:column;justify-content:flex-start;align-items:stretch}.activity.big{cursor:default}.activityhdr{color:var(--strong);flex:none;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:700;display:flex}.activity.big .activityhdr{padding:8px 12px;font-size:15px}.activitybody{flex:1;justify-content:center;align-items:center;min-height:0;padding:0 6px 6px;display:flex}.panelcanvas{border-radius:6px;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.activity:not(.big) .panelcanvas{pointer-events:none}.tile.hittable{cursor:crosshair}.tile.hittable:hover{box-shadow:inset 0 0 0 3px #f0b132}.tile.hit{animation:.45s tileshake}@keyframes tileshake{0%,to{transform:none}20%{transform:translate(-6px,3px)rotate(-2deg)scale(.96)}40%{transform:translate(5px,-2px)rotate(2deg)}60%{transform:translate(-3px,1px)}}.tilehammer{font-size:26px;position:absolute;bottom:6px;right:8px;transform:rotate(-20deg)}.hammerbar{flex-wrap:wrap;flex:none;justify-content:center;gap:8px;display:flex}.hammerchip{background:var(--side);border-radius:16px;align-items:center;gap:8px;padding:4px 6px 4px 12px;font-size:13px;display:flex}.stage{position:relative}.hitfx{pointer-events:none;z-index:5;position:absolute}.flyhammer{font-size:48px;animation:.5s cubic-bezier(.3,0,.6,1) forwards flyhammer;position:absolute;top:-40px;left:-24px}@keyframes flyhammer{0%{transform:translate(var(--dx), var(--dy)) rotate(0deg)}70%{transform:translate(0)rotate(-40deg)}80%{transform:translate(0)rotate(35deg)}to{opacity:0;transform:translate(0)rotate(0)}}.pico{text-align:center;color:#fde047;text-shadow:0 2px #000,0 0 8px #f59e0b;opacity:0;width:80px;font-size:22px;font-weight:900;animation:.7s .3s forwards pico;position:absolute;top:-70px;left:-40px}@keyframes pico{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:translateY(-20px)}}.itemmenu{position:relative}.itemlist{z-index:10;background:var(--rail);border-radius:8px;width:280px;margin-top:8px;padding:0 6px 6px;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0009}.itemlist.up{margin:0 0 8px;inset:auto auto 100% 50%;transform:translate(-50%)}.itemrow{cursor:pointer;border-radius:4px;align-items:center;gap:10px;padding:8px;display:flex}.itemrow:hover{background:var(--blurple)}.itemrow:hover .sub{color:#dfe1ff}.itemicon{text-align:center;width:32px;font-size:24px}.itemname{color:var(--strong);font-weight:700}.itemrow .sub{white-space:normal}.map.bare{background:0 0;flex-direction:column;flex:1;align-items:center;height:100%;min-height:0;padding:0;display:flex;overflow:hidden}.map.bare svg{flex:1;width:auto;max-width:100%;height:100%;min-height:0}.map.bare .twod{margin-top:4px;font-size:11px}.maptile:not(.big) svg{pointer-events:none}.maptile:not(.big) .twod{display:none}.crosshair{pointer-events:none;background:#fff;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #0008}.crosshair.on{background:0 0;width:14px;height:14px;margin:-7px 0 0 -7px;box-shadow:0 0 0 3px #fde047,0 0 0 5px #0008}.aimhint{white-space:nowrap;color:#fff;pointer-events:none;background:#000b;border-radius:6px;padding:4px 10px;font-size:13px;position:absolute;top:calc(50% + 22px);left:50%;transform:translate(-50%)}.keyhelp{white-space:nowrap;text-overflow:ellipsis;color:#e3e5e8;pointer-events:none;background:#000a;border-radius:6px;max-width:95%;padding:4px 12px;font-size:12px;position:absolute;bottom:12px;left:50%;overflow:hidden;transform:translate(-50%)}.view3d:not(.locked) .keyhelp{background:#000c;padding:8px 16px;font-size:15px;bottom:50%}.view3d.locked .tools3d{opacity:.4;pointer-events:none}.tools3d{align-items:center;gap:8px;display:flex;position:absolute;top:12px;right:12px}.tools3d .round{min-width:36px;height:36px;font-size:16px}.hitme{color:#fde047;text-shadow:0 3px #000,0 0 16px #f59e0b;pointer-events:none;font-size:64px;font-weight:900;animation:.7s forwards pico;position:absolute;top:30%;left:50%;transform:translate(-50%)}.nametag.compat{background:#5865f2;font-size:12px}.noteeditor{bottom:48px}.map .hall{fill:#2f3136;stroke:#5c5f66;stroke-width:.1px}.map .door{stroke:#f0b132;stroke-width:.3px}.map .mapitem{cursor:grab}.map .mapitembg{fill:#1e1f22;stroke:#949ba4;stroke-width:.08px}.map .mapicon{pointer-events:none;font-size:.9px}.map .label.small{font-size:.5px}.map .maphit{animation:.45s maphit}@keyframes maphit{30%{opacity:.3}}.nametag.twod{background:#4e5058}.nametag.hitflash{color:#1e1f22;background:#f0b132}.panelcanvas.drawable{cursor:crosshair;touch-action:none}.chatimg{cursor:zoom-in;border-radius:6px;max-width:min(320px,100%);max-height:240px;margin-top:4px;display:block}.msg.cont .chatimg{margin-top:2px}.lightbox{z-index:50;cursor:zoom-out;background:#000d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox img{border-radius:8px;max-width:92vw;max-height:88vh;box-shadow:0 8px 32px #000}.lightbox .dl{background:var(--blurple);color:#fff;border-radius:6px;padding:8px 16px;font-weight:700;text-decoration:none;position:absolute;top:16px;right:16px}.viewfinder{pointer-events:none;position:absolute;inset:8% 10%}.viewfinder i{border:3px solid #fffc;width:40px;height:40px;position:absolute}.viewfinder .tl{border-bottom:0;border-right:0;top:0;left:0}.viewfinder .tr{border-bottom:0;border-left:0;top:0;right:0}.viewfinder .bl{border-top:0;border-right:0;bottom:0;left:0}.viewfinder .br{border-top:0;border-left:0;bottom:0;right:0}.viewfinder .rec{color:#fff;background:#ed4245;border-radius:4px;padding:2px 10px;font-size:13px;font-weight:800;animation:1.2s infinite recblink;position:absolute;top:12px;left:12px}@keyframes recblink{50%{opacity:.55}}.flash{pointer-events:none;background:#fff;animation:.35s forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:.9}to{opacity:0}}.itemrow.disabled{opacity:.45;cursor:not-allowed}.itemrow.disabled:hover{background:0 0}.msg.cont{flex-direction:column;align-items:flex-start;gap:0}.followbtn{background:var(--blurple);color:#fff;position:absolute;bottom:8px;right:8px}.followbtn.on{background:var(--green)}.tilerow .followbtn{padding:1px 6px;font-size:11px;bottom:4px;right:4px}.tilefollowers{color:#fff;background:#000a;border-radius:4px;padding:1px 8px;font-size:12px;position:absolute;top:8px;left:8px}.streamtile .unfollow{position:absolute;bottom:10px;right:10px}.follownotice{color:#fff;white-space:nowrap;background:#5865f2ee;border-radius:8px;align-items:center;gap:10px;padding:6px 8px 6px 14px;font-size:13px;display:flex;position:absolute;top:58px;left:50%;transform:translate(-50%)}.view3d.locked .follownotice button{pointer-events:none}.maptip{z-index:30;background:var(--rail);border-radius:8px;flex-direction:column;align-items:stretch;gap:8px;width:220px;padding:10px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #000a}.maptiphdr{color:var(--strong);font-size:13px;font-weight:700}.maptippreview{justify-content:center;height:150px;display:flex}.maptippreview .panelcanvas{pointer-events:none}.maptipnote{color:#1c1917;white-space:pre-wrap;border-radius:4px;max-height:120px;padding:8px;font-size:13px;overflow:hidden}.map .hittable,.map.hammering .hittable *{cursor:none}.map .mapself{cursor:grab}.map .selfring{fill:none;stroke:#fff;stroke-width:.08px;stroke-dasharray:.15 .1}.map.hammering svg,.tile.hittable{cursor:none}.hammercursor{z-index:60;pointer-events:none;position:fixed;top:0;left:0}.hammercursor div{transform-origin:30% 90%;filter:drop-shadow(0 2px 2px #0008);font-size:34px;transform:translate(-30%,-70%)rotate(-25deg)}.hammercursor div.swing{animation:.3s hammerswing}@keyframes hammerswing{0%{transform:translate(-30%,-70%)rotate(-25deg)}40%{transform:translate(-30%,-70%)rotate(-80deg)}70%{transform:translate(-30%,-70%)rotate(20deg)}to{transform:translate(-30%,-70%)rotate(-25deg)}}.vmember .dist{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:11px}.vmember.far{opacity:.5}.vmember.large{color:var(--text);gap:10px;padding:6px 10px;font-size:15px}.vmember.large .dist{font-size:13px}.farline{color:#f0b132;align-items:center;gap:6px;margin:6px 0;font-size:10px;font-weight:700;display:flex}.farline:before,.farline:after{content:"";border-top:1px dashed #f0b13288;flex:1}.playerlist{flex:1;min-height:0;padding:0 8px 8px;overflow-y:auto}.playerstile:not(.big) .playerlist{pointer-events:none}.playerstile:not(.big) .vmember{padding:1px 4px;font-size:11px}.playerstile:not(.big) .vmember .av{width:16px!important;height:16px!important;font-size:8px!important}.playerstile.big .playerlist{width:100%;max-width:520px;margin:0 auto}.followmini{background:var(--blurple);color:#fff;flex:none;padding:1px 7px;font-size:11px}.followmini.on{background:var(--green)}.vmember:not(.large) .followmini:not(.on){display:none}.vmember:not(.large):hover .followmini{display:inline-block}.member .followmini{margin-left:auto}.itemdot{text-align:center;flex:none;width:32px;font-size:20px}.itemrow2 .vname .sub{margin-left:6px;display:inline}.itemrow2 button.small{flex:none}.listfilter{flex-wrap:wrap;gap:6px;padding:0 12px 8px;display:flex}.chip{background:var(--rail);color:var(--muted);border-radius:12px;padding:3px 10px;font-size:12px}.chip.on{color:var(--strong);background:#404249;box-shadow:inset 0 0 0 1px #5865f2}