/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}}:root{--bg:#070b0d;--line:#ffffff16;--text:#eee9dc;--muted:#828b89;--amber:#d9a15d}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:14px;line-height:1.5}button{font:inherit}.loading-screen{min-height:100vh;color:var(--amber);place-items:center;display:grid}.apartment-game{background:radial-gradient(circle at 50% -10%,#202d2f,#070b0d 50%);min-height:100vh;padding-bottom:68px}.mobile-header{border-bottom:1px solid var(--line);background:#080c0ef2;grid-template-columns:150px 1fr 150px;align-items:center;height:70px;padding:0 22px;display:grid}.brand{align-items:baseline;gap:9px;display:flex}.brand b{color:#efc27e;letter-spacing:.12em;font-family:serif;font-size:28px}.brand span{color:#67706f;letter-spacing:.3em;font-size:12px}.chapter{text-align:center;flex-direction:column;display:flex}.chapter small{color:var(--amber);font-size:12px}.chapter strong{font-family:serif;font-size:21px}.round-pill{justify-self:end;align-items:center;gap:12px;display:flex}.round-pill span{color:#a1a8a4;font-size:14px}.round-pill time{color:#efc27e;font:600 21px monospace}.game-body{grid-template-columns:250px minmax(460px,1fr) 330px;gap:12px;height:calc(100vh - 70px);padding:12px;display:grid}.case-panel,.side-panel{border:1px solid var(--line);background:linear-gradient(#151b1df8,#0c1112fa);border-radius:10px;overflow:hidden;box-shadow:0 20px 55px #0008}.case-panel{padding:17px}.case-title{color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:12px;font-size:13px;display:flex}.case-title button{color:#a67a48;background:0 0;border:0;font-size:12px}.my-card{align-items:center;gap:11px;padding:16px 0;display:flex}.my-card>div{flex-direction:column;gap:5px;display:flex}.my-card small{color:#a88561;font-size:13px}.case-stat{border-top:1px solid var(--line);flex-direction:column;gap:5px;padding:13px 0;display:flex}.case-stat span{color:var(--muted);font-size:12px}.case-stat b{font-size:15px}.privacy-note{color:#727b79;border-left:2px solid #71483a;padding-left:9px;font-size:13px;line-height:1.7}.map-stage{grid-template-rows:auto minmax(0,1fr) auto;gap:9px;min-width:0;display:grid}.map-heading{justify-content:space-between;align-items:end;padding:2px 5px;display:flex}.map-heading div{flex-direction:column;display:flex}.map-heading span{color:var(--amber);font-size:12px}.map-heading strong{font-family:serif;font-size:20px}.map-heading em{color:#78a189;font-size:13px;font-style:normal}.building-map{background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #ffffff12;border-radius:10px;min-height:0;position:relative;overflow:hidden;box-shadow:0 22px 60px #000a}.building-map:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 70px #000}.rain{background:linear-gradient(110deg,#0000 42%,#9eb7bd10 43%,#0000 44%) 0 0/31px 41px;animation:.8s linear infinite rain;position:absolute;inset:0}.room-hotspot{color:#fff;cursor:pointer;z-index:2;background:0 0;border:1px solid #0000;transition:all .18s;position:absolute}.room-hotspot:hover,.room-hotspot.chosen{background:#d99c4e16;border-color:#e7b57299;box-shadow:inset 0 0 30px #d6953230}.room-hotspot.current{border-color:#8cb29c77}.room-number{background:#050809df;border-left:2px solid #d09a57;padding:3px 7px;font:600 13px monospace;position:absolute;top:7px;left:7px}.choice-mark{color:#100d09;background:#bd8148;border-radius:3px;padding:4px 7px;font-size:11px;position:absolute;top:7px;right:7px}.room-avatars{display:flex;position:absolute;top:54%;left:50%;translate:-50% -50%}.room-avatars .avatar{margin-left:-5px}.corpse-mark{color:#d26a5f;background:#190c0bdd;border:1px solid #8c3933;padding:4px 8px;font-size:11px;position:absolute;bottom:8px;left:50%;translate:-50%}.action-bar{border:1px solid var(--line);background:#111718;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;min-height:63px;padding:10px 13px;display:flex}.action-bar>div{flex-direction:column;gap:4px;display:flex}.action-bar span{color:var(--muted);font-size:12px}.action-bar strong{font-size:15px}.action-bar button{color:#17100a;background:linear-gradient(#d7a15f,#ad7440);border:1px solid #c48b4c;border-radius:6px;padding:10px 20px;font-weight:800}.action-bar button:disabled{filter:grayscale();opacity:.45}.avatar{--size:42px;width:var(--size);height:var(--size);background-image:url(/assets/scenarios/apocalypse-market/survivors-roster.png);background-size:600%;background-position:calc(var(--avatar-x)*20%) 12%;border:2px solid var(--avatar-color);border-radius:50%;flex:none;display:inline-block;position:relative;box-shadow:0 4px 12px #000c}.avatar.large{--size:58px}.avatar i{background:#6eab7f;border:2px solid #121718;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.avatar.offline{filter:grayscale();opacity:.4}.panel-content{height:100%;padding:16px;overflow:auto}.panel-content h2{border-bottom:1px solid var(--line);margin:0 0 16px;padding-bottom:12px;font-family:serif;font-size:19px}.round-card{background:#39251944;border:1px solid #98663d66;padding:16px}.round-card span{color:var(--amber);font:12px monospace}.round-card strong{margin:7px 0;font-family:serif;font-size:24px;display:block}.round-card p,.logic-card p{color:#a9aaa3;margin:0;font-size:14px;line-height:1.7}.logic-card{border-bottom:1px solid var(--line);padding:14px 2px}.logic-card b{color:#d0b187;margin-bottom:6px;font-size:14px;display:block}.chat-card,.resident-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.chat-card>div,.resident-row>div{flex-direction:column;gap:4px;min-width:0;display:flex}.chat-card b,.resident-row b{font-size:14px}.chat-card span,.resident-row span{color:#7f8885;font-size:12px}.chat-card.group{background:#ffffff05;flex-direction:column;align-items:flex-start;padding:12px}.resident-row i{background:#68a57a;border-radius:50%;width:6px;height:6px;margin-left:auto}.resident-row.missing{opacity:.45}.panel-hint{color:#7e8784;font-size:12px}.clue{background:#ffffff05;border-left:2px solid #a77644;margin:12px 0;padding:9px 11px}.clue span{color:var(--amber);font-size:11px}.clue p{font-size:14px;line-height:1.6}.bottom-nav{z-index:10;border-top:1px solid var(--line);background:#090d0ff5;justify-content:center;gap:min(8vw,100px);height:64px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#68716f;background:0 0;border:0;place-content:center;justify-items:center;gap:2px;width:66px;display:grid;position:relative}.bottom-nav button i{font-size:21px;font-style:normal}.bottom-nav button span{font-size:12px}.bottom-nav button.active{color:#e2b06e}.bottom-nav em{background:#bd554c;border-radius:50%;width:6px;height:6px;position:absolute;top:10px;right:17px}@keyframes rain{to{background-position:31px 41px}}@media (max-width:900px){.game-body{grid-template-columns:170px 1fr}.side-panel{z-index:8;height:43vh;display:none;position:fixed;bottom:70px;left:10px;right:10px}.side-panel.open{display:block}}@media (max-width:680px){.mobile-header{grid-template-columns:auto 1fr auto;height:58px;padding:0 10px}.brand b{font-size:22px}.brand span,.chapter small{display:none}.chapter{text-align:left;padding-left:10px}.chapter strong{font-size:16px}.round-pill{flex-direction:column;align-items:end;gap:0}.round-pill span{font-size:11px}.round-pill time{font-size:18px}.game-body{height:calc(100svh - 122px);padding:7px;display:block}.case-panel{display:none}.map-stage{grid-template-rows:auto minmax(0,1fr) auto;height:100%}.map-heading strong{font-size:17px}.building-map{background-size:cover}.action-bar{min-height:57px}.action-bar button{padding:9px 13px}.side-panel{display:none}.side-panel.open{display:block}.bottom-nav{justify-content:space-around;gap:0;height:64px}.room-number{padding:2px 5px;font-size:11px}.avatar{--size:34px}}.social-shell,.waiting-shell{background:radial-gradient(circle at 45% -10%,#263235,#090d0f 48%);min-height:100svh;padding-bottom:70px}.social-header,.room-header{border-bottom:1px solid var(--line);z-index:4;background:#080c0eee;align-items:center;height:68px;padding:0 22px;display:flex;position:sticky;top:0}.social-header .brand{margin-right:auto}.online-chip{color:#8b9592;margin-right:24px;font-size:13px}.online-chip i{background:#66aa7a;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.mini-profile{color:var(--text);text-align:left;background:0 0;border:0;align-items:center;gap:9px;display:flex}.mini-profile>span{flex-direction:column;font-size:14px;display:flex}.mini-profile small{color:#6e7775;margin-top:2px;font:11px monospace}.social-avatar{--face-size:42px;width:var(--face-size);height:var(--face-size);background-image:url(/assets/scenarios/apocalypse-market/survivors-roster.png);background-size:600%;background-position:calc(var(--face-x)*20%) 12%;border:1px solid #d0a26777;border-radius:50%;flex:none;display:inline-block;box-shadow:0 5px 14px #0009}.social-avatar.custom{background-position:50%;background-size:cover}.social-content{width:min(1180px,100%);margin:auto;padding:24px 22px 80px}.notice{color:#d8b281;background:#5c3d242d;border:1px solid #9a704744;border-radius:6px;margin-bottom:12px;padding:10px 14px;font-size:13px}.lobby-hero{background:linear-gradient(90deg,#100f0ded 15%,#111719aa),url(/assets/scenarios/blood-cross-apartment/building-cutaway.png) 50% 52%/cover;border:1px solid #a0784b55;border-radius:12px;min-height:190px;padding:32px clamp(22px,5vw,60px);box-shadow:0 24px 70px #0009}.lobby-hero>span{color:#d8a35f;letter-spacing:.18em;font-size:12px}.lobby-hero h1{margin:9px 0;font:700 clamp(26px,4vw,38px) serif}.lobby-hero p{color:#a5aaa5;font-size:14px}.lobby-hero button,.create-modal>button,.profile-card>button{color:#17100a;background:linear-gradient(#d5a260,#aa713e);border:1px solid #d29b57;border-radius:5px;margin-top:13px;padding:10px 18px;font-weight:800}.section-title{justify-content:space-between;align-items:center;margin:27px 2px 12px;display:flex}.section-title h2{margin:0;font:700 20px serif}.section-title button{color:#b78650;background:0 0;border:0;font-size:13px}.room-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.lobby-room{border:1px solid var(--line);background:#111718;border-radius:9px;overflow:hidden}.room-cover{background:linear-gradient(#10161833,#080b0ddd),url(/assets/scenarios/blood-cross-apartment/building-cutaway.png) 50% 58%/cover;flex-direction:column;justify-content:end;height:105px;padding:13px;display:flex;position:relative}.room-cover>span{color:#75a883;background:#17221ded;border-radius:8px;padding:3px 6px;font-size:11px;position:absolute;top:9px;right:9px}.room-cover strong{font:700 22px serif}.room-cover em{color:#b7a890;font-size:11px;font-style:normal}.room-info{padding:12px}.room-info h3{margin:0 0 5px;font-size:15px}.room-info p{color:#78817e;margin:0;font-size:12px}.room-info>div{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.room-info span{color:#a78b69;font-size:12px}.room-info button{color:#dcb57f;background:#2a1e14;border:1px solid #a27343;border-radius:4px;padding:5px 13px;font-size:12px}.room-info button:disabled{opacity:.35}.friend-list{gap:7px;display:grid}.friend-list article{border:1px solid var(--line);background:#111718;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex}.friend-list article>div{flex-direction:column;gap:3px;margin-right:auto;display:flex}.friend-list b{font-size:15px}.friend-list span{color:#6e9c7b;font-size:12px}.friend-list button{color:#d3a66f;background:#2b2118;border:0;border-radius:4px;padding:6px 12px;font-size:12px}.friend-list button.invite{color:#8db99b;background:#1b2923}.social-nav{z-index:8;border-top:1px solid var(--line);background:#090d0ff5;justify-content:center;gap:min(10vw,120px);height:64px;display:flex;position:fixed;bottom:0;left:0;right:0}.social-nav button{color:#6c7572;background:0 0;border:0;place-content:center;justify-items:center;width:62px;display:grid;position:relative}.social-nav i,.social-nav span{font-size:14px;line-height:1}.social-nav i{font-style:normal;font-weight:700}.social-nav button.active{color:#e2ad6b}.social-nav em{background:#c25249;border-radius:50%;width:6px;height:6px;position:absolute;top:9px;right:15px}.modal-backdrop{z-index:20;background:#020405d9;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.create-modal{background:#121819;border:1px solid #9f744755;border-radius:11px;width:min(390px,100%);padding:25px;box-shadow:0 30px 100px #000}.create-modal>span{color:var(--amber);letter-spacing:.15em;font-size:12px}.create-modal h2{font:700 25px serif}.create-modal label,.profile-card label{color:#858e8b;gap:7px;font-size:12px;display:grid}.create-modal input,.profile-card input{border:1px solid var(--line);color:#eee;background:#080c0d;border-radius:5px;outline:none;padding:11px}.scenario-choice{background:#4a321d22;border:1px solid #ad7a45;grid-template-columns:1fr auto;margin-top:13px;padding:14px;display:grid}.scenario-choice b,.scenario-choice small{grid-column:1}.scenario-choice small{color:#787f7d;margin-top:3px;font-size:12px}.scenario-choice i{color:#d09a58;grid-area:1/2/3;align-self:center;font-size:12px;font-style:normal}.profile-card{border:1px solid var(--line);background:#111718;border-radius:10px;width:min(520px,100%);margin:auto;padding:24px}.profile-card h2{font:700 24px serif}.profile-card>label{margin:18px 0}.avatar-upload{align-items:center;gap:14px;display:flex!important}.avatar-upload .social-avatar{--face-size:70px}.avatar-upload span{color:#d0a36c;cursor:pointer}.avatar-upload input{display:none}.profile-card p{color:#747d7a;font-size:12px;line-height:1.6}.profile-card em{color:#78a087;margin-top:9px;font-size:12px;display:block}.room-header{justify-content:space-between}.room-header>button{color:#cda36e;background:0 0;border:0}.room-header>div{text-align:center;flex-direction:column;display:flex}.room-header small{color:#8a928f;font-size:11px}.room-header strong{font:700 18px serif}.room-header>span{color:#d9a666;font:14px monospace}.waiting-layout{grid-template-columns:minmax(520px,1fr) 360px;gap:12px;height:calc(100svh - 68px);padding:12px;display:grid}.waiting-main,.room-chat{border:1px solid var(--line);background:#111718;border-radius:10px;overflow:hidden}.waiting-main{padding:20px;overflow:auto}.scenario-banner{background:linear-gradient(90deg,#080b0ee8,#10171933),url(/assets/scenarios/blood-cross-apartment/building-cutaway.png) 50% 56%/cover;border-radius:8px;align-items:end;gap:17px;min-height:145px;padding:22px;display:flex}.scenario-banner>i{color:#d4a360;border:1px solid #ba854d;padding:5px;font-size:11px;font-style:normal}.scenario-banner span{color:#d5a15e;font-size:11px}.scenario-banner h1{margin:4px 0;font:700 32px serif}.scenario-banner p{color:#a3a7a2;margin:0;font-size:13px}.member-heading{justify-content:space-between;align-items:center;margin:20px 0 10px;display:flex}.member-heading h2{margin:0;font:700 18px serif}.member-heading span{color:#8a918e;font-size:12px}.member-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.member-grid article{border:1px solid var(--line);background:#0b1011;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:105px;display:flex}.member-grid b{font-size:13px}.member-grid span{color:#a77d4d;font-size:11px}.member-grid .empty{color:#555e5c;border-style:dashed}.member-grid .empty i{font-size:22px;font-style:normal}.start-button{color:#160f09;background:linear-gradient(#d5a15e,#a86e3b);border:1px solid #cc9352;border-radius:6px;width:100%;margin-top:17px;padding:12px;font-weight:800}.start-button:disabled{filter:grayscale();opacity:.35}.room-notice{color:#c47569;font-size:12px}.chat-view{grid-template-rows:auto 1fr auto;height:100%;padding:15px;display:grid}.chat-view h2{border-bottom:1px solid var(--line);margin:0;padding-bottom:12px;font:700 18px serif}.message-log{padding:10px 0;overflow:auto}.empty-chat{text-align:center;color:#69716f;margin-top:40px;font-size:12px}.message{gap:8px;margin:10px 0;display:flex}.message .social-avatar{--face-size:30px}.message>div{max-width:78%}.message b{color:#818986;margin-bottom:3px;font-size:11px;display:block}.message p{background:#22292a;border-radius:3px 9px 9px;margin:0;padding:8px 10px;font-size:13px;line-height:1.5}.message.mine{flex-direction:row-reverse}.message.mine>div{text-align:right}.message.mine p{color:#fff;text-align:left;background:#7d5935;border-radius:9px 3px 9px 9px}.chat-view form{border:1px solid var(--line);background:#080c0d;border-radius:6px;padding:5px;display:flex}.chat-view input{color:#eee;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:7px}.chat-view form button{color:#17100a;background:#b98247;border:0;border-radius:4px;padding:0 12px;font-size:12px}.exit-game{z-index:30;color:#d8a365;background:#1a120d;border:1px solid #885c39;border-radius:5px;padding:7px 10px;position:fixed;top:80px;right:15px}@media (max-width:700px){.social-header{height:58px;padding:0 12px}.online-chip,.mini-profile>span{display:none}.social-content{padding:12px 10px 75px}.lobby-hero{min-height:175px;padding:24px 20px}.room-grid{grid-template-columns:1fr 1fr;gap:8px}.room-cover{height:90px}.social-nav{justify-content:space-around;gap:0;height:64px}.waiting-layout{height:calc(100svh - 58px);padding:7px;display:block}.room-header{height:58px;padding:0 10px}.waiting-main{height:100%;padding:11px}.room-chat{z-index:10;height:60svh;display:none;position:fixed;bottom:8px;left:8px;right:8px;box-shadow:0 0 0 999px #000b}.room-chat.mobile-open{display:block}.scenario-banner{min-height:120px;padding:15px}.member-grid{grid-template-columns:repeat(3,1fr)}.member-grid article{min-height:90px}.room-grid .lobby-room:nth-child(n+5){display:none}}.friend-search{border:1px solid var(--line);background:#111718;border-radius:7px;flex-wrap:wrap;gap:7px;margin-bottom:10px;padding:11px;display:flex}.friend-search>input{border:1px solid var(--line);color:#eee;background:#080c0d;border-radius:4px;flex:1;min-width:160px;padding:9px}.friend-search>button,.friend-search>div button{color:#fff;background:#8b6038;border:0;border-radius:4px;padding:0 14px}.friend-search>div{border-top:1px solid var(--line);flex-basis:100%;align-items:center;gap:9px;padding-top:8px;display:flex}.friend-search>div .social-avatar{--face-size:32px}.friend-search>div b{margin-right:auto;font-size:13px}.friend-search>div button{padding:6px 12px}input,select,textarea,button{font-size:inherit}@media (max-width:480px){.room-grid{grid-template-columns:1fr}.room-grid .lobby-room:nth-child(n+4){display:none}.member-grid{grid-template-columns:repeat(2,1fr)}}.social-shell{padding-bottom:0}.social-content{padding-bottom:40px}.social-top-nav{align-self:stretch;gap:4px;margin:0 auto;display:flex}.social-top-nav button{color:#707a77;background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:7px;min-width:76px;padding:0 13px;display:flex;position:relative}.social-top-nav button i{font-size:16px;font-style:normal}.social-top-nav button span{font-size:13px}.social-top-nav button.active{color:#e5b370;background:linear-gradient(#0000,#9f6c2f14);border-bottom-color:#d49a55}.social-top-nav button em{background:#cf4e46;border-radius:50%;width:7px;height:7px;position:absolute;top:16px;right:9px;box-shadow:0 0 8px #cf4e46}.profile-layout{grid-template-columns:minmax(320px,440px) minmax(0,1fr);align-items:start;gap:14px;width:min(1280px,100%);margin:auto;display:grid}.profile-layout .profile-card{width:100%;margin:0}.record-panel{border:1px solid var(--line);background:#111718;border-radius:10px;min-height:520px;padding:22px}.record-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:18px;padding-bottom:18px;display:flex}.record-heading span{color:#c68f50;letter-spacing:.14em;font-size:11px}.record-heading h2{margin:4px 0 0;font:700 25px serif}.record-stats{gap:7px;display:flex}.record-stats>b{text-align:center;color:#e9b875;background:#0a0f10;border:1px solid #9a6a3845;border-radius:7px;min-width:62px;padding:8px;font:700 18px monospace}.record-stats small{color:#747d7a;margin-top:2px;font:10px sans-serif;display:block}.record-list{gap:10px;margin-top:15px;display:grid}.record-card{border:1px solid var(--line);background:#0b1011;border-radius:8px;overflow:hidden}.record-card.won{border-color:#698d7155}.record-card.lost{border-color:#8c4c4755}.record-card>header{background:#ffffff04;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.record-card>header>div{flex-direction:column;display:flex}.record-card>header span{color:#8d9693;font-size:10px}.record-card>header strong{font:700 17px serif}.record-card>header>b{text-align:right;color:#d36f65}.record-card.won>header>b{color:#79ad88}.record-card>header small{color:#8a928f;font-size:10px;display:block}.record-players{background:#ffffff0c;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.record-players>div{background:#0c1112;align-items:center;gap:8px;min-width:0;padding:9px 11px;display:flex}.record-players .social-avatar{--face-size:34px}.record-players>div>span{flex-direction:column;flex:1;min-width:0;display:flex}.record-players>div>span b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.record-players>div>span small{color:#78817e;font-size:10px}.record-players button{color:#d8a86e;background:#2a1e14;border:1px solid #9c7043;border-radius:4px;padding:4px 7px;font-size:10px}.record-players em{color:#759981;font-size:10px;font-style:normal}.empty-records{text-align:center;color:#707976;padding:80px 0}@media (max-width:900px){.profile-layout{grid-template-columns:1fr}.social-header{padding:0 12px}.social-header .online-chip{display:none}.social-top-nav{margin-left:auto;margin-right:8px}.social-top-nav button{min-width:58px;padding:0 8px}.social-top-nav button span{font-size:11px}}@media (max-width:620px){.social-header{grid-template-rows:58px 46px;grid-template-columns:auto 1fr auto;height:auto;min-height:58px;display:grid}.social-header .brand{grid-column:1}.social-header .mini-profile{grid-column:3}.social-top-nav{border-top:1px solid var(--line);grid-area:2/1/auto/4;width:100%;height:46px;margin:0}.social-top-nav button{flex:1}.social-content{padding-top:12px}.record-heading{flex-direction:column;align-items:flex-start}.record-stats{width:100%}.record-stats>b{flex:1}.record-players{grid-template-columns:1fr}}.friend-list article{position:relative}.friend-unread-count,.group-list>button>i{color:#fff;background:#d84f47;border-radius:12px;place-items:center;min-width:20px;height:20px;padding:0 5px;font:700 11px sans-serif;display:grid;box-shadow:0 0 0 3px #d84f4722}.social-top-nav button .nav-count{color:#fff;place-items:center;width:auto;min-width:18px;height:18px;padding:0 5px;font:700 10px sans-serif;display:grid;top:9px;right:2px}.friend-chat-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020405cc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.friend-chat-dialog{background:#111718;border:1px solid #9c704355;border-radius:12px;width:min(720px,100%);height:min(680px,85svh);position:relative;box-shadow:0 30px 90px #000}.friend-chat-close{z-index:2;color:#aaa;background:#ffffff0c;border:0;border-radius:50%;width:32px;height:32px;font-size:22px;position:absolute;top:10px;right:13px}.group-center{border:1px solid var(--line);background:#0d1213;border-radius:12px;grid-template-columns:310px minmax(0,1fr);width:min(1280px,100%);height:calc(100svh - 112px);min-height:560px;margin:auto;display:grid;overflow:hidden}.group-list{border-right:1px solid var(--line);padding:16px;overflow:auto}.group-list>header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.group-list>header span{color:#b9874d;font-size:11px}.group-list h2{margin:2px 0;font:700 23px serif}.group-list header button,.group-add button,.group-actions button{color:#e8b675;background:#382718;border:1px solid #9b6c3d;border-radius:5px;padding:8px 11px}.group-list>p{color:#707976;font-size:12px;line-height:1.7}.group-list>button{color:#ddd;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:11px 9px;display:flex}.group-list>button.active{background:#6d4b2c33}.group-list>button>span{color:#efbf7e;background:#604225;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font:700 17px serif;display:grid}.group-list>button>div{flex-direction:column;flex:1;min-width:0;display:flex}.group-list>button b,.group-list>button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-list>button b{font-size:13px}.group-list>button small{color:#717a77;font-size:10px}.group-chat{grid-template-rows:auto 1fr auto;min-width:0;display:grid}.group-chat>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:74px;padding:12px 18px;display:flex}.group-chat h2{margin:0;font:700 20px serif}.group-chat>header>div>span{text-overflow:ellipsis;white-space:nowrap;color:#757e7b;max-width:470px;font-size:10px;display:block;overflow:hidden}.group-add{gap:6px;display:flex}.group-add select,.group-actions select{border:1px solid var(--line);color:#ddd;background:#090d0e;border-radius:5px;padding:8px}.group-message-log{min-height:0;padding:18px;overflow:auto}.group-message-log>p,.empty-group{color:#6f7875;place-items:center;display:grid}.empty-group{align-content:center;gap:7px}.empty-group b{color:#ccc;font:700 24px serif}.group-message-log article{gap:9px;margin:13px 0;display:flex}.group-message-log article.mine{flex-direction:row-reverse}.group-message-log .social-avatar{--face-size:34px}.group-message-log article>div{max-width:min(620px,75%)}.group-message-log article b{color:#818a87;font-size:11px;display:block}.group-message-log time{color:#59615f;margin-left:8px;font-weight:400}.group-message-log article p{background:#232a2b;border-radius:3px 10px 10px;margin:4px 0 0;padding:9px 12px;font-size:13px}.group-message-log article.mine>div{text-align:right}.group-message-log article.mine p{color:#fff;text-align:left;background:#795532;border-radius:10px 3px 10px 10px}.game-invite-card{text-align:left;flex-direction:column;align-items:flex-start;width:260px;margin-top:6px;display:flex;color:#eee!important;background:linear-gradient(135deg,#3a2819,#17120e)!important;border:1px solid #a27643!important;border-radius:8px!important;padding:12px!important}.game-invite-card span{color:#d8a35f;font-size:10px}.game-invite-card strong{font:700 17px serif}.game-invite-card em{color:#89918e;font-size:10px;font-style:normal}.group-actions{border-top:1px solid var(--line);padding:11px 16px}.group-actions>div,.group-actions form{gap:7px;display:flex}.group-actions>div{margin-bottom:8px}.group-actions select{flex:1}.group-actions form input{border:1px solid var(--line);color:#eee;background:#080c0d;border-radius:5px;flex:1;min-width:0;padding:10px}.group-friend-picker{gap:5px;max-height:270px;margin:12px 0;display:grid;overflow:auto}.group-friend-picker label{border:1px solid var(--line);border-radius:6px;align-items:center;gap:9px;padding:7px;display:flex!important}.group-friend-picker input{width:auto}.group-friend-picker .social-avatar{--face-size:34px}@media (max-width:700px){.group-center{grid-template-columns:105px minmax(0,1fr);height:calc(100svh - 130px);min-height:500px}.group-list{padding:7px}.group-list>header{display:block}.group-list h2,.group-list>header span{display:none}.group-list header button{width:100%;padding:7px 2px;font-size:11px}.group-list>button{justify-content:center;padding:8px 4px}.group-list>button>span{width:38px;height:38px}.group-list>button>div{display:none}.group-list>button>i{margin:0 0 31px 31px;position:absolute}.group-chat>header{padding:9px 11px}.group-add select{width:92px}.group-add button{padding:7px}.group-message-log{padding:10px}.group-message-log article>div{max-width:80%}.group-actions{padding:8px}.friend-chat-backdrop{padding:7px}.friend-chat-dialog{height:88svh}}.friend-list .friend-offline{color:#646b69!important}.friend-list .friend-online{color:#70a581!important}.room-header-actions{align-items:center;gap:8px;display:flex}.room-header-actions button{color:#d7a363;background:#21170f;border:1px solid #815b35;border-radius:5px;padding:7px 10px}.room-invite-modal{width:min(540px,100vw - 24px)}.invite-selector{gap:6px;max-height:430px;margin:12px 0;display:grid;overflow:auto}.invite-selector h3{color:#d4a263;margin:12px 0 2px;font:700 16px serif}.invite-selector>p{color:#6e7774;margin:0;font-size:12px}.invite-selector label{border:1px solid var(--line);cursor:pointer;background:#0a0e0f;border-radius:7px;align-items:center;gap:10px;padding:9px;margin:0!important;display:flex!important}.invite-selector label input{width:auto}.invite-selector .social-avatar,.invite-selector label>i{--face-size:36px;flex:none;width:36px;height:36px}.invite-selector label>i{color:#e8b675;background:#5a3e24;border-radius:50%;place-items:center;font-style:normal;display:grid}.invite-selector label>span{flex-direction:column;display:flex}.invite-selector label small{color:#6d7673;font-size:10px}.room-invite-modal>em{color:#75a483;margin:5px 0;font-style:normal;display:block}.private-invite{margin-top:7px!important}@media (max-width:700px){.room-header-actions{gap:3px}.room-header-actions button{padding:6px;font-size:10px}.room-header>div:nth-child(2){max-width:120px}.room-header>div:nth-child(2) strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.room-header>.room-header-actions{text-align:left;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;display:flex}.room-header>.room-header-actions button{white-space:nowrap;margin:0}@media (max-width:700px){.room-header>.room-header-actions{flex-direction:row;gap:4px}}.auth-shell{background:#090d0f;grid-template-columns:1.2fr .8fr;min-height:100svh;display:grid}.auth-art{background:linear-gradient(90deg,#080b0df0,#080b0d55),url(/assets/scenarios/blood-cross-apartment/building-cutaway.png) 50%/cover;flex-direction:column;justify-content:space-between;padding:36px 55px;display:flex}.auth-art>div:last-child{margin-bottom:8vh}.auth-art>div:last-child span,.auth-card>span{color:#d49c58;letter-spacing:.18em;font-size:12px}.auth-art h1{margin:13px 0;font:700 clamp(30px,5vw,58px)/1.25 serif}.auth-art p{color:#a5aaa6;font-size:14px}.auth-card{background:#101617;flex-direction:column;justify-content:center;padding:clamp(30px,7vw,90px);display:flex}.auth-card h2{margin:8px 0 25px;font:700 32px serif}.auth-card label{color:#8a9390;gap:7px;margin-bottom:15px;font-size:12px;display:grid}.auth-card input{color:#eee;background:#080c0d;border:1px solid #ffffff16;border-radius:5px;outline:none;padding:12px}.auth-card input:focus{border-color:#ae7c47}.auth-card>button{color:#160f09;background:linear-gradient(#d7a15d,#a96f3b);border:1px solid #cb9251;border-radius:5px;padding:12px;font-weight:800}.auth-card>button:disabled{opacity:.5}.auth-switch{text-align:center;color:#747d7a;font-size:12px}.auth-switch button{color:#d3a161;background:0 0;border:0}.auth-error{color:#d76d62;background:#6d28231f;border-left:2px solid #a84840;padding:8px;font-size:12px}.social-avatar.fallback{color:#f2d0a0;background:#55402d;place-items:center;font-weight:800;display:grid}.refreshing{animation:.7s ease-in-out infinite alternate pulse}.loading-line{background:linear-gradient(90deg,#0000,#d69c56,#0000) 0 0/45% 100%;height:2px;animation:1s linear infinite loading}.empty-lobby{text-align:center;color:#68716e;border:1px dashed #ffffff16;grid-column:1/-1;padding:45px;font-size:13px}.friend-requests{background:#1a1712;border:1px solid #8f673d55;border-radius:7px;margin-bottom:10px;padding:12px}.friend-requests>b{color:#d5a15e;font-size:13px}.friend-requests>div{align-items:center;gap:8px;padding-top:10px;display:flex}.friend-requests .social-avatar{--face-size:32px}.friend-requests span{margin-right:auto;font-size:13px}.friend-requests button,.kick-button{color:#d8aa71;background:#2a1d13;border:1px solid #95673b;border-radius:4px;padding:5px 10px;font-size:11px}.kick-button{color:#ca796d;background:#21100f;border-color:#743d37;position:absolute;top:5px;right:5px}.member-grid article{position:relative}.profile-card .logout-button{color:#c66d64;background:0 0;border-color:#6e3935;width:100%;margin-top:9px;display:block}.room-header>button:first-child{color:#c9796c}@keyframes loading{to{background-position:220% 0}}@keyframes pulse{to{opacity:.45}}@media (max-width:700px){.auth-shell{background:linear-gradient(#080b0d99,#080b0df5),url(/assets/scenarios/blood-cross-apartment/building-cutaway.png) 50%/cover;display:block}.auth-art{background:0 0;min-height:31svh;padding:22px}.auth-art>div:last-child{margin:35px 0 0}.auth-art h1{font-size:32px}.auth-art p{display:none}.auth-card{border-radius:20px 20px 0 0;justify-content:flex-start;min-height:69svh;padding:28px 24px}.auth-card h2{margin-bottom:18px}}.social-avatar.large{--face-size:58px}.server-badge{color:#6fa27e;font-size:11px;font-style:normal}.choice-mark.locked{color:#fff;background:#506e5c}.chat-select{color:#ddd;background:#090d0e;border:1px solid #ffffff16;border-radius:5px;width:100%;padding:9px}.game-message-log{height:calc(100vh - 230px);padding:8px 0;overflow:auto}.game-message-log>div{max-width:88%;margin:8px 0}.game-message-log>div.mine{text-align:right;margin-left:auto}.game-message-log b{color:#7f8885;font-size:11px}.game-message-log p{text-align:left;background:#252b2c;border-radius:4px;margin:3px 0;padding:8px 10px;font-size:13px}.game-message-log .mine p{background:#765333}.game-chat-form{background:#080c0d;border:1px solid #ffffff16;border-radius:5px;padding:5px;display:flex;position:absolute;bottom:15px;left:15px;right:15px}.game-chat-form input{color:#eee;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:7px}.game-chat-form button{color:#17100a;background:#b37c43;border:0;border-radius:4px;padding:0 11px}.game-result{z-index:50;text-align:center;background:#050708eb;place-content:center;display:grid;position:fixed;inset:0}.game-result span{color:#d3a05d;letter-spacing:.25em;font-size:13px}.game-result h1{margin:12px;font:700 42px serif}.game-result p{color:#9ca39f;font-size:14px}.game-result button{color:#e0b377;background:#2a1c12;border:1px solid #bd8548;border-radius:5px;justify-self:center;margin-top:18px;padding:10px 22px}.member-grid article.member-ready{background:linear-gradient(#14241b,#0b1110);border-color:#5b8c6b;box-shadow:inset 0 0 20px #50805c18}.member-grid article.member-ready span{color:#79b28a}.ready-button{color:#071009;background:linear-gradient(#6ea17c,#436a51);border-color:#74a783}.ready-button.is-ready{color:#d4a76f;background:0 0;border-color:#9b6d3e}.apartment-game{padding-bottom:0}.game-body{grid-template-columns:250px minmax(430px,1fr) 330px}.case-panel{overflow-y:auto}.player-list{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.player-list-title{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.player-list-title span{color:var(--text);font:700 17px serif}.player-list-title b{color:#78a189;font-size:11px;font-weight:500}.player-list .resident-row:last-child{border-bottom:0}.side-panel .panel-content{grid-template-rows:auto auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.side-panel .game-message-log{height:auto;min-height:0}.side-panel .game-chat-form{margin-top:8px;position:static}.empty-game-chat{text-align:center;color:#69716f;margin:28px 0;font-size:12px}@media (max-width:1050px){.game-body{grid-template-columns:minmax(0,1fr);align-items:start;height:auto;min-height:calc(100svh - 70px)}.map-stage{order:1;height:min(70svh,680px);min-height:460px}.case-panel{order:2;display:block;overflow:visible}.side-panel{order:3;height:420px;display:block;position:static;inset:auto}.player-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;display:grid}.player-list-title{grid-column:1/-1}}@media (max-width:680px){.game-body{flex-direction:column;gap:8px;height:auto;min-height:calc(100svh - 58px);padding:7px;display:flex}.map-stage{width:100%;height:auto;min-height:0}.building-map{background-size:contain;min-height:58vw;max-height:52svh}.case-panel,.side-panel{width:100%;height:auto;display:block;position:static}.side-panel{height:390px}.player-list{grid-template-columns:1fr}.action-bar{gap:8px}.action-bar strong{font-size:13px}.action-bar button{flex:none}}.death-notice{color:#e7aaa3;background:#401513;border-bottom:1px solid #9b4039;justify-content:center;align-items:center;gap:12px;padding:9px 16px;display:flex}.death-notice strong{font:700 17px serif}.death-notice span{color:#c98f89;font-size:12px}.corpse-avatar{margin-left:-5px;display:inline-flex;position:relative}.corpse-avatar .social-avatar{filter:grayscale(.55);border:2px solid #d64f47;box-shadow:0 0 14px #b72d2d}.corpse-avatar>b{color:#fff;white-space:nowrap;background:#8f211d;border-radius:8px;padding:2px 5px;font-size:10px;position:absolute;top:-13px;right:-12px}.chat-controls{gap:8px;margin-bottom:4px;display:grid}.chat-controls label{grid-template-columns:48px 1fr;align-items:center;gap:7px;display:grid}.chat-controls label>span{color:var(--muted);font-size:11px}.game-message-log>.game-message{text-align:left;align-items:flex-start;gap:8px;max-width:100%;display:flex}.game-message .social-avatar{--face-size:28px;margin-top:3px}.game-message>div{max-width:calc(100% - 36px)}.game-message>div>b{align-items:center;gap:5px;display:flex}.game-message>div>b em{color:#a8845d;font-size:10px;font-style:normal;font-weight:400}.game-message.mine{flex-direction:row-reverse}.game-message.mine>div{text-align:right}.game-chat-form button:disabled,.game-chat-form input:disabled{opacity:.45;cursor:not-allowed}@media (max-width:680px){.death-notice{flex-direction:column;align-items:flex-start;gap:3px}.corpse-avatar>b{right:-8px}}.sync-error{color:#d6a466;justify-items:center;gap:9px;padding:24px;display:grid}.sync-error span{color:#9ca39f;font-size:13px}.sync-error button{color:#e0b377;background:#25190f;border:1px solid #9d6c3d;border-radius:5px;padding:8px 14px}.social-avatar.default-avatar{background-image:url(/assets/default-avatars/default-avatar-atlas.png);background-repeat:no-repeat;background-size:500% 500%}.default-avatar-picker{gap:8px;margin:18px 0;display:grid}.default-avatar-picker>span{color:#858e8b;font-size:12px}.default-avatar-picker>div{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.default-avatar-picker button{border:1px solid var(--line);cursor:pointer;background:#090d0e;border-radius:50%;place-items:center;padding:4px;display:grid}.default-avatar-picker button.selected{border-color:#d49c58;box-shadow:0 0 0 2px #d49c5828}.default-avatar-picker .social-avatar{--face-size:52px}.scenario-options{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:13px;display:grid}.scenario-options button{border:1px solid var(--line);color:var(--text);text-align:left;background:#0a0f10;border-radius:6px;flex-direction:column;align-items:flex-start;gap:4px;padding:13px;display:flex}.scenario-options button.selected{background:#4a321d33;border-color:#ad7a45;box-shadow:inset 0 0 16px #b67c3c15}.scenario-options b{font-size:14px}.scenario-options small{color:#787f7d;font-size:11px}@media (max-width:480px){.default-avatar-picker>div{grid-template-columns:repeat(5,1fr);gap:4px}.default-avatar-picker .social-avatar{--face-size:44px}.scenario-options{grid-template-columns:1fr}}.scenario-banner.dormitory{background-image:linear-gradient(90deg,#080b0ee8,#10171933),url(/assets/scenarios/dormitory-building/building-cutaway.png)}.building-map.dense .room-number{padding:2px 3px;font-size:10px;top:3px;left:3px}.building-map.dense .room-avatars .social-avatar{--face-size:27px}.building-map.dense .choice-mark{padding:2px 3px;font-size:10px;top:2px;right:2px}.building-map.dense{place-self:center;width:min(78%,760px);max-height:64vh}.building-map.dormitory-map{aspect-ratio:3/2;background-color:#05090d;background-position:50%;background-repeat:no-repeat;background-size:contain;border-color:#a87a4655;min-height:380px}.dormitory-buildings{z-index:3;pointer-events:none;grid-template-columns:repeat(3,1fr);gap:6%;display:grid;position:absolute;top:2%;left:5%;right:5%}.dormitory-buildings span{text-align:center;color:#e7b877;letter-spacing:.15em;background:#090d0ee6;border:1px solid #b9814655;border-radius:10px;padding:3px 8px;font:700 12px serif}.moving-player{z-index:7;left:var(--from-x);top:var(--from-y);pointer-events:none;justify-items:center;gap:3px;animation:2.4s cubic-bezier(.45,.05,.2,1) forwards player-walk;display:grid;position:absolute;translate:-50% -50%}.moving-player .social-avatar{--face-size:38px;outline:2px solid #f0bd79;animation:.32s ease-in-out infinite alternate walking-bob;box-shadow:0 0 18px #d89a4c}.moving-player span{color:#efc27e;white-space:nowrap;background:#080c0de8;border-radius:10px;padding:2px 6px;font-size:11px}.anonymous-encounter{z-index:8;opacity:0;pointer-events:none;justify-items:center;gap:3px;animation:2.4s both encounter-reveal;display:grid;position:absolute;translate:-50% -50%}.anonymous-encounter b{color:#f2c98e;background:#161b1de8;border:2px solid #d8a86d;border-radius:50%;place-items:center;width:42px;height:42px;font:800 24px serif;display:grid;box-shadow:0 0 24px #d09b5966}.anonymous-encounter span{color:#d8b483;white-space:nowrap;background:#080c0dea;border-radius:10px;padding:2px 7px;font-size:11px}.movement-clues{border-top:1px solid var(--line);margin-top:14px;padding-top:13px}.movement-clues>div{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.movement-clues>div span{font:700 17px serif}.movement-clues>div b{color:#efc27e;background:#6d4a2c;border-radius:10px;padding:2px 7px;font-size:11px}.movement-clues>p{color:#747d7a;margin:0;font-size:12px;line-height:1.6}.movement-clues article{background:#ffffff05;border-left:2px solid #b17a43;margin-top:6px;padding:8px 9px}.movement-clues article em{color:#d4a05e;font-size:11px;font-style:normal}.movement-clues article p{color:#b9bbb3;margin:3px 0 0;font-size:12px;line-height:1.55}@keyframes player-walk{0%{left:var(--from-x);top:var(--from-y)}to{left:var(--to-x);top:var(--to-y)}}@keyframes walking-bob{to{translate:0 -4px;scale:1.04}}@keyframes encounter-reveal{0%,30%,78%,to{opacity:0;scale:.7}42%,66%{opacity:1;scale:1}}@media (max-width:680px){.building-map.dense{width:100%;max-height:48svh}.building-map.dormitory-map{aspect-ratio:3/2;min-height:260px}.moving-player .social-avatar{--face-size:32px}.anonymous-encounter b{width:36px;height:36px;font-size:20px}}.apartment-game *{scrollbar-width:thin;scrollbar-color:#a8753f #0a0e0f80}.apartment-game ::-webkit-scrollbar{width:5px;height:5px}.apartment-game ::-webkit-scrollbar-track{background:#0a0e0f80;border-radius:999px}.apartment-game ::-webkit-scrollbar-thumb{background:#a8753f;border-radius:999px}.apartment-game ::-webkit-scrollbar-thumb:hover{background:#d6a15f}.apartment-game ::-webkit-scrollbar-corner{background:0 0}.mobile-game-tabs{display:none}.panel-content>h2{align-items:center;gap:8px;display:flex}.unread-dot{background:#d94b43;border-radius:50%;flex:none;width:8px;height:8px;animation:.85s ease-in-out infinite alternate unread-pulse;display:inline-block;box-shadow:0 0 0 3px #d94b4324,0 0 10px #d94b4388}.game-message>div>b .private-message-tag{color:#e9948c;background:#431c1a;border:1px solid #9e514b66;border-radius:9px;padding:2px 6px}@keyframes unread-pulse{to{opacity:.55;scale:.82}}@media (max-width:680px){.mobile-game-tabs{border:1px solid var(--line);background:#0c1112;border-radius:9px;order:2;grid-template-columns:1fr 1fr;width:100%;padding:4px;display:grid;box-shadow:0 10px 26px #0006}.mobile-game-tabs button{color:#7f8986;background:0 0;border:0;border-radius:6px;min-height:42px;font-weight:700;position:relative}.mobile-game-tabs button.active{color:#efbd7b;background:linear-gradient(#49311f,#2b1e15);box-shadow:inset 0 0 0 1px #b77d4255}.mobile-game-tabs button small{color:#f2c488;background:#76502d;border-radius:9px;margin-left:6px;padding:1px 6px;font-size:10px}.mobile-game-tabs .unread-dot{position:absolute;top:9px;right:calc(50% - 31px)}.game-body>.case-panel,.game-body>.side-panel{order:3;width:100%;display:none;position:static;inset:auto}.game-body>.case-panel.mobile-active,.game-body>.side-panel.mobile-active{display:block}.game-body>.case-panel.mobile-active{height:auto;overflow:visible}.game-body>.side-panel.mobile-active{height:min(62svh,520px)}.game-message-log>.game-message{padding:4px 0}}.music-toggle{color:#a98760;cursor:pointer;background:#17120e;border:1px solid #90633866;border-radius:14px;align-items:center;gap:5px;padding:5px 9px;display:flex}.music-toggle i{font-size:15px;font-style:normal;line-height:1}.music-toggle span{white-space:nowrap;font-size:11px}.music-toggle.playing{color:#efbd7c;background:#3b2818;border-color:#d29a57;box-shadow:0 0 12px #c4863e2e}.music-toggle.playing i{animation:.8s ease-in-out infinite alternate music-beat}@keyframes music-beat{to{translate:0 -1px;scale:1.2}}@media (max-width:680px){.music-toggle{border-radius:50%;padding:5px}.music-toggle span{display:none}.music-toggle i{font-size:14px}}.scenario-banner.campus{background-image:linear-gradient(90deg,#071013e8,#10171933),url(/assets/scenarios/university-campus/campus-map.png);background-position:50% 40%}.scenario-banner.snow-villa{background-image:linear-gradient(90deg,#071013ed,#10171944),url(https://oss.itsnkkka.cn/inrole/scenarios/snow-villa-map.png);background-position:50% 48%}.scenario-snow-mountain-villa .room-cover{background-image:linear-gradient(#10161833,#080b0ddd),url(https://oss.itsnkkka.cn/inrole/scenarios/snow-villa-map.png);background-position:50% 48%}.building-map.snow-villa-map{aspect-ratio:16/9;background-color:#05090d;background-position:50%;background-size:cover;border-color:#7c9ab45c}.snow-villa-map .rain{opacity:.42;background-image:radial-gradient(circle,#dceaf3 0 1px,#0000 1.6px);background-size:22px 22px;animation:8s linear infinite snow-drift;transform:skew(-8deg)}.snow-villa-map .room-number{color:#e7c28d;background:#071014e8;border-left-color:#b98b52}@keyframes snow-drift{to{background-position:-90px 150px}}.cinematic-dialog-backdrop{z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 45%,#28323370,#020405ed 58%)}.cinematic-dialog{background:linear-gradient(145deg,#182022,#0a0e0f 72%);border:1px solid #b9864f88;border-radius:14px;width:min(470px,100%);padding:30px 30px 25px;position:relative;overflow:hidden;box-shadow:0 32px 110px #000,0 0 36px #b57c3423,inset 0 1px #ffffff0d}.cinematic-dialog:before{content:"";pointer-events:none;opacity:.012;background:repeating-linear-gradient(0deg,#0000 0 3px,#fff 4px);position:absolute;inset:0}.dialog-signal{color:#71827d;letter-spacing:.18em;align-items:center;gap:8px;margin-bottom:23px;font:600 9px/1 ui-monospace,monospace;display:flex}.dialog-signal i{background:#c74e45;border-radius:50%;width:7px;height:7px;animation:.75s infinite alternate unread-pulse;box-shadow:0 0 12px #d75248}.cinematic-dialog>span{color:#c49358;letter-spacing:.2em;font-size:11px}.cinematic-dialog h2{color:#eee7da;margin:8px 0 11px;font:700 27px/1.25 serif}.cinematic-dialog p{color:#929b97;margin:0;font-size:13px;line-height:1.8}.cinematic-dialog-actions{justify-content:flex-end;gap:9px;margin-top:25px;display:flex}.cinematic-dialog-actions button{color:#9da5a1;background:#111718;border:1px solid #ffffff18;border-radius:6px;min-width:108px;padding:10px 15px}.cinematic-dialog-actions button:last-child{color:#17100a;background:linear-gradient(#c69356,#85562f);border-color:#bd884f;font-weight:800}.cinematic-dialog-actions button.danger{color:#f6e7df;background:linear-gradient(#9e4b43,#5d2825);border-color:#9e4e47}.cinematic-dialog-actions button:disabled{opacity:.55}.building-map.campus-map{aspect-ratio:3/2;background-color:#030a0d;background-position:50%;background-repeat:no-repeat;background-size:contain;border-color:#67868a55;min-height:380px}.campus-map .room-number{white-space:nowrap;color:#f2ca87;background:#061013e8;border-left-color:#c99652;max-width:calc(100% - 10px);padding:3px 6px;font:700 11px PingFang SC,Microsoft YaHei,sans-serif;top:5px;left:5px;box-shadow:0 2px 8px #000b}.campus-map .room-hotspot:hover .room-number,.campus-map .room-hotspot.chosen .room-number{color:#fff0cc;background:#543719ed}@media (max-width:700px){.scenario-options{grid-template-columns:1fr}.building-map.campus-map{aspect-ratio:3/2;min-height:260px}.campus-map .room-number{padding:2px 4px;font-size:9px}}.visible-player{z-index:4;margin-left:-5px;display:inline-flex;position:relative}.visible-player.attackable{cursor:crosshair;filter:drop-shadow(0 0 5px #bd3f35)}.visible-player.attackable:hover{z-index:6;scale:1.12}.visible-player>i{color:#ffd9cd;white-space:nowrap;pointer-events:none;background:#721f1be8;border-radius:3px;padding:1px 4px;font-size:8px;font-style:normal;position:absolute;bottom:-18px;left:50%;translate:-50%}.kill-confirm-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020303d9;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.kill-confirm{text-align:center;background:linear-gradient(#201313,#0e0c0c);border:1px solid #9e4039;border-radius:10px;width:min(92vw,360px);padding:26px;box-shadow:0 25px 80px #000}.kill-confirm>span{color:#bc756c;margin-top:12px;font-size:12px;display:block}.kill-confirm h2{margin:5px 0;font:700 27px serif}.kill-confirm p{color:#9c918d;font-size:13px;line-height:1.65}.kill-confirm>div{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;display:grid}.kill-confirm button{color:#c9c6bc;background:#171b1b;border:1px solid #ffffff1c;border-radius:5px;padding:10px}.kill-confirm button.danger{color:#fff1e8;background:#7c2822;border-color:#b8483e;font-weight:800}.kill-confirm button:disabled{opacity:.5}.voice-recorder{margin-top:8px}.voice-recorder>button{color:#e4bd83;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#191d1d,#0c1011);border:1px solid #9d7448;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;display:flex}.voice-recorder>button i{color:#c85c50;font-size:16px;font-style:normal}.voice-recorder.recording>button{color:#fff;background:#4c1e1b;border-color:#c95247;box-shadow:0 0 18px #b43d3438}.voice-recorder em,.voice-recorder small{text-align:center;margin-top:5px;font-size:10px;font-style:normal;display:block}.voice-recorder em{color:#c77a70}.voice-recorder small{color:#d46d62}.voice-player{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#1e2222eb,#121616eb);border:1px solid #d4a05e2e;border-radius:12px;align-items:center;gap:10px;min-width:180px;max-width:230px;margin-top:4px;padding:8px 12px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000040}.voice-player:hover{border-color:#d4a05e66;box-shadow:0 2px 14px #b4823c26}.game-message.mine .voice-player{background:linear-gradient(135deg,#48341cd9,#322212d9);border-color:#e8be8238}.vp-play{color:#1a1208;background:linear-gradient(135deg,#d4a05e,#9d6a32);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;transition:transform .15s;display:grid;box-shadow:0 1px 6px #0006}.vp-play:active{transform:scale(.92)}.vp-play.playing{background:linear-gradient(135deg,#e8be82,#b07a3a)}.vp-wave{cursor:pointer;flex:1;align-items:center;gap:2px;min-width:0;height:26px;padding:0 2px;display:flex}.vp-bar{background:#d4a05e2e;border-radius:1px;flex:1 1 0;min-width:2px;transition:background .12s}.vp-bar.on{background:linear-gradient(#e8be82,#b07a3a)}.vp-bar.on.pulse{animation:.9s ease-in-out infinite alternate vp-bar-pulse}@keyframes vp-bar-pulse{0%{opacity:.7}to{opacity:1}}.vp-time{color:#c9b089;font-variant-numeric:tabular-nums;letter-spacing:.3px;flex:none;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}@media (max-width:680px){.voice-recorder>button{min-height:46px}.voice-player{gap:8px;min-width:155px;max-width:195px;padding:7px 10px}.vp-play{width:28px;height:28px}.vp-wave{height:24px}}.scenario-broadcast{z-index:45;background:linear-gradient(100deg,#251a10f5,#101516f5);border:1px solid #bb874d;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;width:min(760px,100vw - 28px);padding:13px 15px;animation:.35s ease-out broadcast-enter;display:grid;position:fixed;top:82px;left:50%;translate:-50%;box-shadow:0 18px 55px #000c,0 0 24px #b7793428}.scenario-broadcast>i{color:#eab56f;background:#9c642f33;border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;animation:.7s ease-in-out infinite alternate broadcast-pulse;display:grid}.scenario-broadcast>div{flex-direction:column;gap:3px;min-width:0;display:flex}.scenario-broadcast span{color:#c28d50;letter-spacing:.08em;font-size:11px}.scenario-broadcast strong{color:#f0e4cf;font:700 15px/1.55 serif}.scenario-broadcast>button{color:#8e8176;background:0 0;border:0;font-size:22px}.scenario-broadcast.danger{background:linear-gradient(100deg,#361412f7,#111314f7);border-color:#a8423c}.scenario-broadcast.danger>i{color:#f07b70;background:#8f292633}.scenario-broadcast.corrupted{background:linear-gradient(100deg,#281718f7,#101415f7);border-color:#7e4b46;box-shadow:0 18px 55px #000c,0 0 24px #8d302c35}.scenario-broadcast.corrupted strong{color:#e8c0ba;text-shadow:1px 0 #872f2a,-1px 0 #244c50}.scenario-broadcast.corrupted>i{color:#d86158;animation:.22s steps(2,end) infinite alternate broadcast-glitch}@keyframes broadcast-enter{0%{opacity:0;translate:-50% -14px}}@keyframes broadcast-pulse{to{scale:1.12;box-shadow:0 0 14px #d89246}}@keyframes broadcast-glitch{to{translate:2px -1px}}@media (max-width:680px){.scenario-broadcast{gap:8px;padding:10px 11px;top:64px}.scenario-broadcast>i{width:28px;height:28px}.scenario-broadcast strong{font-size:13px}.scenario-broadcast span{font-size:10px}}.map-stage{grid-template-rows:auto minmax(0,1fr);position:relative}.room-hotspot.chosen{animation:.28s cubic-bezier(.2,.8,.25,1) room-drop}.room-hotspot.chosen:after{content:"";border:2px solid #efbc77;border-radius:50%;width:18px;height:18px;animation:1s ease-in-out infinite alternate room-piece-pulse;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 5px #d6973e2b,0 0 22px #e5a753}.choice-mark{z-index:5;white-space:nowrap}.map-action-error{z-index:12;color:#e7a59e;background:#321513ed;border:1px solid #9c4942;border-radius:6px;max-width:calc(100% - 24px);padding:7px 12px;font-size:12px;position:absolute;bottom:12px;left:50%;translate:-50%;box-shadow:0 8px 24px #000a}@keyframes room-drop{0%{filter:brightness(1.6);scale:.96}}@keyframes room-piece-pulse{to{scale:1.18;box-shadow:0 0 0 8px #d6973e18,0 0 30px #e5a753}}@media (max-width:680px){.map-stage{grid-template-rows:auto minmax(0,1fr)}.choice-mark{padding:2px 4px;font-size:9px;top:auto;bottom:3px;right:3px}}@media (min-width:1051px){.mobile-header{grid-template-columns:minmax(190px,1fr) minmax(280px,1.15fr) max-content;gap:22px}.round-pill{white-space:nowrap;flex-wrap:nowrap;min-width:max-content}.round-pill>span,.round-pill>time{white-space:nowrap}.game-body{overflow:hidden}.building-map.dormitory-map,.building-map.campus-map{place-self:stretch center;width:min(100%,150vh - 198px);height:auto;min-height:0;max-height:calc(100vh - 132px)}}@media (min-width:681px) and (max-width:1050px){.mobile-header{grid-template-columns:minmax(150px,1fr) minmax(220px,1fr) max-content;gap:12px}.round-pill{white-space:nowrap;min-width:max-content}}@media (max-width:680px){.round-pill{white-space:nowrap;flex-direction:row;align-items:center;gap:6px;min-width:max-content}.round-pill span{white-space:nowrap;font-size:10px}.round-pill time{white-space:nowrap;font-size:16px}.chapter{min-width:0}.chapter strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.music-toggle.error{color:#db8279;border-color:#9b4942}.map-heading{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;display:grid}.map-heading>em{justify-self:end}.game-clock{background:#090e0fd9;border:1px solid #b57c404f;border-radius:7px;flex-direction:column;justify-self:center;align-items:center;padding:5px 18px;display:flex;box-shadow:inset 0 0 15px #c7863314}.game-clock span{letter-spacing:.12em;color:#88765e!important;font-size:9px!important}.game-clock b{color:#efbb75;letter-spacing:.08em;font:700 18px monospace}.message-game-time{color:#b6946d;margin-left:2px;font:500 10px monospace}.corpse-avatar>b{text-align:center;max-width:105px;line-height:1.25;right:-22px}.death-notice span{font-variant-numeric:tabular-nums}@media (max-width:680px){.map-heading{grid-template-columns:minmax(0,1fr) auto}.map-heading>div{grid-column:1}.map-heading>.game-clock{grid-area:1/2/3;padding:3px 7px}.map-heading>em{grid-column:1;justify-self:start;margin-top:2px}.game-clock span{display:none}.game-clock b{font-size:13px}.message-game-time{font-size:9px}}.room-avatars{flex-wrap:wrap;place-content:center;align-items:center;gap:7px;width:min(92%,180px);display:flex}.room-avatars .visible-player,.room-avatars .corpse-avatar{margin-left:0}.room-avatars .social-avatar{flex:none}.room-avatars:has(.visible-player:nth-child(4)){width:min(96%,220px)}@media (max-width:680px){.room-avatars{gap:3px;width:94%}.room-avatars .social-avatar{--face-size:28px}.room-avatars:has(.visible-player:nth-child(4)){width:98%}}.room-hotspot .room-avatars{justify-content:center;gap:8px;width:68%;max-width:none;padding:3px;top:61%;left:38%}.room-hotspot .room-avatars:has(.visible-player:nth-child(4)){width:70%}.room-hotspot .visible-player,.room-hotspot .corpse-avatar{flex:none}.campus-map .room-hotspot .room-avatars{gap:9px;width:64%;left:36%}@media (max-width:680px){.room-hotspot .room-avatars,.campus-map .room-hotspot .room-avatars{gap:4px;width:67%;padding:1px;top:62%;left:37%}.room-hotspot .room-avatars:has(.visible-player:nth-child(4)){width:70%}}.building-map{isolation:isolate;overflow:hidden}.building-map:before{content:"";pointer-events:none;display:none}.building-map:after{content:"";z-index:5;pointer-events:none;mix-blend-mode:screen;opacity:.32;background:repeating-linear-gradient(0deg,#fff0 0 3px,#fff1 4px 5px),linear-gradient(90deg,#0003,#fff0 18% 82%,#0004);position:absolute;inset:0}.building-map .rain{z-index:4;pointer-events:none!important}@keyframes monitor-blink{50%{opacity:.72}}.map-heading{background:linear-gradient(90deg,#101718,#0a1011);border:1px solid #ffffff10;border-radius:9px 9px 0 0;gap:16px;padding:9px 12px;position:static;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important}.map-heading>div{min-width:0}.map-heading>div span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.map-heading>div strong{margin-top:2px;font-size:18px;display:block}.map-heading>em{white-space:nowrap;justify-self:auto!important}.map-heading .game-clock{z-index:9;pointer-events:none;background:#05090bed;border-color:#93504888;flex-direction:row;align-items:center;gap:9px;padding:7px 10px;display:flex;position:static;box-shadow:0 6px 18px #0007}.map-heading .game-clock span{color:#f0645c!important;font-size:0!important}.map-heading .game-clock span:before{content:"● REC";letter-spacing:.12em;font:700 10px ui-monospace,SFMono-Regular,monospace;animation:1.2s steps(2,end) infinite monitor-blink}.map-heading .game-clock b{font-size:15px}.map-heading .game-clock b:before{content:"凌晨 ";color:#d8aa70;letter-spacing:0;font:700 15px serif}.room-hotspot:not(:disabled){cursor:pointer;transition:border-color .16s,background-color .16s,box-shadow .16s,filter .16s}.room-hotspot:not(:disabled):hover{z-index:7;filter:brightness(1.14);box-shadow:inset 0 0 0 1px #f0ba6855,0 0 22px #d7963d55;background:#d6983520!important;border-color:#efb766!important}.room-hotspot:not(:disabled):hover .room-number{color:#fff0cd;transform:translateY(-2px);box-shadow:0 5px 14px #000b}.room-hotspot:not(:disabled):active{filter:brightness(1.28);transform:scale(.995)}.room-hotspot.reachable{border-color:#d4a35c88;box-shadow:inset 0 0 0 1px #d5a45a22}.room-hotspot.unreachable{filter:grayscale(.72)brightness(.62);cursor:not-allowed!important;background:#0509092b!important;border-color:#60706a3d!important}.room-hotspot.unreachable .room-number{color:#6d7773;background:#080c0dcc;border-left-color:#58635f}.room-hotspot.unreachable:hover{box-shadow:none;filter:grayscale(.72)brightness(.68);background:#0509092b!important;border-color:#60706a3d!important}.message-log{scroll-behavior:smooth;overscroll-behavior:contain;overflow-y:auto}.chat-view{grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid}.chat-view .message-log{min-height:0}.record-card>header{padding-right:18px;position:relative}.record-card>header>b{letter-spacing:.08em;font-size:14px}.record-card .social-avatar{aspect-ratio:1!important;border-radius:50%!important;flex:0 0 34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;display:block!important}.record-players>div{min-height:58px}@media (max-width:680px){.building-map:after{opacity:.22}.map-heading{gap:7px;padding:7px;grid-template-columns:minmax(0,1fr) auto!important}.map-heading>div strong{font-size:14px}.map-heading>em{grid-area:1/2/3!important}.map-heading .game-clock{padding:4px 6px}.map-heading .game-clock span{display:block}.map-heading .game-clock span:before{font-size:8px}.map-heading .game-clock b,.map-heading .game-clock b:before{font-size:11px}}.side-panel{background:linear-gradient(145deg,#242829,#080a0b 42%,#171a1b);border:1px solid #796044;border-radius:26px;align-self:center;height:calc(100% - 72px);max-height:760px;padding:10px;box-shadow:inset 0 0 0 4px #050607,inset 0 0 0 5px #ffffff12,0 16px 42px #0009}.side-panel:before{content:"";z-index:3;background:#020303;border-radius:8px;width:72px;height:5px;position:absolute;top:15px;left:50%;translate:-50%;box-shadow:0 1px #ffffff12}.side-panel .panel-content{background:linear-gradient(#111819,#0a0f10);border-radius:18px;flex-direction:column;height:100%;min-height:0;padding:27px 12px 12px;display:flex;box-shadow:inset 0 0 28px #76a8930a}.side-panel .panel-content>h2{border-bottom:1px solid #ffffff12;margin:0 -2px 10px;padding-bottom:10px;font-size:17px}.side-panel .panel-content>h2:after{content:"4G  ▂▄▆  86%";color:#7f9e91;letter-spacing:.04em;margin-left:auto;font:600 9px ui-monospace,SFMono-Regular,monospace}.side-panel .chat-controls{background:#080c0dcc;border:1px solid #ffffff12;border-radius:11px;padding:9px}.side-panel .chat-controls:has(label:nth-child(2)){background:linear-gradient(#21170f99,#080c0dcc);border-color:#b5844d55;padding-top:24px}.side-panel .chat-controls label:first-child{position:relative}.side-panel .chat-controls label:first-child:before{content:"当前手机";color:#b58a58;letter-spacing:.08em;font:700 8px sans-serif;position:absolute;top:-18px;right:8px}.side-panel .chat-select{background:#05090a;border-radius:8px}.side-panel .game-message-log{background:radial-gradient(circle at 50% 0,#39524812,#0000 42%);margin:7px 0;padding:8px 3px}.side-panel .game-chat-form{background:#060a0b!important;border-radius:11px!important}.phone-messages .phone-clue-screen{display:none}.phone-clues .chat-controls,.phone-clues .game-message-log,.phone-clues .game-chat-form,.phone-clues .voice-recorder{display:none!important}.phone-messages .game-message-log{background:linear-gradient(#0b1112,#080c0d);border:1px solid #ffffff0e;border-radius:10px;flex:1;min-height:0;margin:5px 0 9px;padding:10px 8px;overflow:auto}.phone-clue-screen{background:linear-gradient(#0b1112,#080c0d);border:1px solid #ffffff0e;border-radius:10px;flex:1;min-height:0;margin:5px 0 9px;padding:8px;overflow:auto}.phone-clue-screen>p{color:#76817e;text-align:center;margin:32px 10px;font-size:12px;line-height:1.7}.phone-clue-screen article{background:#d59b5120;border-left:2px solid #bd874b;border-radius:0 7px 7px 0;margin-bottom:7px;padding:10px}.phone-clue-screen article em{color:#d3a265;font-size:10px;font-style:normal}.phone-clue-screen article p{color:#c7c8c0;margin:4px 0 0;font-size:12px;line-height:1.55}.phone-dock{background:#050808e8;border:1px solid #ffffff12;border-radius:14px;flex:none;grid-template-columns:repeat(4,1fr);gap:4px;height:56px;margin-top:8px;padding:5px;display:grid;box-shadow:inset 0 1px #ffffff0a}.side-panel .phone-dock{margin-top:auto}.phone-dock button{color:#6f7a77;cursor:pointer;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:relative}.phone-dock button:hover,.phone-dock button.active{color:#e1b579;background:#9b6e3929}.phone-dock i{border:1px solid;border-radius:7px;place-items:center;width:25px;height:25px;font-size:14px;font-style:normal;display:grid}.phone-dock span{font-size:8px}.phone-dock b{background:#d94e47;border-radius:50%;width:6px;height:6px;position:absolute;top:3px;right:8px;box-shadow:0 0 7px #d94e47}.role-mission{background:linear-gradient(100deg,#8e5e2d20,#090e0f);border:1px solid #ffffff13;border-left:3px solid #c48c4d;border-radius:0 8px 8px 0;margin-top:12px;padding:14px}.role-mission>span{color:#c18d52;letter-spacing:.14em;font-size:10px;display:block}.role-mission strong{color:#eee6d6;margin-top:6px;font:700 15px/1.5 serif;display:block}.role-mission p{color:#818b88;margin:7px 0 0;font-size:11px;line-height:1.65}.role-mission.killer{background:linear-gradient(100deg,#812c2829,#090e0f);border-left-color:#bd4e45}.role-mission.killer>span{color:#d76c62}.role-mission.killer strong{color:#f0d4ce}@media (max-width:1050px){.side-panel{border-radius:20px;height:auto;max-height:none}.side-panel:before{top:14px}.side-panel .panel-content{padding-top:25px}}.intro-letter-overlay{z-index:120;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 50% 42%,#263033c9,#020405f7 64%);place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow:hidden}.intro-letter-overlay:before{content:"";pointer-events:none;opacity:.045;background:repeating-linear-gradient(0deg,#0000 0 3px,#fff 4px),radial-gradient(circle,#0000 35%,#000 86%);position:absolute;inset:0}.intro-envelope{perspective:1200px;width:min(620px,94vw);height:min(480px,78svh);animation:.65s cubic-bezier(.2,.8,.2,1) both intro-envelope-arrive;position:relative}.envelope-back{background:linear-gradient(145deg,#4b3524,#21170f);border:1px solid #8c6a45;border-radius:4px;height:61%;position:absolute;bottom:2%;left:5%;right:5%;box-shadow:0 35px 90px #000}.intro-letter{z-index:2;color:#271f17;background:linear-gradient(105deg,#d8ccb0,#f0e7d2 48%,#cbbd9e);border:1px solid #cab68c;border-radius:2px;flex-direction:column;padding:clamp(24px,5vw,45px);animation:.8s cubic-bezier(.2,.8,.2,1) .25s both intro-letter-rise;display:flex;position:absolute;inset:2% 10% 10%;overflow:hidden;box-shadow:0 18px 55px #000b,inset 0 0 65px #765d3428}.intro-letter:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 27px,#3e302011 28px),radial-gradient(circle at 16% 9%,#6c4b2418,#0000 32%);position:absolute;inset:0}.intro-letter>span{color:#8a5d2d;letter-spacing:.22em;font-size:11px;position:relative}.intro-letter h1{letter-spacing:.06em;margin:9px 0 2px;font:700 clamp(25px,4vw,38px)/1.25 serif;position:relative}.intro-letter>i{color:#8a7a64;letter-spacing:.14em;font:9px ui-monospace,monospace;position:relative}.intro-letter p{letter-spacing:.035em;margin:23px 0 15px;font:500 clamp(13px,1.8vw,16px)/2 serif;position:relative}.intro-letter>strong{color:#6c5135;align-self:flex-end;margin-top:auto;font:600 13px serif;position:relative}.intro-letter>button{color:#e7d6b6;letter-spacing:.18em;cursor:pointer;background:#2c2118;border:1px solid #73502e;border-radius:2px;align-self:center;margin-top:18px;padding:8px 24px;font:700 12px serif;position:relative}.intro-letter>button:hover{background:#46311f;box-shadow:0 5px 18px #50371e44}.intro-letter-progress{transform-origin:0;background:#8c5d2f;height:3px;animation:5s linear forwards intro-letter-countdown;position:absolute;bottom:0;left:0;right:0}.envelope-front{z-index:3;clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%);pointer-events:none;background:linear-gradient(160deg,#5b402a,#2a1d13);border:1px solid #92704b;height:31%;position:absolute;bottom:2%;left:5%;right:5%}.envelope-front b{color:#e2b270;background:#792f29;border-radius:50%;place-items:center;width:46px;height:46px;font:700 22px serif;display:grid;position:absolute;top:44%;left:50%;translate:-50% -50%;box-shadow:0 4px 12px #0008,inset 0 0 0 3px #b066454f}.intro-letter-overlay.closing{animation:.6s ease-in forwards intro-overlay-leave}.intro-letter-overlay.closing .intro-letter{animation:.52s ease-in forwards intro-letter-return}.intro-letter-overlay.closing .envelope-front{animation:.42s ease-in .13s forwards intro-envelope-close}@keyframes intro-envelope-arrive{0%{opacity:0;transform:translateY(35px)scale(.94)}to{opacity:1;transform:none}}@keyframes intro-letter-rise{0%{opacity:0;transform:translateY(34%)}to{opacity:1;transform:none}}@keyframes intro-letter-countdown{to{transform:scaleX(0)}}@keyframes intro-letter-return{to{opacity:.35;transform:translateY(42%)scale(.97)}}@keyframes intro-envelope-close{to{clip-path:polygon(0 0,50% 0,100% 0,100% 100%,0 100%);filter:brightness(.72)}}@keyframes intro-overlay-leave{70%{opacity:1}to{opacity:0}}@media (max-width:600px){.intro-envelope{height:min(560px,84svh)}.intro-letter{padding:28px 22px;left:5%;right:5%}.intro-letter p{line-height:1.85}.envelope-back,.envelope-front{left:1%;right:1%}}.room-hotspot .room-avatars{pointer-events:none;place-content:center;align-items:flex-start;gap:6px;width:92%;max-width:none;padding:2px;top:61%;left:50%}.room-hotspot .visible-player,.room-hotspot .corpse-avatar{pointer-events:auto;flex-direction:column;flex:none;align-items:center;gap:2px;min-width:48px;margin:0;display:inline-flex;position:relative}.room-hotspot .visible-player .social-avatar,.room-hotspot .corpse-avatar .social-avatar{--face-size:38px}.map-player-name{color:#f0e8d9;text-overflow:ellipsis;white-space:nowrap;background:#070b0ddd;border:1px solid #ffffff14;border-radius:7px;max-width:62px;padding:1px 5px;font:700 9px/1.35 PingFang SC,Microsoft YaHei,sans-serif;display:block;overflow:hidden;box-shadow:0 2px 7px #000b}.room-hotspot .corpse-avatar .map-player-name{color:#ecc3bc;background:#210d0de8;border-color:#93413d77}.room-hotspot .corpse-avatar>b{color:#fff;text-align:center;white-space:nowrap;background:#8f211de8;border-radius:7px;max-width:82px;margin-top:0;padding:1px 5px;font:700 8px/1.35 ui-monospace,monospace;position:static}.room-hotspot .visible-player>i{z-index:2;font-size:8px;top:-10px;bottom:auto;left:50%;translate:-50%}.room-hotspot .visible-player.attackable:hover{scale:1.07}.building-map.dense .room-hotspot .visible-player .social-avatar,.building-map.dense .room-hotspot .corpse-avatar .social-avatar{--face-size:32px}@media (max-width:680px){.room-hotspot .room-avatars,.campus-map .room-hotspot .room-avatars{gap:3px;width:94%;padding:1px;top:62%;left:50%}.room-hotspot .visible-player,.room-hotspot .corpse-avatar{min-width:36px}.room-hotspot .visible-player .social-avatar,.room-hotspot .corpse-avatar .social-avatar{--face-size:28px}.map-player-name{max-width:45px;padding:0 3px;font-size:7px}.room-hotspot .corpse-avatar>b{max-width:58px;padding:0 3px;font-size:7px}}@media (min-width:1051px){.apartment-game{height:100dvh;min-height:100dvh;overflow:hidden}.game-body{align-items:stretch;height:calc(100dvh - 70px);min-height:0;overflow:hidden}.case-panel,.map-stage{height:100%;min-height:0}.map-stage{grid-template-rows:auto minmax(0,1fr);align-self:stretch;overflow:hidden}.building-map,.building-map.dense,.building-map.dormitory-map,.building-map.campus-map,.building-map.snow-villa-map{aspect-ratio:auto;place-self:stretch stretch;width:100%;min-width:0;max-width:none;height:100%;min-height:0;max-height:none}}@media (max-width:680px){.apartment-game{min-height:100dvh}.game-body{min-height:calc(100dvh - 58px)}.map-stage{height:calc(100dvh - 116px);min-height:0}.building-map,.building-map.dormitory-map,.building-map.campus-map,.building-map.snow-villa-map{aspect-ratio:auto;height:100%;min-height:0;max-height:none}}@media (min-width:681px) and (max-width:1050px){.game-body{min-height:calc(100dvh - 70px)}.map-stage{height:calc(100dvh - 94px);min-height:0}.building-map,.building-map.dense,.building-map.dormitory-map,.building-map.campus-map,.building-map.snow-villa-map{aspect-ratio:auto;width:100%;height:100%;min-height:0;max-height:none}}.brand{background:url(https://oss.itsnkkka.cn/inrole/logo-v2.png) 0/contain no-repeat;flex:none;width:138px;height:42px;display:block}.brand>b,.brand>span{display:none}.auth-art .brand{width:180px;height:54px}.mobile-header .brand,.social-header .brand{width:132px;height:38px}@media (max-width:680px){.mobile-header .brand,.social-header .brand{width:108px;height:32px}.auth-art .brand{width:145px;height:44px}}