:root{--bg:#f5f6f2;--ink:#202722;--muted:#7a827d;--line:#e5e8e0;--paper:#fff;--accent:#d4ef69;--accent-dark:#435a1a;--nav:#161c18;--danger:#b14343;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #90ad45;outline-offset:3px}button{transition:background .15s,transform .15s}button:active{transform:scale(.97)}[hidden]{display:none!important}svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}.app-shell{height:100dvh;display:flex}.sidebar{width:214px;flex-shrink:0;background:var(--nav);color:#c3c9c1;padding:38px 22px 24px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:white;font-size:26px;font-weight:900;letter-spacing:-1.2px;margin-bottom:55px}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:3.5px;color:#959f95;margin-top:4px}.brand-mark{width:49px;height:49px;border-radius:15px;background:var(--accent);color:#1b2418;display:flex;align-items:center;justify-content:center;font-size:39px;letter-spacing:-9px;padding-right:10px;transform:rotate(-6deg)}.brand-mark span{display:block;transform:rotate(180deg)}.side-tabs{display:grid;gap:9px}.side-tab,.side-action{background:transparent;color:inherit;text-align:left;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:12px;font-size:16px;font-weight:600}.side-tab.active{background:var(--accent);color:#253018}.side-tab:not(.active):hover,.side-action:hover{background:#29332b;color:white}.side-rule{height:1px;background:#333c33;margin:26px 10px 16px}.side-action{font-size:13px;font-weight:400;padding:13px 12px;gap:11px}.side-action svg{width:19px;height:19px}.side-bottom{margin-top:auto;padding:0 12px;font-size:12px;color:#cad0c8;line-height:1.7}.side-bottom p{font-size:10px;letter-spacing:1px;color:#7d887d}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:7px}.workspace{min-width:0;flex:1;position:relative;display:flex;flex-direction:column;padding:26px 44px 0}.topbar{display:flex;align-items:center;gap:17px;flex-shrink:0}.page-heading{flex:1}.page-heading>span{font-size:10px;font-weight:700;letter-spacing:2.4px;color:#8a9287}h1{font-size:24px;letter-spacing:-.7px;margin:6px 0 0;font-weight:800}.topbar form{height:44px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:30px;width:260px;color:#869080}.topbar input{border:0;outline:0;background:none;width:100%;min-width:0;font-size:12px}.topbar form svg{width:17px;height:17px}.search-clear{background:transparent;color:#75806e;font-size:20px;padding:0 1px}.icon-btn{background:transparent;color:inherit;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.icon-btn:hover{background:#e9eee2}.avatar-button{width:40px;height:40px;border-radius:50%;background:#e4eacb;color:#455333;font-size:17px;font-weight:700;display:grid;place-items:center}.notification-dot{width:6px;height:6px;background:#e4784c;border-radius:50%;display:inline-block;flex-shrink:0}.top-notice .notification-dot{position:absolute;right:5px;top:6px}.feed-toolbar{display:flex;align-items:center;justify-content:space-between;padding:24px 0 15px;gap:16px;flex-shrink:0}.filter-chips{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.chip{border:1px solid var(--line);background:#fff;color:#7c8578;padding:8px 15px;font-size:12px;border-radius:20px;white-space:nowrap}.chip.active{background:#222d24;color:white;border-color:#222d24}.text-button{background:none;display:inline-flex;gap:6px;align-items:center;color:#75806e;font-size:12px;white-space:nowrap;padding:7px}.text-button svg{width:15px;height:15px}.feed{flex:1;min-height:0;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;scroll-behavior:smooth;padding-bottom:18px}.feed::-webkit-scrollbar{display:none}.game-card{scroll-snap-align:start;scroll-snap-stop:always;min-height:calc(100dvh - 168px);padding-bottom:20px;display:flex;align-items:stretch;gap:18px}.card-body{min-width:0;flex:1;border-radius:22px;overflow:hidden;position:relative;background:#18241c;display:flex;flex-direction:column;box-shadow:0 10px 35px #25341a0a}.video-stage{position:relative;flex:1;min-height:260px;overflow:hidden;display:grid;place-items:center;background:#1a231b}.video-backdrop{position:absolute;inset:-30px;background:var(--poster) center/cover;filter:blur(35px) brightness(.42);opacity:.7}.video-stage video{position:relative;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;z-index:1}.video-stage:after{content:"";pointer-events:none;position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#0003,transparent 20%,transparent 70%,#0004)}.video-top{position:absolute;z-index:3;top:21px;left:24px;right:22px;display:flex;justify-content:space-between;align-items:center;gap:10px}.video-stamp{background:#ffffff20;color:white;backdrop-filter:blur(12px);border:1px solid #ffffff29;border-radius:20px;display:flex;align-items:center;padding:7px 11px;gap:6px;font-size:10px;letter-spacing:.5px}.video-stamp span{width:5px;height:5px;border-radius:50%;background:var(--accent)}.video-controls{display:flex;gap:7px}.glass-btn{width:33px;height:33px;border-radius:50%;background:#0004;color:#fff;display:grid;place-items:center;backdrop-filter:blur(5px)}.glass-btn svg{width:17px;height:17px}.play-overlay{position:absolute;z-index:4;inset:0;display:flex;align-items:center;justify-content:center;background:transparent;color:white;pointer-events:none}.play-overlay button{pointer-events:auto;width:66px;height:66px;border-radius:50%;background:#0005;border:1px solid #fff7;color:#fff;display:grid;place-items:center}.video-error{position:absolute;z-index:5;left:20px;right:20px;top:40%;text-align:center;color:white;font-size:13px}.video-error button{display:block;margin:10px auto;background:#fff2;color:white;border:1px solid #fff4;border-radius:20px;padding:7px 16px}.video-progress{height:3px;background:#ffffff25;position:absolute;left:0;right:0;bottom:0;z-index:4}.video-progress span{height:100%;display:block;width:0;background:var(--accent)}.card-info{position:relative;background:#fff;padding:23px 27px 24px;display:flex;align-items:center;gap:20px}.card-copy{min-width:0;flex:1}.card-reason{font-size:10px;color:#838d79;display:flex;align-items:center;gap:5px;margin-bottom:8px;letter-spacing:.2px}.card-reason svg{width:13px;height:13px}.card-title{font-size:25px;font-weight:800;letter-spacing:-.8px;line-height:1.2;margin:0 0 8px}.card-description{font-size:12px;color:#8b9186;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:580px;margin:0;line-height:1.6}.game-tags{display:flex;gap:5px;margin-top:11px}.game-tag{font-size:10px;background:#f2f5ed;color:#738065;padding:4px 7px;border-radius:5px}.play-button{background:var(--accent);color:#26351c;border-radius:15px;min-width:158px;padding:18px 22px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:800;font-size:15px}.play-button:hover{background:#c3e74f}.play-button svg{width:17px;height:17px;fill:currentColor;stroke-width:0}.card-rail{width:46px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:20px;padding-bottom:20px}.rail-action{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;color:#6f7b68;min-width:44px;padding:0;font-size:10px}.rail-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e9ede4;border:1px solid #e1e7da}.rail-action:hover .rail-icon{background:#dce5ce}.rail-action.is-active{color:#4f6e1f}.rail-action.is-active .rail-icon{background:#dfecb9}.rail-action.is-active .heart{fill:#84a53c;stroke:#84a53c}.rail-action.is-active .bookmark{fill:#84a53c;stroke:#84a53c}.feed-navigation{position:fixed;right:12px;top:50%;display:flex;flex-direction:column;gap:8px}.feed-navigation button{background:#fff;color:#78866d;border:1px solid var(--line);border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.feed-navigation svg{width:17px;height:17px}.empty-state,.loading-state{height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#828c7a;text-align:center;gap:10px;padding:20px}.empty-state>svg{width:48px;height:48px;margin-bottom:8px;color:#a0b37e}.empty-state h2{font-size:20px;color:#35422e;margin:0}.empty-state p,.loading-state p{font-size:13px;max-width:320px;line-height:1.8;margin:0}.primary-button{padding:12px 22px;border-radius:11px;background:var(--accent);color:#2b391c;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.secondary-button{padding:10px 15px;border-radius:9px;border:1px solid var(--line);background:white;color:#68765c;font-size:12px}.danger-button{color:var(--danger)}.spinner{width:26px;height:26px;border:3px solid #a8b88b35;border-top-color:#94ac55;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%,20px);z-index:10000;background:#263022f5;color:white;border-radius:12px;padding:13px 20px;font-size:13px;max-width:90vw;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 6px 30px #0003}.toast.show{opacity:1;transform:translate(-50%,0)}.sheet-backdrop{position:fixed;inset:0;background:#101a1255;backdrop-filter:blur(3px);z-index:800}.sheet{position:fixed;top:18px;right:18px;bottom:18px;width:420px;max-width:calc(100vw - 36px);background:#fcfdf9;border-radius:22px;box-shadow:0 20px 90px #0003;z-index:810;display:flex;flex-direction:column;overflow:hidden}.sheet-header{padding:26px 25px 19px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.sheet-header h2{margin:4px 0 0;font-size:21px;letter-spacing:-.6px}.sheet-header>div>span{font-size:10px;letter-spacing:1.4px;color:#8e9984}.sheet-body{flex:1;min-height:0;overflow:auto;padding:23px 25px}.sheet-body p{font-size:13px;line-height:1.7}.form-stack{display:grid;gap:16px}.form-stack label{display:grid;gap:7px;font-size:12px;color:#68765e}.field{border:1px solid #dde3d5;border-radius:10px;background:white;padding:12px 13px;width:100%;color:#303c28;font-size:13px}.field:focus{outline:2px solid #c4d798;outline-offset:0}.field-hint{font-size:11px!important;color:#8b967f;line-height:1.6}.form-error{background:#fff0ed;border-radius:8px;color:#aa5141;font-size:12px;padding:10px 12px}.auth-switch{margin-top:22px;text-align:center;font-size:12px;color:#89967a}.link-button{background:none;color:#577728;padding:4px;font-size:12px}.panel-subhead{display:flex;align-items:center;justify-content:space-between;margin:20px 0 11px;gap:10px}.panel-subhead h3{margin:0;font-size:13px;font-weight:750}.panel-subhead small{font-size:10px;color:#89977c}.person-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #edf0e8}.person-avatar{width:39px;height:39px;border-radius:14px;background:#e6edda;color:#718254;font-weight:700;font-size:16px;display:grid;place-items:center;flex-shrink:0}.person-text{flex:1;min-width:0}.person-text strong{display:block;font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-text small{display:block;font-size:11px;color:#929c88;margin-top:4px;line-height:1.5}.tiny-button{font-size:11px;padding:8px 10px;border-radius:8px;background:#e8efdb;color:#607844;white-space:nowrap}.tiny-button.quiet{background:none;color:#8d9882}.person-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.comment-item{padding:17px 0;border-bottom:1px solid #e9eee2}.comment-head{display:flex;align-items:center;gap:8px}.comment-head strong{font-size:12px;color:#566547}.comment-head time{font-size:10px;color:#9aa58e;margin-left:auto}.comment-item p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8;margin:10px 0 6px}.comment-actions{display:flex;gap:10px}.comment-actions button{background:none;padding:2px 0;color:#93a081;font-size:10px}.comment-reply{margin-left:23px;border-left:2px solid #e0e8d5;padding-left:13px}.compose{padding-top:20px;position:sticky;bottom:-23px;background:linear-gradient(#fcfdf9ee,#fcfdf9 20%);padding-bottom:23px}.compose textarea{resize:vertical;min-height:88px}.compose-footer{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.compose-footer small{color:#94a183;font-size:10px}.compose-target{display:flex;align-items:center;justify-content:space-between;color:#6f8256;font-size:11px;padding:7px 0}.notifications{display:grid;gap:10px}.notification-card{background:#f1f5e8;border:1px solid #e6ecd9;border-radius:12px;padding:15px}.notification-card.read{background:#fff}.notification-card p{margin:0 0 8px}.notification-card small{font-size:10px;color:#92a17e}.notification-actions{display:flex;gap:8px;margin-top:10px}.profile-hero{display:flex;align-items:center;gap:14px;margin-bottom:25px}.profile-hero .person-avatar{width:60px;height:60px;font-size:25px;border-radius:21px}.profile-hero h3{margin:0 0 5px;font-size:19px}.profile-hero p{margin:0;color:#95a185;font-size:12px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.settings-row small{display:block;color:#94a183;font-size:11px;margin-top:5px}.settings-row input{accent-color:#94b64b;width:18px;height:18px}.copy-row{display:flex;gap:8px;margin:12px 0}.copy-row .field{font-size:11px;min-width:0}.invite-heading{display:flex;align-items:center;gap:12px;background:#edf3df;border-radius:12px;padding:14px;margin-bottom:18px}.invite-heading svg{color:#759747;width:28px;height:28px}.invite-heading strong{display:block;font-size:14px}.invite-heading small{display:block;margin-top:4px;color:#8a9978;font-size:11px}.game-stage{position:fixed;inset:0;background:#141916;z-index:600;display:flex;flex-direction:column;color:#f2f6ed}.game-topbar{height:57px;flex-shrink:0;padding:0 20px;display:flex;align-items:center;gap:22px;background:#141b17;border-bottom:1px solid #ffffff16;z-index:3}.game-back{display:flex;gap:6px;align-items:center;color:#c6d2be;font-size:12px;background:#ffffff0a;border-radius:9px;padding:8px 12px}.game-back svg{width:17px;height:17px}.game-topbar strong{display:block;font-size:13px}.game-topbar small{display:block;font-size:10px;color:#90a183;margin-top:3px}.game-top-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.game-action{display:flex;align-items:center;gap:7px;background:var(--accent);color:#28391c;padding:9px 15px;border-radius:10px;font-size:12px;font-weight:700}.game-action svg{width:16px;height:16px}.game-topbar .icon-btn:hover{background:#fff2}.game-frame-host{flex:1;min-height:0;position:relative;overflow:hidden}.game-frame-host iframe{border:0;width:100%;height:100%;display:block;background:#17251b}.game-loading{position:absolute;inset:57px 0 0;background:#16221bf8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:2}.game-loading h2{font-size:21px;font-weight:650;margin:6px 0 0}.game-loading p{font-size:12px;color:#92a48d;max-width:80vw;text-align:center}.exit-handle{position:absolute;left:12px;top:47%;width:25px;height:88px;border-radius:14px;background:#111b17b0;border:1px solid #ffffff40;display:flex;justify-content:center;align-items:center;z-index:5;touch-action:none;cursor:grab;color:#eff9e7}.exit-handle>span:first-child svg{width:15px;height:20px}.exit-hint{position:absolute;left:32px;white-space:nowrap;background:#182219b8;font-size:10px;color:#d0dfc4;padding:6px 8px;border-radius:6px;opacity:0;transition:opacity .2s;pointer-events:none}.exit-handle:hover .exit-hint,.exit-handle:focus .exit-hint,.exit-handle.dragging .exit-hint{opacity:1}.mobile-brand,.mobile-tabs{display:none}.section-note{color:#8c997b;font-size:12px;line-height:1.7}.inline-search{display:flex;gap:8px}.muted{color:#8b987d}.spaced{margin-top:20px}.error-state{color:#a65745}
@media(min-width:1500px){.workspace{padding-left:70px;padding-right:70px}.game-card{max-width:1200px;margin:0 auto}.card-info{padding:25px 32px}.feed-toolbar,.topbar{max-width:1200px;width:100%;margin:0 auto}}
@media(max-width:1100px){.sidebar{width:170px;padding:30px 14px}.brand{font-size:23px;gap:10px}.brand-mark{width:42px;height:42px;font-size:33px}.side-tab{padding:14px 12px;font-size:14px}.side-action{font-size:11px;padding:12px 9px;gap:8px}.workspace{padding:23px 28px 0}.topbar form{width:200px}h1{font-size:20px}.card-title{font-size:22px}.play-button{min-width:132px;padding:16px}.card-info{padding:21px}.game-card{gap:12px}.card-rail{width:40px}.rail-icon{width:40px;height:40px}.page-heading>span{font-size:9px}.feed-navigation{right:3px}.feed-navigation button{width:25px;height:25px}}
@media(max-width:760px){body{background:#131b16}.sidebar{display:none}.workspace{padding:0;background:#131b16;color:white}.topbar{height:55px;padding:9px 15px;gap:10px;background:#131b16}.page-heading{display:none}.mobile-brand{display:block;font-weight:900;font-size:21px;letter-spacing:-1px;margin-right:auto}.mobile-brand span{color:var(--accent);font-size:9px;vertical-align:top;margin-left:3px}.topbar form{height:34px;width:155px;padding:0 11px;background:#273127;border-color:#354332;color:#899c7a}.topbar input{color:#dce8d1;font-size:11px}.topbar input::placeholder{color:#819174}.avatar-button{width:31px;height:31px;font-size:13px;background:#d4e3ba}.avatar-button svg{width:17px;height:17px}.top-notice{width:27px;height:30px}.top-notice svg{width:19px;height:19px}.mobile-tabs{display:flex;align-items:center;justify-content:center;gap:34px;background:#131b16;height:43px;flex-shrink:0}.mobile-tabs button{position:relative;color:#8f9d84;background:transparent;font-size:16px;font-weight:700;padding:8px 3px 13px}.mobile-tabs button.active{color:#eff8e6}.mobile-tabs button.active:after{content:"";position:absolute;height:3px;border-radius:2px;width:18px;left:50%;bottom:2px;transform:translateX(-50%);background:var(--accent)}.feed-toolbar{height:40px;padding:0 13px 5px;background:#131b16;gap:8px}.chip{border:0;background:#253224;color:#91a47e;padding:5px 10px;font-size:10px}.chip.active{background:#d4ef69;color:#334523}.text-button{color:#8fa47b;font-size:10px;gap:3px;padding:4px}.text-button svg{width:12px;height:12px}.filter-chips{gap:5px}.feed{padding:0;scroll-snap-type:y mandatory}.game-card{height:calc(100dvh - 138px);min-height:calc(100dvh - 138px);padding:0;display:block;position:relative}.card-body{height:100%;border-radius:0;box-shadow:none;background:#18221a}.video-stage{min-height:0;flex:1}.video-stage video{object-fit:contain}.video-backdrop{filter:blur(28px) brightness(.45)}.video-top{top:13px;left:14px;right:14px}.video-stamp{padding:5px 8px;font-size:8px}.glass-btn{width:29px;height:29px}.video-controls{gap:5px}.video-controls button[data-card-action="more"]{display:none}.card-info{display:block;padding:17px 17px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(#1b281f,#18221b);color:white;flex-shrink:0}.card-copy{padding-right:48px}.card-title{font-size:22px;letter-spacing:-.5px;margin-bottom:6px}.card-reason{font-size:9px;color:#b1c99b;margin-bottom:7px}.card-description{color:#91a686;font-size:11px;max-width:100%;margin-bottom:8px}.game-tags{margin-top:7px;margin-bottom:14px;gap:5px}.game-tag{background:#2b3b29;color:#acc496;font-size:9px;padding:3px 6px}.play-button{width:100%;padding:14px;border-radius:11px;font-size:14px;min-width:0}.card-rail{position:absolute;right:12px;bottom:calc(181px + env(safe-area-inset-bottom));width:39px;gap:17px;padding-bottom:0;z-index:5}.rail-icon{width:36px;height:36px;background:#1321179e;backdrop-filter:blur(5px);border-color:#ffffff2b;color:#f2f7ec}.rail-action{color:#dce9d3;font-size:9px;min-width:36px;gap:4px}.rail-action.is-active{color:var(--accent)}.rail-action.is-active .rail-icon{background:#597a2c;color:var(--accent)}.rail-action.is-active .heart,.rail-action.is-active .bookmark{fill:var(--accent);stroke:var(--accent)}.rail-action:nth-child(4){display:none}.feed-navigation{display:none}.sheet{left:0;right:0;bottom:0;top:auto;width:100%;max-width:none;height:82dvh;border-radius:23px 23px 0 0;color:#263021}.sheet-header{padding:22px 21px 17px}.sheet-body{padding:19px 21px}.sheet-backdrop{background:#0007}.empty-state h2{color:#d7e5ca}.empty-state p{color:#91a780}.empty-state .primary-button{margin-top:10px}.toast{bottom:25px;font-size:12px}.game-topbar{padding:0 10px;height:50px;gap:10px}.game-back{padding:8px}.game-back>span:last-child{display:none}.game-topbar strong{font-size:12px}.game-topbar small{font-size:9px}.game-top-actions{gap:3px}.game-action{padding:8px 10px;font-size:10px}.game-action svg{width:14px;height:14px}.game-loading{inset:50px 0 0}.exit-handle{left:9px;width:22px;height:75px}.exit-hint{font-size:9px}.compose{bottom:-19px;padding-bottom:19px}.sheet .empty-state{min-height:180px;color:#7b8c6a}.sheet .empty-state h2{color:#4f6240}.sheet .empty-state p{color:#8c9d7e}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition:none!important}}
/* Secondary text still needs to be readable on a phone. */
.favorite-poster{width:66px;height:48px;object-fit:cover;border-radius:9px;background:#e7ecdf;flex-shrink:0}
.room-modes{display:grid;gap:12px;margin-top:18px}.room-mode{display:flex;align-items:center;gap:14px;padding:18px;background:#edf3df;border:1px solid #dce7c8;border-radius:13px;text-align:left;color:#3f5730}.room-mode:hover{background:#e1edc5}.room-mode-icon{display:grid;place-items:center;width:42px;height:42px;background:#fff8;border-radius:12px}.room-mode strong{display:block;font-size:15px}.room-mode small{display:block;font-size:12px;margin-top:5px;color:#82936d}.room-mode>svg:last-child{margin-left:auto;width:18px}
@media(min-width:761px){.game-card{height:calc(100dvh - 168px);min-height:0;flex-shrink:0}.card-body{min-height:0}.video-stage{flex:1 1 0;min-height:0}.video-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.card-info{flex:0 0 auto}.card-rail{justify-content:flex-end}}
@media(max-width:760px){.chip,.text-button,.video-stamp,.card-reason,.game-tag,.rail-action,.game-action,.game-topbar small,.exit-hint{font-size:11px}.sheet .comment-actions button,.sheet .comment-head time,.sheet .notification-card small,.sheet .compose-footer small{font-size:11px}.field{font-size:16px}.card-rail{gap:14px}.game-tags{flex-wrap:wrap}.game-topbar strong{max-width:37vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}