:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e3ebf3;font-synthesis:none;background:#0b1420;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif;font-size:16px;line-height:1.65}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}a{color:inherit}button{cursor:pointer;color:#edf5ff;background:#172b40;border:1px solid #3b5268;border-radius:6px;min-height:44px;padding:10px 18px}button:hover{background:#203b55}button:disabled{cursor:wait;opacity:.55}button.primary{color:#0c2030;background:#badcf3;border-color:#badcf3;font-weight:650}button.primary:hover{background:#d7edfc}button.ghost{background:0 0}input,textarea,select{color:#eef6fc;background:#0d1b29;border:1px solid #405365;border-radius:5px;width:100%;min-height:44px;padding:11px}textarea{resize:vertical;min-height:105px}label{color:#d3dfe9;margin:15px 0 6px;font-size:.9rem;display:block}p{margin:0 0 18px}h1,h2,h3{margin:0 0 20px;font-weight:600;line-height:1.3}h1{letter-spacing:-.04em;font-size:2.5rem}h2{font-size:1.25rem}h3{font-size:1rem}small,.muted{color:#9bacbc;font-size:.875rem}.masthead{border-bottom:1px solid #263546;align-items:center;gap:32px;min-height:98px;padding:22px 40px;display:flex}.brand{align-items:center;gap:16px;font-size:2.1rem;font-weight:650;text-decoration:none;display:flex}.brand small{letter-spacing:.32em;font-size:.75rem;font-weight:400;display:block}.phase{color:#91a5b8;letter-spacing:.12em;font-size:.75rem}.tag{color:#bbd4e7;border:1px solid #38516a;margin-left:10px;padding:3px 8px;font-size:.75rem}.masthead #account{align-items:center;gap:16px;margin-left:auto;display:flex}.masthead #account span{overflow-wrap:anywhere;max-width:260px;font-size:.85rem}.login{grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;max-width:1040px;margin:90px auto;padding:0 36px;display:grid}.eyebrow{color:#a0c1da;letter-spacing:.16em;margin-bottom:24px;font-size:.8rem}.intro h1{margin-bottom:25px;font-size:3.2rem}.intro p{color:#aebfcf;max-width:370px}.rule{background:#9dc5e1;width:52px;height:2px;margin:30px 0}.login-panel,.panel{background:#111f2f;border:1px solid #304254;border-radius:10px;padding:30px}.login-panel{padding:40px}.login-panel h2{font-size:1.4rem}.google-button{color:#142638;background:#f1f5f9;border:0;justify-content:center;align-items:center;gap:14px;width:100%;margin:15px 0 22px;display:flex}.google-button:hover{background:#fff}.google-letter{color:#4285f4;font:700 20px Arial}.login-foot{color:#9eb0c0;border-top:1px solid #2e4052;padding-top:20px;font-size:.875rem}.loading{text-align:center;padding:80px 24px}.lobby{max-width:1050px;margin:55px auto;padding:0 30px}.section-head{justify-content:space-between;align-items:start;gap:20px;margin-bottom:28px;display:flex}.lobby-grid{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.room-card{border-bottom:1px solid #304254;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;display:flex}.room-card strong{display:block}.empty{color:#acbccd;padding:25px 0}.room-shell{max-width:1450px;margin:auto;padding:30px}.room-grid{grid-template-columns:260px minmax(0,1fr) 290px;gap:20px;display:grid}.feed-panel{padding:0;overflow:hidden}.feed-header{border-bottom:1px solid #304254;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.feed-header h2{margin:0}.feed{overscroll-behavior:contain;height:50vh;min-height:300px;padding:24px;overflow:auto}.message{overflow-wrap:anywhere;margin-bottom:24px}.message .byline{align-items:center;gap:12px;margin-bottom:6px;display:flex}.message p{white-space:pre-wrap;margin:0}.message.system{background:#152b3e;border-left:2px solid #99c9e8;padding:14px 18px}.message.system strong{color:#a6d1ee;letter-spacing:.1em;font-size:.8rem}.compose{border-top:1px solid #304254;padding:20px}.compose label{margin-top:0}.compose-bottom{justify-content:space-between;align-items:center;gap:15px;margin-top:12px;display:flex}.member{border-bottom:1px solid #2a3b4b;padding:12px 0}.member button{margin-top:8px;padding:5px 12px;font-size:.85rem}.stats{grid-template-columns:1fr auto;gap:8px;margin:20px 0;display:grid}.stats dt{color:#a8bdce}.stats dd{margin:0}.profile-text{white-space:pre-wrap;overflow-wrap:anywhere}.stack>*+*{margin-top:20px}.panel details summary{cursor:pointer;color:#b8ccdd}.panel details form{margin-top:12px}#notice{color:#ffe0d2;overflow-wrap:anywhere;background:#3a2620;border:1px solid #b47e67;margin:16px 30px;padding:14px 20px}#notice[hidden]{display:none}.receipt{color:#9bacbc;margin-top:9px;font-size:.8rem}.receipt summary{cursor:pointer}.receipt ul{margin:6px 0;padding-left:18px}.pending{border-bottom:1px solid #304254;padding:12px 0}.actions{flex-wrap:wrap;gap:10px;display:flex}.intro .serial{letter-spacing:.12em;color:#7890a5;margin-top:45px;font-size:.75rem}@media (width<=1100px){.room-grid{grid-template-columns:230px minmax(0,1fr)}.gm-tools{grid-column:1/-1}.login{gap:45px;margin-top:60px}}@media (width<=680px){.masthead{flex-wrap:wrap;gap:15px;padding:16px 20px}.phase{display:none}.masthead #account{font-size:.8rem}.masthead #account span{max-width:150px}.login{margin:38px auto;padding:0 22px;display:block}.intro h1{font-size:2.25rem}.intro p{max-width:none}.intro .serial{display:none}.login-panel{margin-top:30px;padding:26px}.lobby{margin-top:32px;padding:0 20px}.lobby-grid,.room-grid{grid-template-columns:1fr}.room-shell{padding:20px}.gm-tools{grid-column:auto}.room-grid .character-panel{order:2}.room-grid .feed-panel{order:1}.room-grid .gm-tools{order:3}.feed{height:48vh}.section-head{flex-wrap:wrap}.panel{padding:22px}.feed-panel{padding:0}h1{font-size:2rem}#notice{margin:15px 20px}}.gm-speakers~.send-controls{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}#chat-lock{color:#9dc6bd;min-height:0;font:inherit;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;font-size:14px;display:flex}#chat-lock .lock-label{display:none}#chat-lock[aria-checked=true]{color:#e89797}#chat-lock:hover{color:#fff}#chat-lock{pointer-events:none;cursor:default}#chat-lock .lock-track{pointer-events:auto;cursor:pointer}#chat-lock:disabled .lock-track{pointer-events:none;cursor:wait}#chat-lock:focus-visible{outline-offset:3px;outline:2px solid}#chat-lock .lock-track{background:#203b3b;border:1px solid #638f83;border-radius:99px;width:48px;height:26px;transition:background .2s,border-color .2s;display:block;position:relative}#chat-lock .lock-thumb{color:#263d37;background:#d8e4e0;border-radius:50%;place-items:center;width:20px;height:20px;transition:transform .2s,background .2s;display:grid;position:absolute;top:3px;left:3px}#chat-lock .lock-thumb svg{width:12px;height:12px}#chat-lock[aria-checked=true] .lock-track{background:#542c35;border-color:#af6877}#chat-lock[aria-checked=true] .lock-thumb{color:#6a2937;background:#f1d9dc;transform:translate(22px)}@media (prefers-reduced-motion:reduce){#chat-lock .lock-track,#chat-lock .lock-thumb{transition:none}}#chat-access-status{color:#e8a9a9;white-space:nowrap;min-height:1.2em;margin:0 6px 0 0;font-size:12px;display:block}#chat-access-status:empty{display:none}#send.send-locked{color:#ee838d;opacity:1;background:#30232c;border-color:#74434e;place-items:center;display:grid}#send.send-locked svg{width:19px;height:19px}#issue-invitation{width:100%;margin-top:12px}.invite-dialog{max-width:min(560px,90vw)}.invite-dialog select,.invite-dialog input,#claim-invite{box-sizing:border-box;width:100%;margin:10px 0 18px}.invite-dialog p{font-size:15px;line-height:1.6}#invite-result{margin-top:20px}.invite-code-field{align-items:center;margin:10px 0 0;display:flex;position:relative}.invite-dialog .invite-code-field input{min-height:48px;margin:0;padding-right:76px;font-size:14px}.invite-dialog #invite-copy{background:#22384b;border:0;border-radius:3px;min-height:32px;padding:5px 12px;font-size:13px;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.invite-dialog #invite-copy:hover{background:#304b61}.invite-dialog>.actions{justify-content:flex-end;margin-top:24px}#account #gm-header-tools{color:#e1d3fa;background:#ac8ddd24;border-color:#baa0e575}#account #gm-header-tools:hover{background:#ac8ddd40;border-color:#d7bff6}.chapter-thumbnail{position:relative}.chapter-thumbnail input[type=file]{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}:is(.chapter-thumbnail:has(input):hover,.chapter-thumbnail:focus-within){border-color:#cfb7ee;box-shadow:0 0 0 2px #cfb7ee25}.chapter-thumbnail.uploading{opacity:.55;cursor:wait}.invite-dialog #invite-feedback{color:#a7bbcc;margin-top:10px;font-size:13px;line-height:1.5}.feed .message .byline>strong,.feed .message.system.message-npc .byline>strong{letter-spacing:0;font-size:16px;font-weight:700;line-height:1.4}.feed .message .chapter-message-title{letter-spacing:-.035em;margin:10px 0 14px;font-size:clamp(28px,2.3vw,38px);font-weight:800;line-height:1.35}.room-grid{grid-template-columns:260px minmax(0,1fr)}.character-options{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;display:grid}.character-option{text-align:left;background:#111f2f;flex-direction:column;align-items:flex-start;gap:18px;min-height:280px;padding:28px;display:flex}.character-option strong{font-size:1.25rem}.character-option p{flex:1}.character-option>span:last-child{color:#b9daf2;font-size:.9rem}.initial{color:#b9daf2;border:1px solid #526f88;border-radius:50%;place-items:center;width:64px;height:64px;font-size:1.6rem;display:grid}@media (width<=680px){.room-grid{grid-template-columns:1fr}}.room-grid:has(#tools){grid-template-columns:230px minmax(0,1fr) 280px}.speaker-switch{align-items:center;gap:14px;margin-bottom:16px;display:flex}.speaker-switch label{white-space:nowrap;margin:0}.speaker-switch select{max-width:220px}.reader-eye{color:#91a7b9;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;min-width:32px;min-height:28px;margin-left:-7px;padding:4px;display:inline-flex}.reader-eye:hover,.reader-eye[aria-expanded=true]{color:#d3eafa;background:#30465b}.reader-popover{z-index:1000;background:#213447;border:1px solid #496077;border-radius:5px;width:max-content;min-width:112px;max-width:188px;max-height:180px;padding:7px 11px;font-size:.875rem;line-height:1.65;position:fixed;overflow:auto;box-shadow:0 6px 22px #0005}.reader-popover ul{margin:0;padding:0;list-style:none}.reader-popover li{overflow-wrap:anywhere;padding:2px 0}.dice-inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.dice{background:#2b291f;border-left:2px solid #d3b56c;padding:14px 18px}.dice .byline strong{color:#dfc98f}@media (width<=1100px){.room-grid:has(#tools){grid-template-columns:220px minmax(0,1fr)}}@media (width<=680px){.room-grid:has(#tools){grid-template-columns:1fr}.reader-eye{min-width:44px;min-height:44px}.speaker-switch{flex-wrap:wrap}}@font-face{font-family:Nexon;src:url(/fonts/nexon-lv2.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Nexon;src:url(/fonts/nexon-lv2-bold.otf)format("opentype");font-weight:700;font-display:swap}:root{background:#050b19;font-family:Nexon,sans-serif;font-size:14px}body{background:linear-gradient(90deg,#03081725,#03081755),var(--scene,url(/art/anchorage-restored-4k.png)) center/cover fixed;min-height:100dvh}button,input,textarea,select{border-radius:2px}button.primary{color:#111727;background:#dbcc91;border-color:#dbcc91}.masthead{background:#03081588;border-color:#ffffff16;height:54px;min-height:54px;padding:0 24px}.brand{font-size:25px}.brand small,.phase{display:none}.brand>span{letter-spacing:.25em;font-size:12px}.masthead #account span{font-size:11px}.masthead button{min-height:30px;padding:3px 10px;font-size:11px}body.in-room{height:100dvh;overflow:hidden}body.in-room main{height:calc(100dvh - 54px)}.room-shell{grid-template-rows:76px minmax(0,1fr);grid-template-columns:230px minmax(300px,1fr);max-width:none;height:100%;padding:0;display:grid}.room-shell>.section-head{background:#03091660;grid-area:1/1;margin:0;padding:16px 20px;display:block}.room-shell h1{letter-spacing:0;margin:0 0 5px;font-size:16px}.room-shell .eyebrow{letter-spacing:.2em;color:#ddcd97;margin:0 0 5px;font-size:9px}.room-shell #sync-status{font-size:9px}.room-shell>.section-head .actions{width:200px;position:fixed;bottom:14px;left:16px}.room-shell>.section-head button{min-height:32px;padding:5px 8px;font-size:10px}:is(.room-grid,.room-grid:has(#tools)){display:contents}.room-grid .character-panel{background:#03091660;border:0;border-radius:0;grid-area:2/1;padding:20px 20px 85px;overflow:auto}.character-panel h2{letter-spacing:.14em;color:#9bafc5;font-size:10px}.character-panel h3{margin-bottom:12px;font-size:14px}.character-panel .rule{background:#fff2;width:100%;height:1px;margin:22px 0}.member{padding:7px 0;font-size:12px}.room-grid .feed-panel{isolation:isolate;background:#03091678;border:0;border-left:1px solid #ffffff18;border-radius:0;flex-direction:column;grid-area:1/2/3;height:100%;display:flex;position:relative}.feed-header{background:#03091635;border-bottom:1px solid #ffffff15;flex:none;padding:13px 22px}.feed-header h2{letter-spacing:.2em;font-size:11px}.feed-header small{font-size:10px}.feed{z-index:1;scrollbar-width:thin;scrollbar-color:#71879955 transparent;flex:1;height:auto;min-height:0;padding:14px 24px;position:relative}.message{background:0 0;border:0;min-height:54px;margin:0;padding:9px 0 9px 48px;position:relative}.message+.message{border-top:1px solid #ffffff06}.message .byline{gap:9px;min-height:21px;margin:0 0 2px}.message .byline strong{color:#e1dfd5;font-size:12px}.message time{color:#8194ab;font-size:10px}.message p{color:#dae1eb;font-size:13px;line-height:1.65}.message.system,.message.dice{background:0 0;border:0;padding:11px 0 11px 48px}.message.system strong{color:#c9b77c;font-size:10px}.message.system p{color:#c2cddd}.message.dice p{color:#e7d595;letter-spacing:.08em;font-size:18px;font-weight:700}.portrait{object-fit:cover;background:0 0;border:0;border-radius:0;width:34px;height:34px;position:absolute;top:11px;left:0}.portrait.fallback{color:#d3c28a;place-items:center;font-size:13px;display:grid}.reader-eye{min-width:25px;min-height:22px;padding:2px}.reader-popover{font-size:11px}.compose{z-index:2;background:#03091699;border-top:1px solid #ffffff20;flex:none;padding:22px 22px 16px;position:relative}.compose>label{display:none}.speaker-switch{gap:8px;margin:0 0 6px}.speaker-switch label{font-size:10px}.speaker-switch select{background:0 0;width:160px;min-height:28px;padding:3px 8px;font-size:11px}.compose textarea{resize:vertical;background:#ffffff05;border-color:#ffffff20;height:clamp(76px,10dvh,100px);min-height:76px;max-height:35dvh;padding:12px 14px;font-size:13px;line-height:1.7}.compose-bottom{margin-top:6px}.compose-bottom small{font-size:10px}.compose-bottom button{min-height:30px;padding:4px 20px;font-size:12px}.gm-tools{z-index:4;width:202px;max-height:48dvh;position:fixed;bottom:65px;left:14px;overflow:auto}.gm-tools .panel{background:#071224e8;border:1px solid #adbcce25;border-radius:3px;padding:12px}.gm-tools h2{margin:0 0 8px;font-size:12px}.gm-tools label{margin:6px 0 3px;font-size:10px}.gm-tools input,.gm-tools select{min-height:30px;padding:5px;font-size:11px}.gm-tools button{min-height:32px;padding:5px 10px;font-size:11px}.gm-tools p{font-size:10px}.gm-tools details summary{cursor:pointer;font-size:11px}.gm-tools details+details{margin-top:12px}.roll-stage{pointer-events:none;z-index:0;opacity:0;place-content:center;display:grid;position:absolute;inset:45px 0 140px}.roll-stage.play{animation:2s both roll-fade}.roll-glyph{color:#e3cc84;text-shadow:0 0 60px #d4bc8570;font-size:180px;line-height:1;animation:1.6s ease-out both roll-spin}.roll-stage span{text-align:center;letter-spacing:.4em;color:#e3cc84;font-size:11px}@keyframes roll-spin{0%{transform:rotate(-240deg)scale(.4)}75%{transform:rotate(20deg)scale(1.2)}to{transform:rotate(0)scale(1)}}@keyframes roll-fade{0%{opacity:0}15%,70%{opacity:.32}to{opacity:0}}.panel,.login-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071224b5;border-color:#fff2;border-radius:3px}#notice{z-index:20;max-width:420px;font-size:12px;position:fixed;top:54px;right:15px}.lobby h1{font-size:32px}.character-option{background:#071224a0!important}@media (width>=1450px){.room-shell{grid-template-columns:290px minmax(300px,1fr)}.room-grid .feed-panel{border-right:1px solid #ffffff18;margin-right:clamp(0px,10vw,220px)}.gm-tools{width:250px;left:20px}.room-shell>.section-head .actions{width:250px}.feed{padding-left:32px;padding-right:32px}}@media (width<=680px){.masthead{gap:8px;padding:0 12px}.masthead #account span{display:none}.room-shell{flex-direction:column;display:flex}.room-shell>.section-head{flex:none;align-items:center;gap:6px;padding:7px 12px;display:flex}.room-shell h1{margin:0;font-size:12px}.room-shell .eyebrow,#sync-status{display:none}.room-shell>.section-head .actions{width:auto;margin-left:auto;position:static}.room-shell #invite,.room-grid .character-panel{display:none}.room-grid .feed-panel{flex:1;min-height:0;margin:0}.feed,.compose{padding:8px 12px}.gm-tools{width:190px;max-height:45dvh;bottom:155px;left:auto;right:12px}.gm-tools:not(:focus-within):not(:hover){opacity:.9}.feed-header{padding:9px 12px}.reader-eye{min-width:28px;min-height:28px}.message p{font-size:12px}}.portrait-upload{cursor:pointer;border:1px solid #ffffff30;margin:0;padding:3px 10px;font-size:11px}.portrait-upload:focus-within{outline:2px solid #ddcd97}.portrait-upload input{opacity:0;border:0;width:1px;height:1px;min-height:0;padding:0;position:absolute}.dice-reveal{animation:2s both reveal-result}@keyframes reveal-result{0%,80%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.roll-glyph,.dice-reveal{animation:none}.roll-stage.play{opacity:.25;animation:none}}.room-grid .feed-panel,.room-grid .character-panel{-webkit-backdrop-filter:none;backdrop-filter:none}.message p{font-size:14px}.feed-header h2{color:#d4c28d}.room-shell>.section-head .actions{z-index:5}.roll-glyph svg{display:block}.room-shell{grid-template-rows:240px minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(420px,43vw,720px)}.room-shell>.section-head{background:0 0;padding:65px 6vw 20px}.room-shell>.section-head h1{letter-spacing:-.05em;text-wrap:balance;color:#e9e3d5;text-shadow:0 3px 24px #0008;max-width:620px;font-family:Batang,Noto Serif KR,Georgia,serif;font-size:clamp(34px,3.6vw,64px);font-weight:400;line-height:1.4}.room-shell>.section-head .eyebrow{letter-spacing:.4em;color:#d0ba7c;margin-bottom:16px}.room-shell #sync-status{color:#8692aa;margin-top:14px;display:block}.room-grid .feed-panel{background:#040d1aaa;border-right:0;margin:0}.room-grid .character-panel{background:0 0;max-width:650px;padding:0 6vw 240px}.character-panel h2{display:none}.character-panel #character,.character-panel .rule{max-width:340px}.character-panel #members{flex-wrap:wrap;gap:8px;max-width:350px;display:flex}.member{color:#adbdcc;border:1px solid #ffffff16;padding:4px 9px}.gm-tools{width:min(370px,50vw - 80px);max-height:40dvh;bottom:70px;left:6vw}.room-shell>.section-head .actions{width:auto;left:6vw}.feed{padding:12px 20px}.message.system{background:#9fbcc711;border-left:1px solid #b8c9d233;min-height:0;margin:6px 0 10px;padding:10px 13px}.message.dice{background:#d3b76c09;border-left:1px solid;margin:6px 0;padding:10px 12px 10px 48px}.message.dice .byline>strong{display:none}.message.dice p{color:inherit;font-size:16px}.message.dice .target-tag{color:#a8bbd5;letter-spacing:0;margin-bottom:4px;font-size:11px;font-weight:400;display:block}.message.dice.success{color:#88d4bd}.message.dice.hard-success{color:#7fc8f2}.message.dice.extreme-success{color:#e7cc80}.message.dice.fail{color:#db9da7}.message.dice.hard-fail{color:#d994d5}.message.dice.extreme-fail{color:#ff827d}.pixel-die{width:29px;height:29px;image-rendering:pixelated;shape-rendering:crispedges}.portrait.die-avatar{color:#ddc990;background:0 0;border:0;border-radius:0;place-items:center;display:grid}.quick-dice{gap:5px;margin-bottom:8px;display:flex}.quick-dice button{color:#d8c590;background:#08172a80;border-color:#c8b67a35;flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px 3px;font-size:10px;display:flex}.quick-dice button:hover{background:#c8b67a20}.quick-result{color:#cfbc89;border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 0;font-size:11px;display:flex}.quick-result output{font-size:23px;font-weight:700}.gm-tools .panel{background:#050f21d9}.gm-tools details summary{min-height:28px}.music-controls{align-items:center;gap:5px;display:flex}.music-controls button{flex:1}.sound-status{color:#95aabc;font-size:10px}.player-audio{z-index:3;background:#061226bb;border:1px solid #ffffff1a;width:230px;padding:10px;position:fixed;bottom:65px;left:6vw}.player-audio label{margin:4px 0;font-size:10px}.player-audio button{min-height:30px;padding:4px 10px;font-size:11px}.player-audio input{min-height:20px;padding:0}.claim-note{color:#d5c594}.claim-dialog{color:#dfebf3;background:#081526;border:1px solid #b9a873;max-width:440px;padding:28px}.claim-dialog::backdrop{background:#030712c0}.claim-dialog p{font-size:13px}@media (width<=1000px) and (width>=681px){.room-shell{grid-template-columns:minmax(230px,1fr) minmax(400px,52vw)}.room-shell>.section-head{padding:40px 24px 10px}.room-shell>.section-head h1{font-size:34px}.room-grid .character-panel{padding-left:24px;padding-right:24px}.gm-tools{width:calc(48vw - 40px);left:20px}.room-shell>.section-head .actions,.player-audio{left:20px}}@media (width<=680px){.room-shell{display:flex}.room-shell>.section-head{padding:9px 12px}.room-shell>.section-head h1{letter-spacing:-.03em;max-width:220px;font-size:16px;line-height:1.3}.room-shell #sync-status{display:none}.room-grid .feed-panel{margin:0}.feed{padding:9px 12px}.gm-tools{width:215px;max-height:48dvh;bottom:158px;left:auto;right:10px}.room-shell>.section-head .actions{width:auto;position:static}.player-audio{width:180px;bottom:155px;left:12px}.message.system p{font-size:12px}.quick-dice{gap:3px}.quick-dice button{font-size:9px}.quick-dice .pixel-die{width:22px;height:22px}}.gm-audio{border-top:1px solid #ffffff18;margin-top:12px;padding-top:10px}.gm-audio label{font-size:10px}.gm-audio input{min-height:20px;padding:0}.character-panel #character .profile-text{max-height:100px;overflow:auto}.room-shell>.section-head h1{overflow-wrap:anywhere}@media (width>=681px){.room-shell{grid-template-rows:auto auto minmax(0,1fr)}.room-shell>.section-head{padding:28px 6vw 16px}.room-shell>.section-head h1{font-size:clamp(30px,3.4vw,58px);line-height:1.2}.room-shell>.section-head .eyebrow{margin-bottom:8px}.room-grid .feed-panel{grid-row:1/4}.room-grid .character-panel{max-width:none;padding:0 6vw 12px;overflow:visible}.character-panel h3{margin:0 0 6px}.character-panel .profile-text{margin:4px 0;font-size:11px}.character-panel .stats{flex-wrap:wrap;gap:8px;margin:8px 0;font-size:11px;display:flex}.character-panel .stats dd{margin:0 8px 0 0}.character-panel .rule,.character-panel>h3{display:none}.character-panel #members{margin-top:8px}.gm-tools{grid-area:3/1;align-self:stretch;width:auto;max-width:370px;min-height:0;max-height:none;margin:0 6vw 58px;position:static;overflow:auto}.member{padding:3px 8px;font-size:10px}}.mobile-gm-toggle{display:none}@media (width<=680px){.mobile-gm-toggle{display:inline-block}.gm-tools:not(.mobile-open){display:none}}.message.system{background:0 0;border:0;min-height:0;margin:0;padding:9px 0}.message.system .byline{justify-content:flex-start;min-height:21px;margin:0 0 2px}.message.system p{color:#dae1eb;font-size:14px;line-height:1.65}.message:not(.system):not(.dice){background:#9fbcc709;border:0;margin:6px 0;padding:10px 13px 10px 58px}.message:not(.system):not(.dice) .portrait{left:12px}.message.dice{background:0 0;border:0;padding:10px 0 10px 48px}.message.dice .target-tag{color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;margin:0;display:inline}.speaker-switch select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e2eaf4;background:#0b1525}select option{color:#e2eaf4;background:#0b1525}@media (width<=680px){.message.system p{font-size:12px}}@font-face{font-family:HiKR;src:url(/fonts/hikr-extrabold.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{--font-title-1:HiKR,Nexon,sans-serif}h1,.title-1,.room-shell>.section-head h1{font-family:var(--font-title-1);font-synthesis:none;letter-spacing:0;font-weight:800}.message .target-tag,.message.dice .target-tag{vertical-align:baseline;color:#e0e4ea;letter-spacing:0;overflow-wrap:anywhere;background:#aeb4be26;border:1px solid #c8ced52b;border-radius:4px;max-width:100%;margin-right:5px;padding:2px 7px;font-family:Nexon,sans-serif;font-size:12px;font-weight:400;line-height:1.5;display:inline-block}.quick-dice button{gap:5px}.quick-dice button>span{font-size:13px;line-height:1.2}.quick-die-icon{flex:none;width:30px;height:30px}.quick-dice button:hover .quick-die-icon{filter:drop-shadow(0 0 5px #d4bc8570)}#scene-file{max-width:100%;font-family:inherit}#scene-upload-status{color:#c9d9c6}.tool-category+.tool-category{border-top:1px solid #ffffff18;margin-top:16px;padding-top:16px}.tool-category h2{color:#d8c792;letter-spacing:.06em;font-size:12px}.judgment-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-bottom:8px;display:grid}.judgment-row label{min-width:0;margin:0}.judgment-row select{width:100%;margin-top:4px;display:block}.tool-category #roll{width:100%}.screen-control{margin-top:12px}.screen-control h3{color:#bfcbd9;margin:0 0 6px;font-size:11px;font-weight:400}.inline-controls{align-items:center;gap:6px;display:flex}.inline-controls input{flex:1;width:0;min-width:0}.inline-controls button{white-space:nowrap;flex:none}.gm-tools .image-upload-button{cursor:pointer;background:#ffffff06;border:1px solid #ffffff30;flex:1;justify-content:center;align-items:center;min-height:32px;margin:0;padding:6px 10px;font-size:11px;display:flex;position:relative}.image-upload-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.image-upload-button:focus-within{outline:2px solid #d8c792}#scene-upload-status:empty{display:none}.gm-audio{grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;display:grid}.gm-audio label{display:none}.gm-audio .sound-status{grid-column:1/-1}.gm-audio input{width:100%;min-width:0;margin:0}#enable-sound{flex:none;place-items:center;width:34px;height:32px;padding:5px;display:grid}#enable-sound[aria-pressed=true]{color:#ddcd97}.presence-card{margin-top:12px}.presence-heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.presence-heading h2{margin:0!important}.presence-heading small{color:#93a5b9;font-size:10px}#session-presence-list{gap:8px;display:grid}.presence-member{align-items:center;gap:8px;font-size:11px;line-height:1.5;display:flex}.presence-dot{border-radius:50%;flex:0 0 6px;width:6px;height:6px}.presence-dot.active{background:#65cb8d;box-shadow:0 0 6px #65cb8d35}.presence-dot.inactive{background:#73343d}.gm-tools{scrollbar-width:thin;scrollbar-color:#71879955 transparent}#session-presence-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px}.presence-member{gap:6px;min-width:0;font-size:10px;line-height:1.4}.presence-member>span:last-child{overflow-wrap:anywhere}.gm-tools .presence-card{margin-top:8px;padding:10px}.quick-result:has(output:empty){display:none}.quick-result{justify-content:flex-end;margin-bottom:8px;padding:0 0 5px}.quick-result output{font-size:18px}.gm-tools{gap:0}@media (width>=681px) and (height<=950px){.room-shell>.section-head{padding-top:16px;padding-bottom:10px}.room-shell>.section-head h1{font-size:clamp(26px,3vw,42px)}.room-shell #sync-status{margin-top:6px}.room-grid .character-panel{padding-bottom:8px}.character-panel .stats{margin:4px 0}.character-panel #members{display:none}.gm-tools .panel{padding:8px}.gm-tools .tool-category+.tool-category{margin-top:8px;padding-top:8px}.gm-tools .screen-control{margin-top:7px}.gm-tools .quick-dice button{min-height:0;padding:3px}.quick-die-icon{width:23px;height:23px}.gm-tools .gm-audio{margin-top:7px;padding-top:7px}.gm-tools .sound-status{display:none}.gm-tools{margin-bottom:48px}.gm-tools button,.gm-tools select,.gm-tools input,.gm-tools .image-upload-button{min-height:27px}.gm-tools #enable-sound{height:27px}.gm-tools #session-presence-list{gap:3px 10px}}#dice-outcome{font-weight:700}#dice-outcome option:first-child,#dice-outcome[data-outcome=success]{color:#88d4bd}#dice-outcome option:nth-child(4),#dice-outcome[data-outcome=fail]{color:#db9da7}#dice-outcome option:nth-child(2),#dice-outcome[data-outcome=hard-success]{color:#7fc8f2}#dice-outcome option:nth-child(5),#dice-outcome[data-outcome=hard-fail]{color:#d994d5}#dice-outcome option:nth-child(3),#dice-outcome[data-outcome=extreme-success]{color:#e7cc80}#dice-outcome option:nth-child(6),#dice-outcome[data-outcome=extreme-fail]{color:#ff827d}.character-panel #members[hidden],.speaker-switch [hidden]{display:none!important}.portrait.cropped-portrait{isolation:isolate;display:block;overflow:hidden}.cropped-portrait img{object-fit:fill;max-width:none;position:absolute}.player-card-avatar .portrait.cropped-portrait{position:relative}.character-option>.portrait{flex:none;width:64px;height:64px;position:relative;top:auto;left:auto}.scene-popup[hidden]{display:none}.scene-popup{z-index:15;pointer-events:none;place-items:center;display:grid;position:fixed;inset:75px 20px 130px}.scene-popup-frame{pointer-events:auto;background:#06101be8;border:1px solid #ca9b76;max-width:min(68vw,950px);max-height:100%;padding:9px;position:relative;box-shadow:0 0 0 4px #06101b99,0 0 0 5px #a83f4766,0 12px 60px #0008}.scene-popup-frame:before{content:"";pointer-events:none;border-top:2px solid #d4535c;border-bottom:2px solid #d4535c;position:absolute;inset:-5px}.scene-popup img{object-fit:contain;max-width:100%;max-height:calc(100dvh - 240px);display:block}.scene-popup #popup-dismiss{z-index:1;color:#fff;background:#051020d9;border:1px solid #ddd5;width:28px;height:28px;min-height:0;padding:0;font-size:22px;position:absolute;top:8px;right:8px}.scene-popup-frame:has(img){line-height:0}@media (width<=680px){.scene-popup-frame{max-width:90vw}.scene-popup{inset:70px 15px 135px}}.character-panel #character{max-width:370px}.player-card{--position:170,185,207;background:rgba(var(--position),.09);border:1px solid rgba(var(--position),.19);border-radius:8px;align-items:center;gap:14px;padding:15px;display:flex}.player-card[data-position=보맨]{--position:197,147,255}.player-card[data-position=크로우]{--position:131,223,239}.player-card[data-position=스토커]{--position:227,84,84}.player-card[data-position=동키]{--position:234,227,104}.player-card-avatar{flex:none}.player-card-avatar .portrait{border:0;border-radius:0;width:62px;height:62px;display:block;position:static}.player-card-avatar .portrait.fallback{color:rgb(var(--position));font-size:24px;display:grid}.player-card-info{flex:1;min-width:0}.player-card-heading{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.player-card-heading h3{margin:0;font-size:17px}.position-badge{color:rgb(var(--position));white-space:nowrap;font-size:10px}.player-card-basic{color:#bcc8d8;margin:7px 0;font-size:11px;line-height:1.65}.player-card .stats{flex-wrap:wrap;gap:5px;margin:0;font-size:11px;display:flex}.player-card .stats dd{color:#edf2f7;margin:0 5px 0 0}.player-card .stats dt{color:#9dacbf}.compose-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.compose-top .speaker-switch{align-items:center;min-width:0;margin:0;display:flex}.compose-top .speaker-switch label{white-space:nowrap;margin:0;display:block}.compose-top #fixed-speaker{font-size:12px}.send-controls{flex:none;align-items:center;gap:8px;display:flex}.send-controls small{color:#8592a6;font-size:10px}.send-controls button{min-height:28px;padding:4px 17px;font-size:11px}#join-notices{z-index:8;pointer-events:none;gap:5px;display:grid;position:absolute;top:47px;left:18px;right:18px}.join-notice{background:#142237ed;border:1px solid #c5d0df33;border-radius:5px;padding:10px 14px;font-size:12px;animation:.18s ease-out join-arrive;box-shadow:0 6px 24px #0004}@keyframes join-arrive{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (width<=680px){.player-card{padding:10px}.compose-top .speaker-switch select{width:125px}.send-controls{gap:5px}.send-controls small{font-size:9px}}.youtube-player{pointer-events:none;width:356px;height:200px;position:fixed;top:0;left:-10000px}.youtube-player iframe{border:0;width:356px;height:200px}.speaker-indicator{flex-direction:column;align-items:center;gap:4px;width:34px;display:flex}.music-meter{justify-content:center;align-items:center;gap:3px;height:12px;display:flex}.music-meter i{opacity:.3;transform-origin:50%;background:#ddcd97;width:3px;height:10px;transform:scaleY(.2)}.music-meter.is-playing i{opacity:.9;animation:.8s ease-in-out infinite alternate music-pulse}.music-meter i:nth-child(2){animation-delay:-.5s}.music-meter i:nth-child(3){animation-delay:-.2s}.music-meter i:nth-child(4){animation-delay:-.7s}.music-meter i:nth-child(5){animation-delay:-.35s}@keyframes music-pulse{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.music-meter.is-playing i{animation:none;transform:scaleY(.7)}}#music-controls-slot{border-top:1px solid #ffffff18;margin-top:12px;padding-top:10px}#music-controls-slot .screen-control{margin-top:0}#listener-controls-slot .gm-audio{border-top:0;margin-top:8px;padding-top:0}#music-cue{color:#246b49;background:0 0;border-color:#0000;justify-content:center;align-self:center;align-items:center;width:38px;height:34px;padding:0;line-height:1;display:inline-flex}#music-cue svg{flex:none;display:block}#music-cue:hover{color:#36875e;background:0 0}#local-volume{--volume:45%;appearance:none;cursor:pointer;height:28px;min-height:28px;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0}#local-volume::-webkit-slider-runnable-track{background:linear-gradient(to right,#b9aa79 0 var(--volume),#ffffff1c var(--volume) 100%);border-radius:999px;height:4px}#local-volume::-webkit-slider-thumb{-webkit-appearance:none;background:#ded4b6;border:0;border-radius:50%;width:12px;height:12px;margin-top:-4px;transition:box-shadow .15s,background .15s;box-shadow:0 0 0 3px #ded4b610}#local-volume:hover::-webkit-slider-thumb{background:#f0e5c6;box-shadow:0 0 0 5px #ded4b624}#local-volume:focus-visible::-webkit-slider-thumb{background:#f0e5c6;box-shadow:0 0 0 5px #ded4b624}#local-volume::-moz-range-track{background:#ffffff1c;border-radius:999px;height:4px}#local-volume::-moz-range-progress{background:#b9aa79;border-radius:999px;height:4px}#local-volume::-moz-range-thumb{background:#ded4b6;border:0;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 3px #ded4b610}#local-volume:focus-visible{outline-offset:3px;border-radius:4px;outline:1px solid #ded4b670}.message .target-tag.mention-me{color:#ffbec4;background:#892f3d66;border-color:#d7687560}.mention-picker{z-index:12;background:#101b2bf5;border:1px solid #a0adc333;border-radius:5px;max-height:240px;padding:5px;position:absolute;bottom:calc(100% - 1px);left:22px;right:22px;overflow:auto;box-shadow:0 -8px 28px #0004}.mention-picker[hidden]{display:none}.mention-picker button{text-align:left;color:#c7d0dd;background:0 0;border:0;width:100%;padding:8px 10px;font-size:12px;display:block}.mention-picker button[aria-selected=true],.mention-picker button:hover{color:#ffccd2;background:#81334355}.login{grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(48px,5vw,150px);width:min(90vw,1800px);max-width:none;min-height:calc(85dvh - 54px);margin:0 auto;padding:70px 0}.login .intro h1{letter-spacing:-.035em;margin:0;font-size:clamp(38px,2.45vw,88px);line-height:1.4}.login .intro h1 span{white-space:nowrap;display:block}.login .login-panel{padding:clamp(32px,2.4vw,72px)}.login .login-panel h2{margin-bottom:24px;font-size:clamp(26px,1.2vw,42px)}.login .login-panel .muted,.login .login-foot{word-break:keep-all;font-size:clamp(15px,.66vw,23px);line-height:1.7}.login .google-button{min-height:clamp(58px,2.8vw,88px);margin:28px 0;font-size:clamp(17px,.85vw,28px)}.login .google-letter{font-size:clamp(24px,1.1vw,36px)}.login .login-foot{padding-top:24px}@media (width<=1100px){.login{width:min(90vw,720px);min-height:0;padding:64px 0;display:block}.login .intro h1{font-size:clamp(28px,4.8vw,48px)}.login .login-panel{margin-top:40px}}@media (width<=480px){.login{width:calc(100% - 36px);padding:44px 0}.login .intro h1{font-size:clamp(23px,6vw,29px)}.login .login-panel{padding:24px 20px}.login .login-panel h2{font-size:24px}.login .login-panel .muted,.login .login-foot{font-size:14px}}.login-manifesto{margin-top:36px}.login .intro .login-manifesto p{color:#bcc8d6;max-width:none;margin:0 0 24px;font-size:clamp(16px,.82vw,28px);line-height:1.85}.login .intro .login-manifesto p:last-child{color:#d2bd8c;margin-bottom:0}@media (width<=480px){.login .intro .login-manifesto p{font-size:13px}.login-manifesto{margin-top:26px}}.gm-tools #session-presence-list{gap:4px 10px}.presence-card .presence-member{text-align:left;background:0 0;border:0;border-radius:4px;gap:9px;min-height:32px;padding:5px 7px;font-size:14px;line-height:1.45}.presence-card .presence-member:hover,.presence-card .presence-member[aria-expanded=true]{background:#a9bed31c}.presence-member:focus-visible{outline-offset:1px;outline:2px solid #b8d2e5}.presence-member .presence-dot{flex-basis:7px;width:7px;height:7px}#player-card-popover{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#081322f5;border-radius:8px;width:min(390px,100vw - 16px);position:fixed;box-shadow:0 10px 35px #0008}#player-card-popover .player-card{padding:18px}#player-card-popover .player-card-avatar .portrait{width:76px;height:76px}#player-card-popover .player-card-basic,#player-card-popover .stats{font-size:12px}.die-avatar .quick-die-icon{width:32px;height:32px}.chapter-name{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.chapter-status{border:1px solid;border-radius:4px;padding:3px 9px;font-size:12px;line-height:1.5;display:inline-flex}.chapter-status.active{color:#f19a9f;background:#a63e4826;border-color:#d86b754d}.chapter-status.ended{color:#aaaeb9;background:#8992a018;border-color:#a0a6b72e}.character-options .character-option{text-align:left;align-items:center;gap:24px;min-height:220px;padding:28px;display:flex}.character-options .character-option>.portrait,.character-options .character-option>.initial{object-fit:cover;border:0;border-radius:0;flex:none;width:clamp(110px,9vw,160px);height:clamp(110px,9vw,160px);margin:0;position:static}.character-options .character-option>.initial{background:#a8c9dd0c;place-items:center;font-size:42px;display:grid}.selection-info{flex-direction:column;align-items:flex-start;gap:16px;min-width:0;display:flex}.character-option .selection-info strong{margin:0;font-size:24px}.selection-description{color:#b5c9da;font-size:15px;line-height:1.7}.selection-connect{color:#131b27;background:#dacb8b;border-radius:4px;padding:9px 16px;font-size:15px;font-weight:700}@media (width<=680px){.character-options .character-option{gap:18px;padding:18px}.character-option .selection-info strong{font-size:20px}.selection-description{font-size:13px}}.chapter-actions{flex:none;grid-template-columns:auto auto;gap:10px;display:grid}.chapter-thumbnail{background:#b1c5dd0b;border:1px solid #c4d2e51a;border-radius:5px;flex:none;place-items:center;width:78px;height:78px;display:grid;overflow:hidden}.chapter-thumbnail img{object-fit:cover;width:100%;height:100%}.chapter-thumbnail svg{color:#73859d66;width:30px;height:30px}.room-card .chapter-info{flex:1;min-width:0}.room-card{gap:20px}@media (width<=680px){.chapter-thumbnail{width:56px;height:56px}.room-card{gap:12px}.chapter-actions{margin-left:auto}}.lobby:has(#room-list){width:min(94vw,1500px);max-width:1500px;padding:0 30px}.lobby:has(#room-list)>.section-head>.muted{font-size:18px;line-height:1.7}.lobby:has(#room-list)>.section-head p{font-size:18px;line-height:1.7}.lobby:has(#room-list) .actions button{min-height:48px;padding:12px 20px;font-size:17px}.lobby:has(#room-list) .panel>h2{font-size:24px}.lobby:has(#room-list) .room-card small{font-size:16px;line-height:1.6}.lobby:has(#room-list) .chapter-status{padding:4px 11px;font-size:15px}.lobby:has(#room-list) .room-card>button{min-height:48px;padding:12px 22px;font-size:18px}.character-option .selection-info{flex:1;justify-content:center;align-self:stretch}.character-option .selection-connect{align-self:flex-end;margin-top:8px}@media (width>=1900px){.lobby:has(#room-list)>.section-head p{font-size:21px}.lobby:has(#room-list) .room-card small{font-size:18px}.lobby:has(#room-list) .chapter-status{font-size:18px}.lobby:has(#room-list) .actions button{font-size:19px}}@media (width<=680px){.lobby:has(#room-list){padding:0 16px}.lobby:has(#room-list) .actions button{padding:10px 13px;font-size:14px}.lobby:has(#room-list)>.section-head p{font-size:16px}.lobby:has(#room-list) .room-card small{font-size:14px}}.chapter-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.chapter-actions #new-session{grid-column:auto}.lobby:has(#room-list)>.section-head{align-items:flex-start;gap:24px;margin-bottom:32px}.lobby:has(#room-list)>.section-head h1{margin:0 0 14px;font-size:40px;line-height:1.25}.lobby:has(#room-list)>.section-head p{color:#a6b7ca;margin:0;font-size:16px;line-height:1.65}.lobby:has(#room-list) .panel{padding:30px}.lobby:has(#room-list) .panel>h2{letter-spacing:.08em;color:#c5cfdd;margin:0 0 20px;font-family:NEXON Lv2 Gothic,sans-serif;font-size:16px;font-weight:700;line-height:1.4}.lobby:has(#room-list) .chapter-name strong{font-family:inherit;font-size:22px;font-weight:700;line-height:1.4}.lobby:has(#room-list) .chapter-name{gap:12px;margin:0 0 7px}.lobby:has(#room-list) .room-card small{color:#8f9fb2;font-size:14px;line-height:1.5}.lobby:has(#room-list) .chapter-status{padding:3px 9px;font-size:12px;font-weight:500;line-height:1.5}:is(.lobby:has(#room-list) .actions button,.lobby:has(#room-list) .room-card>button){min-height:44px;padding:10px 18px;font-size:15px;font-weight:600;line-height:1.4}.lobby:has(#room-list) .room-card{align-items:center;padding:18px 0}@media (width<=680px){.lobby:has(#room-list)>.section-head h1{font-size:32px}.lobby:has(#room-list) .panel{padding:20px}.lobby:has(#room-list) .chapter-name strong{font-size:18px}.lobby:has(#room-list) .room-card small{font-size:12px}}.login .intro h1{text-shadow:0 2px 4px #020714e6,0 5px 16px #020714b3}.login .login-manifesto p{text-shadow:0 1px 3px #020714,0 2px 7px #020714e6,0 4px 14px #020714b3}.lobby:has(.character-options){width:94vw;max-width:1580px;margin:36px auto;padding:0 24px}.lobby:has(.character-options) .section-head{margin-bottom:24px}.character-options{grid-template-columns:repeat(auto-fit,minmax(325px,1fr));gap:12px}.character-options .character-option{--position:170,185,207;border:1px solid rgba(var(--position),.23);border-radius:7px;grid-template-rows:1fr;grid-template-columns:84px minmax(0,1fr);align-items:start;gap:14px;height:166px;min-height:166px;padding:16px 16px 46px;display:grid;position:relative;overflow:hidden;background:linear-gradient(110deg,rgba(var(--position),.1),transparent 85%),#071224ed!important}.character-options .character-option[data-position=보맨]{--position:197,147,255}.character-options .character-option[data-position=크로우]{--position:131,223,239}.character-options .character-option[data-position=스토커]{--position:227,84,84}.character-options .character-option[data-position=동키]{--position:234,227,104}.character-options .character-option:hover{border-color:rgba(var(--position),.6)}.character-options .character-option>.portrait,.character-options .character-option>.initial{object-fit:cover;align-self:start;width:84px;height:84px;position:static}.character-options .character-option>.initial{font-size:30px}.character-options .selection-info{justify-content:flex-start;align-self:start;gap:6px;min-width:0;display:flex}.selection-heading{flex-wrap:wrap;align-items:baseline;gap:7px;display:flex}.character-option .selection-info strong{overflow-wrap:anywhere;font-family:inherit;font-size:17px;line-height:1.35}.selection-position{color:rgb(var(--position));white-space:nowrap;font-size:11px}.character-options .selection-description{color:#b6c3d4;font-size:12px;line-height:1.5}.selection-stats{color:#94a6bb;font-size:11px;line-height:1.5}.character-options .character-option .selection-connect{color:#e3eaf3;background:rgba(var(--position),.15);border:1px solid rgba(var(--position),.32);border-radius:4px;margin:0;padding:6px 12px;font-size:12px;line-height:1.4;position:absolute;bottom:12px;right:14px}@media (width>=1450px){.character-options{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=720px){.lobby:has(.character-options){width:100%;padding:0 16px}.character-options{grid-template-columns:1fr}.character-options .character-option{height:158px;min-height:158px}}.character-options{flex-direction:column;gap:22px;display:flex}.character-options>.character-option{width:min(100%,370px)}.selection-group{--position:170,185,207;min-width:0}.selection-group[data-position=크로우]{--position:131,223,239}.selection-group[data-position=스토커]{--position:227,84,84}.selection-group[data-position=동키]{--position:234,227,104}.selection-group[data-position=보맨]{--position:197,147,255}.selection-group>h2{color:rgb(var(--position));align-items:center;gap:10px;margin:0 0 10px;font-family:inherit;font-size:17px;line-height:1.4;display:flex}.selection-group>h2:after{content:"";background:linear-gradient(90deg,rgba(var(--position),.35),transparent);flex:1;height:1px}.selection-group>h2>span{opacity:.7;font-size:12px;font-weight:400}.selection-group-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.selection-group-grid .character-option{grid-template-columns:72px minmax(0,1fr);gap:12px;height:148px;min-height:148px;padding:14px 14px 42px}.selection-group-grid .character-option>.portrait{width:72px;height:72px}@media (width>=1450px){.selection-group-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1100px){.selection-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.selection-group-grid{grid-template-columns:1fr}}.lobby .first-link-notice{color:#d9d0af;text-align:right;text-shadow:0 2px 5px #020714;margin:8px 0 0 auto;font-size:15px;line-height:1.5}@media (width<=680px){.lobby .first-link-notice{margin-top:0;font-size:13px}}.lobby .first-link-notice{text-align:left;margin:6px 0 0}.lobby:has(.character-options) .section-head .muted{margin-bottom:0}.character-options .character-option{border:1px solid rgba(var(--position),.24);border-radius:3px;grid-template-rows:1fr;grid-template-columns:88px minmax(0,1fr) 44px;align-items:center;gap:14px;height:112px;min-height:112px;padding:0 14px 0 0;transition:border-color .15s,background .15s,box-shadow .15s;display:grid;background:linear-gradient(100deg,rgba(var(--position),.06),transparent 60%),#07111fed!important}.character-options .character-option:hover,.character-options .character-option:focus-visible{border-color:rgba(var(--position),.8);box-shadow:inset 0 0 0 1px rgba(var(--position),.15),0 4px 16px #0003;outline:0}.selection-art{background:linear-gradient(145deg,rgba(var(--position),.18),rgba(var(--position),.02));border-right:1px solid rgba(var(--position),.13);justify-content:center;align-self:stretch;align-items:flex-end;display:flex;overflow:hidden}.character-options .selection-art .portrait{object-fit:contain;object-position:center;border:0;border-radius:0;width:88px;height:100%;max-height:110px;display:block;position:static}.character-options .selection-info{justify-content:center;align-self:center;gap:7px}.character-options .selection-heading{display:block}.character-options .selection-info strong{color:#edf3f9;letter-spacing:-.02em;font-family:inherit;font-size:17px;font-weight:700;line-height:1.35;display:block}.character-options .selection-description{color:#a7b7c9;word-break:keep-all;overflow-wrap:anywhere;font-size:12px;line-height:1.55}.character-options .character-option .selection-connect{text-align:center;width:44px;color:rgb(var(--position));background:0 0;border:0;border-radius:0;place-self:center end;margin:0;padding:8px 0;font-size:12px;font-weight:600;line-height:1.4;position:static}.character-options .character-option:hover .selection-connect{background:rgba(var(--position),.1)}.character-options>.character-option{grid-template-columns:62px minmax(0,1fr) 44px;width:min(100%,420px);padding-left:14px}.character-options>.character-option>.initial{width:62px;height:62px}.character-options>.character-option .selection-info .selection-connect{position:absolute;top:50%;right:14px;transform:translateY(-50%)}.selection-group-grid{gap:10px}.character-options{gap:20px}@media (width<=1100px){.selection-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.selection-group-grid{grid-template-columns:1fr}.character-options .character-option{grid-template-columns:80px minmax(0,1fr) 40px;gap:12px;height:104px;min-height:104px}.character-options .selection-art .portrait{width:80px;max-height:102px}}@media (prefers-reduced-motion:reduce){.character-options .character-option{transition:none}}.character-options .selection-art .portrait{flex:none;height:110px}@media (width<=720px){.character-options .selection-art .portrait{height:102px}}.claim-dialog .claim-warning{color:#f18c94;margin:0 0 24px;line-height:1.75}@media (width>=761px){.room-shell{grid-template-columns:minmax(280px,1fr) var(--chat-width,43vw)}.room-shell>.section-head,.room-grid .character-panel{padding-left:clamp(20px,4vw,64px);padding-right:24px}.gm-tools{margin-left:clamp(20px,4vw,64px);margin-right:24px}}.chat-resizer{z-index:8;cursor:col-resize;touch-action:none;width:12px;position:absolute;top:0;bottom:0;left:-6px}.chat-resizer:after{content:"";background:#8ca2bb55;border-radius:4px;width:2px;height:64px;transition:background .15s;position:absolute;top:42%;left:5px}.chat-resizer:hover:after,.chat-resizer:focus-visible:after{background:#e0cb87}.session-menu{display:none}.presence-card.player-presence{max-width:370px;margin-top:16px;padding:12px}.presence-card summary{cursor:pointer;align-items:center;gap:6px;font-size:13px;line-height:24px;list-style:none;display:flex}.presence-card summary:after{content:"⌄";margin-left:auto}.presence-card details[open]>summary:after{content:"⌃"}#session-presence-list{display:block}.presence-group h4{color:#9eafc6;border-top:1px solid #ffffff16;margin:10px 0 5px;padding-top:8px;font-size:11px}.presence-group>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px;display:grid}.presence-group .presence-member{text-align:left;min-height:25px;padding:3px 0;font-size:12px}.presence-card .presence-member{box-shadow:none;border:0}.presence-group[data-position=크로우] h4{color:#83dfef}.presence-group[data-position=스토커] h4{color:#e35454}.presence-group[data-position=동키] h4{color:#eae368}.presence-group[data-position=보맨] h4{color:#c593ff}.character-panel #members[hidden]{display:none}.room-shell .player-audio{background:#061226aa;border:1px solid #ffffff18;align-items:center;gap:12px;width:100%;max-width:340px;margin:0 0 14px;padding:8px 10px;display:flex;position:static}.player-audio label{white-space:nowrap;margin:0;font-size:11px}.player-audio input{flex:1;width:auto;min-width:60px}.player-audio .speaker-indicator{flex:none}.speaker-indicator{flex-direction:column;align-items:center;gap:5px;min-width:44px;display:flex}.music-meter{opacity:.45;justify-content:center;align-items:center;gap:3px;width:44px;height:19px;display:flex}.music-meter i{transform-origin:50%;background:#bdcfad;border-radius:2px;width:4px;height:3px;display:block}.music-meter.is-playing{opacity:1}.music-meter.is-playing i{animation:.85s ease-in-out infinite alternate anchorage-equalizer}.music-meter.is-playing i:nth-child(2){animation-delay:-.55s}.music-meter.is-playing i:nth-child(3){animation-delay:-.2s}.music-meter.is-playing i:nth-child(4){animation-delay:-.65s}.music-meter.is-playing i:nth-child(5){animation-delay:-.35s}@keyframes anchorage-equalizer{0%{background:#738f72;height:4px}to{background:#d1dfac;height:18px}}.popup-grip{color:#dfceab;cursor:move;touch-action:none;z-index:2;background:#081526;border:1px solid #ca9b76;width:68px;height:26px;font-size:23px;line-height:24px;position:absolute;top:-26px;left:50%;transform:translate(-50%);min-height:0!important;padding:0!important}@media (width<=760px){body.in-room .masthead{height:42px;min-height:42px}body.in-room main{height:calc(100dvh - 42px)}.room-shell{flex-direction:column;display:flex;position:relative}.room-shell>.section-head{flex:none;justify-content:space-between;align-items:center;min-height:43px;padding:8px 12px;display:flex}.room-shell>.section-head h1{max-width:65vw;margin:0;font-size:15px;line-height:1.3}.room-shell .eyebrow,.room-shell #sync-status,.mobile-gm-toggle,.chat-resizer{display:none!important}.session-menu{white-space:nowrap;min-height:30px;padding:5px 9px;font-size:12px;display:block}.room-grid .feed-panel{flex:1;width:100%;min-height:0;margin:0}.room-grid .character-panel,.room-grid .gm-tools{display:none}.session-menu-open .character-panel{z-index:12;background:#071224fa;max-width:none;max-height:calc(100% - 44px);padding:16px;display:block;position:absolute;top:44px;left:0;right:0;overflow:auto}.session-menu-open .gm-tools{z-index:13;background:#071224fa;width:auto;max-width:none;max-height:calc(100% - 200px);margin:0;padding:16px;display:block;position:absolute;inset:200px 0 0;overflow:auto}.room-grid .character-panel:has(+.feed-panel+#tools){max-height:156px}.compose{padding:14px 12px 10px}.compose textarea{max-height:25dvh}.scene-popup{inset:90px 12px 100px}.scene-popup-frame{max-width:90vw}}@media (prefers-reduced-motion:reduce){.music-meter.is-playing i{height:12px;animation:none}.music-meter.is-playing i:nth-child(2n){height:18px}}.music-meter i{opacity:1;transform:none}.presence-group .presence-member:disabled{opacity:1;cursor:default}.character-options>.character-option>.gm-pixel-icon{background:0 0;align-self:center;place-items:center;width:62px;height:62px;display:grid}.gm-pixel-icon svg{filter:drop-shadow(0 0 12px #b9556033);width:52px;height:52px}.message:not(.system):not(.dice) .portrait{width:44px;height:44px;top:10px}.message:not(.system):not(.dice){min-height:64px;padding-left:70px}@media (width<=760px){.message:not(.system):not(.dice) .portrait{width:40px;height:40px}.message:not(.system):not(.dice){min-height:60px;padding-left:66px}}.scene-popup-frame{cursor:grab;touch-action:none}.scene-popup-frame.dragging{cursor:grabbing}.popup-grip{width:100%;height:12px;box-shadow:none;opacity:0;cursor:grab;background:0 0;border:0;top:0;left:0;transform:none}.popup-grip:focus-visible{opacity:1;outline-offset:1px;background:#d4535c22;outline:2px solid #d4535c}.scene-popup #popup-dismiss{cursor:pointer}@font-face{font-family:Propaganda;src:url(/fonts/propaganda.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.masthead .brand{letter-spacing:.045em;flex:none;font-family:Propaganda,sans-serif;font-size:26px;font-weight:400;line-height:1}@media (width<=760px){.masthead .brand{letter-spacing:.025em;font-size:21px}}.presence-group:first-child h4{border-top:0;margin-top:0;padding-top:0}.presence-card details[open] #session-presence-list{margin-top:10px}.scene-popup-frame{max-width:min(60vw,720px);max-height:65dvh}.scene-popup-frame.is-sized{box-sizing:border-box;max-width:none;max-height:none}.scene-popup-frame.is-sized img{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none}.popup-resize{color:#d17a79;cursor:nwse-resize;touch-action:none;z-index:3;background:#071224a0;border:0;border-radius:0;width:25px;height:25px;position:absolute;bottom:0;right:0;min-height:0!important;padding:2px!important}.popup-resize svg{width:100%;height:100%;display:block}.popup-resize:hover,.popup-resize:focus-visible{color:#f4b8a7;background:#301521}@media (width<=760px){.scene-popup-frame{max-width:90vw;max-height:55dvh}.popup-resize{width:30px;height:30px}}#enable-sound,#enable-sound:hover,#enable-sound:active{box-shadow:none;background:0 0;border:0}#enable-sound:focus-visible{outline-offset:2px;outline:1px solid}.gm-tools .presence-card,.presence-card.player-presence{padding-left:22px;padding-right:18px}.room-shell #audio-panel{width:100%;max-width:370px;min-height:38px;box-shadow:none;background:0 0;border:0;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;margin:0 0 14px;padding:4px 0;display:grid}#listener-controls-slot #audio-panel{margin:6px 0 0}#enable-sound{color:#a7c4b3;place-items:center;width:30px;height:30px;min-height:30px;display:grid;padding:0!important}#enable-sound[aria-pressed=false]{opacity:.5}.volume-wave{min-width:0;height:34px;position:relative}.volume-wave .music-meter{pointer-events:none;opacity:1;justify-content:space-between;align-items:center;gap:3px;width:100%;height:30px;display:flex;position:absolute;inset:2px 0}.volume-wave .music-meter i{width:auto;max-width:5px;height:var(--bar-height,12px);opacity:.2;background:#83bba4;border-radius:2px;flex:1;animation:none;transform:scaleY(.16)}.volume-wave .music-meter.is-playing i{opacity:.7;animation:volume-wave-motion .8s ease-in-out var(--bar-delay,0s) infinite alternate}@keyframes volume-wave-motion{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.volume-wave #local-volume{z-index:1;width:100%;height:34px;min-height:34px;margin:0;position:absolute;inset:0}.volume-wave #local-volume::-webkit-slider-runnable-track{background:linear-gradient(to right,#e2e8ef99 0 var(--volume),#ffffff20 var(--volume) 100%);height:2px}.volume-wave #local-volume::-webkit-slider-thumb{width:12px;height:12px;margin-top:-5px}.volume-wave #local-volume::-moz-range-track{height:2px}.volume-wave #local-volume::-moz-range-progress{height:2px}.feed-header h2{align-items:center;gap:8px;display:flex}#chat-sound-toggle{color:#d4c28d;background:0 0;border:0;flex:none;place-items:center;width:26px;height:26px;min-height:26px;padding:3px;display:grid}#chat-sound-toggle svg{width:19px;height:19px}#chat-sound-toggle[aria-pressed=false]{opacity:.45}.chapter-sounds{border-top:1px solid #ffffff15;margin-top:10px;padding-top:9px}.chapter-sounds summary{cursor:pointer;font-size:11px}.sound-custom-row{align-items:center;gap:6px;margin-top:7px;display:flex}.sound-custom-row select{flex:1;min-width:0}.sound-custom-row button{flex:none}.sound-upload{text-align:center;cursor:pointer;border:1px solid #ffffff25;flex:1;padding:5px;position:relative;overflow:hidden;margin:0!important;font-size:11px!important}.sound-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.chapter-sounds [role=status]{margin:6px 0 0;font-size:10px}.chapter-sounds [role=status]:empty{display:none}@media (prefers-reduced-motion:reduce){.volume-wave .music-meter.is-playing i{animation:none;transform:scaleY(.65)}}.room-shell .roll-stage{z-index:4;opacity:1;pointer-events:none;display:none;inset:52px 0 145px;overflow:hidden}.room-shell .roll-stage.play{opacity:1;animation:none;display:block}.roll-stage canvas{width:100%;height:100%;display:block}#message-options{margin:0 0 10px}#message-options label{color:#aebcce;align-items:center;gap:10px;font-size:13px;display:flex}#message-options [hidden]{display:none}#message-options select,#message-options input{flex:1;min-width:0;padding:7px 10px}.room-shell .message.message-meta{background:linear-gradient(100deg,#1c4a7a8f,#132847ad);border-left-color:#699dcd}.room-shell .message.message-direct{background:linear-gradient(100deg,#71293b7a,#31162ab3);border:1px solid #a25d70;border-left:3px solid #e18a9d;margin-block:12px;padding:16px 18px}.room-shell .message.message-direct .dm-label{color:#efa8b7;font-size:13px}.room-shell .message.message-npc{background:#4e545f4f;border-left-color:#838d9c}.message .npc-avatar{color:#aebccc}.message.message-npc .byline strong{color:#e0e5ee}.room-shell .message:is(.message-meta,.message-npc){border-left-style:solid;border-left-width:3px;grid-template-columns:40px minmax(0,1fr);align-content:start;gap:2px 14px;min-height:76px;margin-block:12px;padding:16px 18px;display:grid}.room-shell .message:is(.message-meta,.message-npc)>.portrait{background:0 0;border:0;border-radius:0;grid-area:1/1/span 2;align-self:start;place-items:center;width:40px;height:40px;margin:0;padding:0;display:grid;position:static;transform:none}.room-shell .message:is(.message-meta,.message-npc)>.portrait svg{width:32px;height:32px;display:block}.room-shell .message:is(.message-meta,.message-npc)>.byline{grid-area:1/2;align-items:center;min-height:21px;margin:0}.room-shell .message:is(.message-meta,.message-npc)>p{grid-area:2/2;min-width:0;margin:0}.message .meta-avatar{color:#8ebadd}.room-shell .message.message-chapter{background:linear-gradient(90deg,#14325090,#0000);border-top:1px solid #6393bb66;border-bottom:1px solid #6393bb33;margin:20px 0;padding:28px 18px}.message-chapter .chapter-message-title{color:#e0e8ed;letter-spacing:.015em;margin:10px 0 0;font-size:clamp(22px,1.7vw,30px);font-weight:700;line-height:1.45}.chapter-message-title{word-break:keep-all;overflow-wrap:break-word}.compose-top:has(.gm-speakers){align-items:end;gap:12px}.speaker-switch.gm-speakers{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;min-width:0;margin:0;display:grid}.gm-speakers .speaker-choice{min-width:0}.gm-speakers .speaker-choice label{color:#9dabbc;margin:0 0 4px;font-size:11px;display:block}.gm-speakers select{color:#93a3b6;border-color:#ffffff25;width:100%;min-width:0;max-width:none;min-height:32px;padding:4px 7px;font-size:12px}.gm-speakers select.speaker-active{color:#e8dfc3;background:#cdbd850a;border-color:#cdbd8580}@media (width<=420px){.compose-top:has(.gm-speakers){gap:8px}.speaker-switch.gm-speakers{gap:6px}.compose-top:has(.gm-speakers) .send-controls{flex-direction:column;align-items:end;gap:4px}.gm-speakers select{font-size:11px}}.volume-wave #local-volume::-webkit-slider-thumb{background:#e2e8ef;box-shadow:0 0 0 3px #e2e8ef10}.volume-wave #local-volume:hover::-webkit-slider-thumb{background:#f4f6f9;box-shadow:0 0 0 5px #e2e8ef24}.volume-wave #local-volume:focus-visible::-webkit-slider-thumb{background:#f4f6f9;box-shadow:0 0 0 5px #e2e8ef24}.volume-wave #local-volume::-moz-range-thumb{background:#e2e8ef;box-shadow:0 0 0 3px #e2e8ef10}.volume-wave #local-volume::-moz-range-progress{background:#e2e8ef99}.volume-wave #local-volume:focus-visible{outline-color:#e2e8ef70}.special-sounds{border:0;margin-top:2px;padding:0}.special-sounds summary{cursor:pointer;color:#aebcce;font-size:11px;line-height:24px}.special-sounds p{margin:4px 0 0;font-size:11px}.gm-tools #listener-controls-slot #audio-panel{margin-bottom:0}#music-stop{color:#b76b73;background:0 0;border-color:#0000;flex:none;justify-content:center;align-self:center;align-items:center;width:32px;height:34px;min-height:34px;padding:0;display:inline-flex}#music-stop:hover{color:#e09ba2;background:0 0}#music-stop svg{flex:none;display:block}