:root{--font-ui:"Segoe UI Variable","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Microsoft YaHei","PingFang SC",sans-serif;--font-display:var(--font-ui)}body{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.6}button,input,select,textarea{font-family:var(--font-ui);letter-spacing:0}#header{z-index:10;gap:22px;padding:18px 4vw;position:relative}#header nav{flex-wrap:wrap;gap:clamp(12px,1.4vw,24px);font-size:13px;font-weight:550;line-height:1.3}#header nav>a,#header nav>.quiet,#header summary{white-space:nowrap}#header .brand-product{letter-spacing:-.4px;font-size:15px;font-weight:700}#header .account-campus,#header .campus-picker select{letter-spacing:.2px;font-size:14px}#header .profile-button{font-size:13px;font-weight:600}#header .profile-button>span:last-child{max-width:115px}#header .primary{min-height:40px;padding:10px 17px;font-size:13px;font-weight:650}#header #community-bell{border:1px solid #ffffff25;border-radius:50%;justify-content:center;width:36px;height:36px;padding:8px;font-size:20px;line-height:1}#header #community-unread{position:absolute;top:-4px;right:-5px}.nav-more{position:relative}.nav-more summary{cursor:pointer;align-items:center;gap:8px;padding:8px 0;list-style:none;display:flex}.nav-more summary::-webkit-details-marker{display:none}.nav-more summary:after{content:"⌄";font-size:15px}.nav-more>div{background:var(--paper);min-width:200px;color:var(--ink);border:1px solid var(--line);z-index:25;border-radius:13px;padding:8px;position:absolute;top:calc(100% + 13px);right:0;box-shadow:0 15px 45px #0002}.nav-more a{border-radius:8px;padding:11px 13px;font-size:13px;font-weight:500;display:block}.nav-more a:hover{background:var(--accent-soft)}.nav-more[open] summary{color:var(--accent)}.eyebrow{letter-spacing:1.7px;font-size:11px;font-weight:650;line-height:1.5}.messages-toolbar h1{font-family:var(--font-display);letter-spacing:-1.4px;margin:13px 0 10px;font-size:clamp(30px,3.5vw,46px);font-weight:650;line-height:1.15}.messages-toolbar h1 span{font-family:var(--font-ui);font-size:24px}.messages-toolbar p{font-size:13px}.messages-toolbar .dm-connection{font-size:12px}.messages-page{padding-top:34px}.messages-toolbar{margin-bottom:26px}.messages-layout{border-radius:18px;height:min(740px,100dvh - 245px);min-height:500px;box-shadow:0 10px 35px #00000005}.messages-sidebar{padding:24px 18px}.dm-search-label,.dm-list-heading h2,.dm-search-results h2{font-size:13px;font-weight:650}.dm-search{border-radius:10px;padding:12px;font-size:13px}.dm-search-hint{font-size:11px;line-height:1.6}.dm-conversation{border-radius:12px;padding:14px 11px}.dm-conversation-copy strong,.dm-person strong{font-size:14px;font-weight:650}.dm-handle,.dm-person span span{font-size:11px}.dm-snippet{font-size:12px}.dm-avatar{width:40px;height:40px}.dm-room-heading{flex-wrap:wrap;gap:12px;padding:18px 22px}.dm-room-heading>div{flex:1;min-width:110px}.dm-room-heading h2{font-size:17px;font-weight:650;line-height:1.35}.dm-room-heading span:not(.user-avatar){font-size:11px}.dm-room-heading .dm-call{background:var(--accent-soft);border-color:var(--line);color:var(--accent-readable);white-space:nowrap;border-radius:10px;padding:9px 13px;font-size:12px}.dm-room-heading .dm-call>span{color:inherit;font-size:17px}.dm-room-heading .dm-play{border-radius:10px;padding:9px 13px;font-size:12px}.dm-welcome h2{font-family:var(--font-display);letter-spacing:-.7px;font-size:27px;font-weight:600;line-height:1.3}.dm-welcome p,.dm-empty{font-size:13px;line-height:1.8}.dm-message{border-radius:15px 15px 15px 4px;margin-bottom:16px;padding:13px 16px}.dm-message.own{border-radius:15px 15px 4px}.dm-message strong{font-size:11px;font-weight:650}.dm-message time{font-size:10px}.dm-message p{font-size:14px;line-height:1.75}.dm-log{padding:24px}.dm-compose{padding:18px 22px}.dm-input{border-radius:12px;padding:13px 15px;font-size:14px;line-height:1.7}.dm-compose>p,.dm-count{font-size:11px}.dm-compose .primary{border-radius:10px;font-size:13px}.community-page .community-heading h1{font-family:var(--font-display);letter-spacing:-1.6px;font-size:clamp(32px,4.2vw,56px);font-weight:600;line-height:1.15}.community-page .community-heading>div{min-width:0}.community-page .community-heading p{font-size:14px}.community-page .community-feature-grid h2,.community-page .community-panel h2,.community-page .community-screening-card h2,.community-page .community-team-card h3,.community-page .community-empty h2{font-family:var(--font-display);letter-spacing:-.6px;font-size:24px;font-weight:600;line-height:1.3}.community-page .community-tabs a{font-size:12px}.community-page .community-person strong{font-size:13px}.community-page .community-person small{font-size:11px}.community-page .community-feature-grid p{font-size:13px}.community-page .community-panel p{font-size:14px}.community-page .community-stat-grid strong{font-family:var(--font-display);font-size:36px;font-weight:650}.community-page .community-event h3{font-family:var(--font-ui);font-size:16px;font-weight:600}.profile-game-summary h3,.watch-extra h2{font-family:var(--font-display);letter-spacing:-.5px;font-weight:600}.group-bubble p,.notification-row a{font-size:14px}.personal-page .profile-name h1,.games-page .games-hero h1,.games-page .game-room-title h1,:is(.watch-lobby,.watch-room) .watch-room-heading h1,:is(.watch-lobby,.watch-room) .watch-lobby-hero h1{font-family:var(--font-display);letter-spacing:-1.5px;font-size:clamp(32px,4.2vw,54px);font-weight:600;line-height:1.15}.personal-page .profile-about h2,.personal-page .profile-guestbook-title h2,.game-rule-panel h2,.game-section-title h2,:is(.watch-lobby,.watch-room) .watch-create-card h2,:is(.watch-lobby,.watch-room) .watch-chat-heading h2,:is(.watch-lobby,.watch-room) .watch-audience-title h2{font-family:var(--font-display);letter-spacing:-.6px;font-size:25px;font-weight:600;line-height:1.3}.personal-page .profile-name p,.personal-page .profile-note p,:is(.watch-lobby,.watch-room) .watch-room-heading>div>p,:is(.watch-lobby,.watch-room) .watch-message p{font-size:14px}.voice-call-panel{background:var(--paper);width:min(400px,100vw - 32px);color:var(--ink);border:1px solid var(--line);z-index:100;border-radius:22px;padding:22px;animation:.25s ease-out voice-enter;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 70px #0003}.voice-call-panel[hidden]{display:none}.voice-call-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.voice-call-label{letter-spacing:1.5px;color:var(--accent-readable);font-size:10px;font-weight:700}.voice-dismiss{border:0;padding:0 6px;font-size:22px}.voice-call-person{align-items:center;gap:14px;display:flex}.voice-call-person>.user-avatar,.voice-symbol{width:52px;height:52px;font-size:21px}.voice-symbol{background:var(--accent-soft);border-radius:50%;place-items:center;display:grid}.voice-call-person>div{flex:1;min-width:0}.voice-call-person h2{letter-spacing:-.4px;overflow-wrap:anywhere;margin:0 0 4px;font-size:18px;font-weight:650;line-height:1.4}.voice-call-person p{color:var(--muted);margin:0;font-size:13px}.voice-call-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.voice-call-actions button{border-radius:11px;flex:1;min-height:42px;padding:10px 14px;font-size:12px}.voice-hangup,.voice-decline{color:#9b3028!important;background:#fff0ef!important;border-color:#f0d1ce!important}.voice-call-error{color:#9b3028;font-size:12px;line-height:1.6}.voice-privacy{color:var(--muted);margin:17px 0 0;font-size:10px}.voice-live-dot{background:#448266;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 6px #44826618}.voice-call-person .user-avatar{pointer-events:none}@keyframes voice-enter{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:none}}@media (width<=760px){#header{gap:14px;padding:16px 5vw}#header nav{justify-content:flex-start;gap:10px 17px;font-size:12px}#header .profile-button{margin-left:auto}#header .primary{min-height:36px;padding:9px 13px;font-size:12px}.nav-more>div{left:0;right:auto}.messages-layout{height:calc(100dvh - 270px);min-height:490px}.messages-toolbar h1{font-size:34px}.dm-room-heading{gap:10px;padding:15px}.dm-room-heading h2{font-size:16px}.dm-room-heading .dm-play{display:none}.dm-room-heading .dm-call{padding:8px 10px;font-size:11px}.dm-log{padding:17px 14px}.dm-compose{padding:15px}.dm-input{font-size:16px}.voice-call-panel{padding:20px;bottom:16px;right:16px}.community-page .community-flower{display:none}.community-page .community-heading h1{letter-spacing:-1px}}@media (prefers-reduced-motion:reduce){.voice-call-panel{animation:none}}.voice-call-panel.is-video{flex-direction:column;width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);display:flex;overflow:auto}.voice-call-panel.is-video[hidden]{display:none}.is-video>div:first-child{display:contents}.is-video .voice-call-top{order:0}.is-video .voice-call-person{order:1}.is-video .voice-call-error{order:3}.is-video .voice-call-actions{order:4;margin-top:16px}.is-video .voice-privacy{order:5}.video-call-stage{isolation:isolate;aspect-ratio:16/10;color:#fff;background:radial-gradient(at top,#243d3b,#0c1618);border:1px solid #ffffff15;border-radius:16px;order:2;min-height:160px;max-height:44dvh;margin-top:18px;position:relative;overflow:hidden}.video-call-stage[hidden]{display:none}.video-call-placeholder{color:#d3dfdd;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.video-call-remote{object-fit:contain;z-index:1;width:100%;height:100%;position:absolute;inset:0}.video-call-local{aspect-ratio:3/4;object-fit:cover;z-index:2;border:2px solid #ffffffb0;border-radius:12px;width:30%;max-height:65%;position:absolute;bottom:12px;right:12px;transform:scaleX(-1);box-shadow:0 6px 24px #0005}.video-call-local[hidden]{display:none}.video-call-self-label{z-index:3;background:#081313b3;border-radius:6px;padding:4px 8px;font-size:10px;position:absolute;bottom:18px;right:18px}.voice-camera[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-readable)}.watch-lobby .watch-lobby-hero h1>span{font-family:inherit;font-size:inherit}.language-picker{white-space:nowrap;color:inherit;border:1px solid;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font:12px system-ui;display:inline-flex}.language-picker select{appearance:auto;color:inherit;width:auto;max-width:115px;font:inherit;cursor:pointer;background:0 0;border:0;padding:3px}.language-picker option{color:#171128;background:#fff}.language-picker select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.message-translation{margin-top:8px;font:12px/1.5 system-ui}.translate-message,.translation-retry{border:1px solid var(--line);background:var(--surface-soft);color:var(--ink);border-radius:7px;padding:6px 9px;font:600 11px/1.4 system-ui}.translation-controls{border-top:1px solid var(--line);margin-top:9px;padding-top:9px}.translation-controls label{align-items:center;gap:7px;font-size:11px;display:inline-flex}.translation-controls select{background:var(--surface);width:auto;color:var(--ink);padding:5px;font-size:12px}.translation-disclosure{color:var(--muted);font-size:10px!important;line-height:1.6!important}.translation-result{border-left:3px solid var(--accent);background:var(--surface-soft);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 0!important;padding:10px!important;font-size:13px!important}.translation-error{color:var(--muted);font-size:11px!important}.translation-error:empty{display:none}.translation-controls[hidden],.translation-result[hidden]{display:none!important}html[data-language=zh-CN] body,html[data-language=ja] body{font-family:system-ui,-apple-system,Segoe UI,Microsoft YaHei,Hiragino Sans,sans-serif}html:not([data-language=en]) button,html:not([data-language=en]) .button{white-space:normal}html:not([data-language=en]) .games-hero h1,html:not([data-language=en]) .game-room-title h1{font-family:system-ui,sans-serif;font-weight:900}@media (width<=760px){.language-picker{padding:4px 6px;font-size:11px}.language-picker select{max-width:95px}.translation-controls label{flex-wrap:wrap}.translation-result{font-size:13px!important}}.dm-message>.message-translation,.watch-message>.message-translation,.chat-message>.message-translation,.group-bubble>.message-translation{min-width:0;display:block}.message-translation .translation-controls{display:block}.message-translation .translation-controls[hidden],.video-call-placeholder[hidden]{display:none}.voice-help{border-top:1px solid var(--line);order:6;margin-top:14px;padding-top:12px;font-size:12px;line-height:1.5}.voice-help summary{cursor:pointer;font-weight:600}.voice-help p{color:var(--muted)}.voice-help pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-soft);user-select:text;border-radius:8px;max-height:220px;padding:10px;font:11px/1.5 monospace;overflow:auto}.voice-help pre[hidden]{display:none}#toast.feedback-notice{top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));background:var(--surface,var(--paper));width:min(480px,100vw - 32px);max-width:none;max-height:calc(100dvh - 40px);color:var(--ink);border:2px solid var(--accent-readable,var(--green));z-index:200;pointer-events:none;--notice-accent:var(--accent-readable,var(--green));border-radius:18px;grid-template-columns:38px minmax(0,1fr) 32px;gap:14px;padding:22px;font:15px/1.65 system-ui,sans-serif;display:grid;bottom:auto;left:auto;overflow:auto;transform:translateY(-12px);box-shadow:0 16px 60px #0003}#toast.feedback-notice.show{pointer-events:auto;transform:none}#toast.feedback-notice[hidden]{display:none}#toast.feedback-notice[data-kind=error],#toast.feedback-notice[data-kind=warning]{--notice-accent:#963e18;border-color:var(--notice-accent)}.feedback-icon{background:var(--notice-accent);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font:700 22px/1 system-ui;display:grid}.feedback-body{min-width:0}.feedback-title{margin:2px 0 9px;font-size:18px;line-height:1.35;display:block}.feedback-message{overflow-wrap:anywhere;margin:0}.feedback-next{letter-spacing:.03em;margin-top:16px;font-size:13px;display:block}.feedback-steps{margin:7px 0 0;padding-left:21px}.feedback-steps li+li{margin-top:8px}.feedback-dismiss{border:1px solid var(--line);min-width:32px;height:32px;color:var(--ink);background:0 0;border-radius:8px;align-self:start;padding:0;font:24px/1 system-ui}.feedback-dialog{border:2px solid var(--accent-readable,var(--green));border-radius:22px;width:min(700px,100vw - 32px);max-height:calc(100dvh - 40px);padding:clamp(24px,4vw,40px);box-shadow:0 24px 90px #0004}.feedback-dialog::backdrop{backdrop-filter:blur(5px);background:#101b25a6}.feedback-help-badge{background:var(--accent-soft,#edf0e6);color:var(--accent-readable,var(--green));letter-spacing:.04em;border-radius:6px;margin-bottom:18px;padding:6px 11px;font:700 12px/1.5 system-ui;display:inline-block}.feedback-dialog h2{letter-spacing:-.8px;margin:0 0 16px;font:750 clamp(26px,4vw,34px)/1.2 system-ui,sans-serif}.feedback-dialog>.feedback-description{color:var(--muted);margin:0 0 24px;font:16px/1.75 system-ui,sans-serif}.feedback-dialog h3{margin:0 0 14px;font:700 15px/1.4 system-ui}.feedback-help-steps{counter-reset:help-step;gap:12px;margin:0;padding:0;list-style:none;display:grid}.feedback-help-steps li{counter-increment:help-step;border:1px solid var(--line);background:var(--surface-soft,var(--paper));border-radius:12px;grid-template-columns:32px 1fr;align-items:start;gap:12px;padding:14px;font:15px/1.65 system-ui;display:grid}.feedback-step-number{background:var(--accent-readable,var(--green));width:30px;height:30px;color:var(--primary-text,#fff);border-radius:50%;place-items:center;font-weight:750;display:grid}.feedback-help-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.feedback-help-actions button{min-height:48px;padding:12px 22px;font-size:15px}.feedback-help-actions .primary{flex:1}.feedback-help-actions button:focus-visible,.feedback-dismiss:focus-visible{outline:3px solid var(--focus,var(--green));outline-offset:4px}:root[data-theme=dark] #toast.feedback-notice[data-kind=error],:root[data-theme=dark] #toast.feedback-notice[data-kind=warning]{--notice-accent:#ffbd90}:root[data-theme=dark] .feedback-icon{color:#14181d}@media (width<=600px){#toast.feedback-notice{top:max(12px,env(safe-area-inset-top));grid-template-columns:30px minmax(0,1fr) 30px;gap:10px;width:calc(100vw - 24px);padding:18px;font-size:14px;right:12px}.feedback-icon{width:28px;height:28px;font-size:18px}.feedback-title{font-size:17px}.feedback-dialog{padding:24px 20px}.feedback-help-steps li{padding:12px;font-size:14px}.feedback-help-actions{flex-direction:column}.feedback-help-actions button{width:100%}}@media (prefers-reduced-motion:reduce){#toast.feedback-notice{transition:none}}.publish-celebration{text-align:center;background:radial-gradient(ellipse at top,var(--accent-soft,#f8edcf),transparent 65%),var(--surface,var(--paper));width:min(580px,100vw - 32px);padding:44px 38px;position:relative;overflow:auto}.publish-celebration .celebration-dismiss{z-index:2;position:absolute;top:16px;right:16px}.celebration-icon{z-index:1;background:var(--accent-soft,#f8edcf);border-radius:50%;place-items:center;width:94px;height:94px;margin:0 auto 18px;font-size:52px;animation:.55s cubic-bezier(.2,1.3,.4,1) both celebration-pop;display:grid;position:relative}.publish-celebration>.feedback-help-badge{margin-bottom:15px}.publish-celebration h2{margin-bottom:12px;font-size:clamp(30px,5vw,40px)}.publish-celebration>.celebration-message{color:var(--accent-readable,var(--green));margin:0 0 14px;font:700 21px/1.4 system-ui}.publish-celebration>.feedback-description{max-width:390px;margin:0 auto 28px;font-size:16px}.publish-celebration>.primary{z-index:2;width:100%;min-height:50px;font-size:16px;position:relative}.publish-confetti{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.publish-confetti i{top:-20px;left:var(--x);background:var(--colour);width:9px;height:16px;animation:publish-confetti-fall 2.6s var(--delay) cubic-bezier(.18,.65,.6,1) both;border-radius:2px;position:absolute}.publish-confetti i:nth-child(3n){border-radius:50%;width:9px;height:9px}.publish-confetti i:nth-child(4n){width:5px;height:20px}@keyframes celebration-pop{0%{opacity:0;transform:scale(.5)rotate(-14deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes publish-confetti-fall{0%{opacity:0;transform:translateY(-30px)rotate(0)}12%{opacity:1}85%{opacity:1}to{transform:translate3d(var(--sway),620px,0) rotate(600deg);opacity:0}}@media (width<=600px){.publish-celebration{padding:38px 24px 26px}.celebration-icon{width:78px;height:78px;font-size:44px}.publish-celebration>.celebration-message{font-size:19px}}@media (prefers-reduced-motion:reduce){.celebration-icon{animation:none}.publish-confetti{display:none}}