@import "https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";:root{color:#354a3a;font-synthesis:none;-webkit-font-smoothing:antialiased;--ink:#354a3a;--green:#516f50;--cream:#f8f4e9;--muted:#78816d;--orange:#d78c54;--line:#e4e4d4;background:#ebe7d5;font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}body{overscroll-behavior:none;margin:0}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;color:inherit;-webkit-tap-highlight-color:transparent;border:0}button:disabled{cursor:default}:is(button:focus-visible,input:focus-visible){outline-offset:4px;outline:3px solid #b8753c}a{color:inherit}button svg{flex-shrink:0}button:active:not(:disabled){transform:translateY(2px)}button{transition:background .15s,transform .12s,box-shadow .15s}kbd{color:#73806b;border:1px solid #aeb79d8c;border-bottom-width:2px;border-radius:5px;padding:2px 5px;font-family:inherit;font-size:9px}.game-shell{width:100%;height:100dvh;min-height:450px;position:relative;overflow:hidden}.world{touch-action:none;width:100%;height:100%;display:block}.game-ui{pointer-events:none;position:absolute;inset:0}.game-ui button,.game-ui input{pointer-events:auto}.vignette{pointer-events:none;background:linear-gradient(#f1efdd96 0%,#0000 30% 62%,#f1ebd7e6 100%);position:absolute;inset:0}.phase-play .vignette{background:linear-gradient(#f1efdd80,#0000 23% 73%,#ede8d080)}.topbar{padding:calc(env(safe-area-inset-top) + 22px) 22px 0;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;inset:0 0 auto}.brand>span{color:#7a826c;letter-spacing:1.2px;font-family:Gowun Dodum,sans-serif;font-size:10px}.brand h1{letter-spacing:-1.5px;align-items:center;gap:5px;margin:2px 0 0;font-size:27px;font-weight:900;line-height:1.3;display:flex}.brand i{background:var(--orange);border-radius:50%;width:7px;height:7px;margin-top:10px;display:inline-block}.top-tools{align-items:center;gap:8px;display:flex}.icon-button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf0e6;border:1px solid #fffdf399;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 2px #e0dfcc9c}.sound-toggle.on{color:#52744d;background:#e4edd8}.place-chip{top:calc(env(safe-area-inset-top) + 99px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffaf0ce;border:1px solid #fff8e8;border-radius:20px;align-items:center;gap:6px;min-height:35px;padding:8px 11px;font-size:11px;font-weight:600;display:flex;position:absolute;left:22px}.eyebrow{letter-spacing:1px;color:var(--muted);font-size:10px;font-weight:600}.welcome{top:calc(env(safe-area-inset-top) + 154px);pointer-events:none;position:absolute;left:24px;right:24px}.welcome h2{letter-spacing:-1.7px;text-shadow:0 2px 20px #f4efd8;margin:8px 0 10px;font-size:32px;font-weight:800;line-height:1.27}.welcome p{letter-spacing:-.2px;color:#737c64;margin:0;font-size:11px;line-height:1.7}.welcome.compact h2{letter-spacing:-1.1px;font-size:24px}.welcome.compact{top:calc(env(safe-area-inset-top) + 153px)}.controls{bottom:calc(env(safe-area-inset-bottom) + 185px);pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;left:22px;right:22px}.movement-control,.dash-control{flex-direction:column;align-items:center;gap:9px;display:flex}.joystick{touch-action:none;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#fffbed45;border:1.5px solid #fffbea9c;border-radius:50%;place-items:center;width:108px;height:108px;display:grid;position:relative;box-shadow:inset 0 0 25px #67764c12,0 2px #ced0b22b}.joystick.moving{background:#fff9df70;border-color:#fff7df}.joystick i{pointer-events:none;background:#fff9e5f2;border:1px solid #fffefa;border-radius:50%;width:49px;height:49px;position:absolute;box-shadow:0 3px #cfd1b6aa,0 5px 15px #67724a20}.joy-arrows{color:#fff9e7c9;font-size:81px;font-weight:300;line-height:1}.control-caption{color:#768168;text-shadow:0 1px 5px #fff5dc;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.control-caption kbd{display:none}.dash-button{background:conic-gradient(#fff9e4 var(--charge),#c3c9af 0);pointer-events:auto;border-radius:50%;width:89px;height:89px;padding:4px;position:relative;box-shadow:0 4px #bc7a49,0 9px 20px #6f5d3320}.dash-face{background:var(--orange);color:#fff9ee;border:1px solid #a1693930;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;height:100%;display:flex}.dash-face>span{font-size:11px;font-weight:800}.dash-face>b{font-variant-numeric:tabular-nums;font-size:27px;line-height:1.15}.dash-button.cooling{box-shadow:0 4px #879479}.dash-button.cooling .dash-face{background:#98a389}.dash-button:disabled:not(.cooling){opacity:.5}.dash-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #bc7a49}.phase-play .controls{bottom:calc(env(safe-area-inset-bottom) + 37px)}.is-online.phase-hub .controls{bottom:calc(env(safe-area-inset-bottom) + 264px)}.bottom-panel{bottom:calc(env(safe-area-inset-bottom) + 19px);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#fbf7e9ed;border:1px solid #fffdf2;border-radius:24px;max-width:460px;margin:0 auto;padding:14px;position:absolute;left:14px;right:14px;box-shadow:0 7px 30px #5b684b12,0 2px #d5d8c37d}.dock-label,.room-heading{color:#7a866e;justify-content:space-between;align-items:center;margin:0 3px 12px;font-size:10px;display:flex}.dock-label>span,.room-heading>span{align-items:center;gap:6px;display:flex}.dock-label small{letter-spacing:.3px;font-size:9px}.live-dot{background:#85a773;border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 0 3px #e8eddc}.action-row{gap:9px;display:flex}.primary,.secondary{letter-spacing:-.3px;border-radius:16px;justify-content:center;align-items:center;gap:9px;min-height:53px;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.primary{background:var(--green);color:#fffbed;border:1px solid #6c86614d;box-shadow:0 4px #3b543f}.primary:hover:not(:disabled){background:#466443}.primary:disabled{color:#819077;background:#dce1d2;border-color:#d5ddca;box-shadow:0 3px #cad2be}.primary:active:not(:disabled){box-shadow:0 1px #3b543f}.secondary{color:#586b4f;background:#fffdf4;border:1px solid #dbdfcd;box-shadow:0 3px #e3e5d6}.secondary:hover:not(:disabled){background:#edf1e0}.secondary:disabled{opacity:.55}.play-now{flex:1.25;justify-content:flex-start;gap:8px;min-height:64px;padding:12px}.play-now>span{text-align:left;flex:1}.play-now b,.friend-button b{font-size:13px;display:block}.play-now small,.friend-button small{opacity:.7;letter-spacing:0;margin-top:4px;font-size:8px;font-weight:400;display:block}.play-now>svg:last-child{opacity:.55}.friend-button{flex:1;gap:7px;min-height:64px;padding:10px}.friend-button span{text-align:left}.under-actions{color:#7c876f;justify-content:space-between;align-items:center;gap:5px;min-height:27px;margin:12px 0 -5px;font-size:9px;display:flex}.under-actions button{color:#748268;background:0 0;align-items:center;gap:5px;min-height:32px;padding:5px 3px;font-size:10px;display:flex}.under-actions>span{font-size:9px;line-height:1.5}.desktop-hint{text-align:center;color:#849078;pointer-events:none;justify-content:center;align-items:center;gap:7px;width:100%;font-size:10px;display:none;position:absolute;bottom:12px}.scoreboard{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffaf0f0;border:1px solid #fffdf6;border-radius:22px;align-items:center;gap:13px;padding:10px 14px;display:flex;box-shadow:0 2px #d3d5c170}.scoreboard>span{font-variant-numeric:tabular-nums;letter-spacing:-.6px;align-items:center;gap:6px;font-size:20px;font-weight:800;display:flex}.scoreboard small{color:#7e866f;font-size:10px}.scoreboard small b{color:var(--orange);margin-left:4px;font-size:13px}.scoreboard.urgent{color:#b96c48;background:#fff0d9}.role-strip{top:calc(env(safe-area-inset-top) + 85px);justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;left:16px;right:16px}.role-pill{color:#775031;white-space:nowrap;background:#edb988;border-radius:20px;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:800;display:flex}.role-pill.police{color:#3d5e73;background:#b5ccda}.role-strip p{background:#fffae7dc;border-radius:20px;margin:0;padding:6px 10px;font-size:10px;font-weight:500;line-height:1.6}.mini-map{border-radius:12px;width:69px;height:75px;display:block}.map-button{right:20px;top:calc(env(safe-area-inset-top) + 132px);background:#fff9e8d9;border:1px solid #fffdf1;border-radius:16px;padding:5px;position:absolute;box-shadow:0 3px 10px #586b4510}.map-button>span{color:#899276;margin:2px 0 1px;font-size:8px;display:block}.mini-map.large{background:#f3e7cb;border-radius:20px;width:100%;height:290px;margin:20px 0 12px}.map-legend{justify-content:center;gap:14px;font-size:10px;display:flex}.map-legend span{align-items:center;gap:5px;display:flex}.map-legend i{border-radius:50%;width:8px;height:8px;display:inline-block}.me-dot{background:#fff;border:2px solid #41674b}.cop-dot{background:#577d9b}.runner-dot{background:#d98a55}.jail-dot{background:#e9bd88;border-radius:2px!important}.state-message{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffaf0e8;border-radius:22px;align-items:center;gap:7px;width:285px;padding:9px 14px 12px 4px;display:flex;position:absolute;top:27%;left:50%;transform:translate(-50%);box-shadow:0 6px 25px #6c674019}.state-message .character-art{flex-shrink:0;width:72px;height:72px}.state-message b{font-size:13px}.state-message p{color:#8a8069;margin:5px 0 10px;font-size:9px;line-height:1.6}.progress-track{background:#dedfcd;border-radius:10px;height:6px;overflow:hidden}.progress-track>i{background:#dba06b;border-radius:10px;height:100%;transition:width .1s linear;display:block}.rescue-status{bottom:calc(env(safe-area-inset-bottom) + 195px);color:#79915e;background:#faf8e8f2;border-radius:18px;align-items:center;gap:10px;padding:13px 18px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 3px #d7dec6}.rescue-status b{white-space:nowrap;margin-bottom:8px;font-size:11px;display:block}.rescue-status .progress-track>i{background:#91ae77}.countdown{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:5;background:#f7f2dc9c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown>.character-art{border-radius:50%;width:140px;height:140px;margin-bottom:10px}.countdown>span{letter-spacing:-.7px;font-size:19px;font-weight:800}.countdown strong{color:#4e6c4c;text-shadow:0 4px #fff7e6;font-size:88px;font-weight:900;line-height:1.2;animation:.3s ease-out count-in}.countdown p{color:#778368;text-align:center;margin:10px 24px;font-size:12px}.character-art{background-image:url(/art/character-badges.webp);background-position:0 0;background-size:200% 200%;background-color:var(--cream);border-radius:22px;width:100px;height:100px;display:block}.character-art.police{background-position:100% 0}.character-art.win{background-position:0 100%}.character-art.rest{background-position:100% 100%}.loading{background:var(--cream);z-index:100;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;position:absolute;inset:0}.loading .character-art{width:150px;height:150px}.loading h1{letter-spacing:-1.7px;margin:7px;font-size:29px}.loading p{color:#889277;margin-bottom:22px;font-family:Gowun Dodum,sans-serif}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes count-in{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sheet-in{0%{opacity:.6;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast,.connection{bottom:calc(env(safe-area-inset-bottom) + 190px);color:#fff9e9;z-index:90;pointer-events:none;background:#3c5545f5;border-radius:15px;align-items:center;gap:7px;width:max-content;max-width:90%;padding:13px 16px;font-size:11px;line-height:1.5;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #243c2430}.connection{pointer-events:auto;background:#a97747;top:120px;bottom:auto}.connection button{color:#6e573e;background:#fff8e9;border-radius:8px;margin-left:6px;padding:7px;font-size:10px}.phase-play .toast{bottom:180px}.modal-backdrop,.result-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:60;padding:12px 12px calc(env(safe-area-inset-bottom) + 12px);background:#31453555;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet,.result-card{background:var(--cream);width:100%;max-width:430px;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 32px);overscroll-behavior:contain;border:1px solid #fffdf5;border-radius:28px;padding:32px 24px 22px;animation:.22s ease-out sheet-in;position:relative;overflow:auto;box-shadow:0 18px 70px #20331a30}.sheet-handle{background:#d9dccd;border-radius:5px;width:35px;height:4px;position:absolute;top:9px;left:calc(50% - 17px)}.sheet h2{letter-spacing:-1.3px;margin:8px 0 15px;font-size:25px}.sheet>p{color:#7b836e;font-size:12px;line-height:1.8}.close-button{background:#eaece0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:19px;right:17px}.sheet>.primary,.sheet>.secondary,.result-card>.primary{width:100%;margin-top:13px}.text-button{color:#7d876e;background:0 0;justify-content:center;align-items:center;gap:7px;width:100%;min-height:44px;padding:10px;font-size:11px;display:flex}.sheet .sheet-note{text-align:center;color:#89917e;margin:18px 0 0;font-size:10px;line-height:1.9}.invite-hero{align-items:center;gap:11px;margin:5px 0 20px;display:flex}.invite-hero .character-art{flex-shrink:0;width:100px;height:100px}.invite-hero b{letter-spacing:-.7px;font-size:17px}.invite-hero p{color:#7d8673;margin:7px 0;font-size:11px;line-height:1.8}.field-label{color:#8a927e;margin-bottom:7px;font-size:10px;display:block}.invite-field{background:#eef0e3;border:1px solid #dce1cf;border-radius:13px;gap:5px;margin-bottom:19px;padding:5px 6px 5px 12px;display:flex}.invite-field input{color:#72816a;outline-offset:1px;background:0 0;border:0;width:100%;min-width:0;font-size:11px}.invite-field button{background:#fdfbf2;border-radius:9px;place-items:center;min-width:38px;height:38px;display:grid}.map-list{flex-direction:column;gap:10px;margin:22px 0;display:flex}.map-list button{text-align:left;background:#fdfaf1;border:1.5px solid #e1e5d5;border-radius:18px;align-items:center;gap:13px;min-height:85px;padding:13px;display:flex}.map-list button.selected{background:#edf1df;border-color:#8ca578}.map-list button>span:nth-child(2){flex:1}.map-list button:disabled{opacity:.6}.map-art{background:#f1e5c9;border-radius:13px;flex-shrink:0;place-items:center;width:57px;height:57px;font-size:29px;display:grid}.map-art.park{background:#dfe8cd}.map-art.rooftop{background:#e2dce6}.map-list b{margin-bottom:5px;font-size:13px;display:block}.map-list small{color:#8a927c;font-size:10px}.selected-check{color:#fff;background:#7c9b67;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.room-heading{margin-bottom:12px}.room-heading button{color:#627b55;background:0 0;align-items:center;gap:4px;min-height:26px;font-size:10px;display:flex}.friend-slots{justify-content:space-between;gap:5px;width:100%;margin:0 0 15px;display:flex}.friend-slots>div,.empty-slot{text-align:center;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.slot-face,.empty-slot>span{color:#8e977b;background:#e8e3d2;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:relative}.ready .slot-face{color:#6c8f52;background:#dce9cb}.slot-face>i{color:#fff;background:#7e9d66;border:2px solid #faf7e9;border-radius:50%;place-items:center;width:15px;height:15px;display:grid;position:absolute;bottom:-2px;right:-2px}.friend-slots b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:8px;font-weight:600;overflow:hidden}.friend-slots small{color:#929a83;font-size:8px}.ready small{color:#6a8759}.empty-slot{background:0 0;padding:0}.empty-slot>span{background:0 0;border:1px dashed #c3cbb5;font-size:21px;font-weight:300}.empty-slot small{margin-top:12px}.start-room{gap:8px;width:100%}.start-room>span{flex:1}.start-room small{font-size:11px;font-weight:500}.result-backdrop{z-index:55;align-items:center}.result-card{text-align:center;max-width:390px;padding:24px 22px 19px}.result-topline{color:#929982;letter-spacing:.3px;justify-content:space-between;font-size:9px;display:flex}.result-portrait{border-radius:50%;width:144px;height:144px;margin:12px auto 1px}.award{color:#718455;background:#e7edda;border:1px solid #d7e2c4;border-radius:20px;justify-content:center;align-items:center;gap:5px;padding:5px 10px;font-size:10px;font-weight:700;display:inline-flex}.result-card h2{letter-spacing:-1.2px;margin:13px 0 7px;font-size:23px}.result-card>p{color:#89907c;margin:0;font-size:10px;line-height:1.8}.result-stats{background:#efeee1;border:1px solid #e5e7d8;border-radius:17px;margin:20px 0 17px;padding:14px 0;display:flex}.result-stats div{border-right:1px solid #dde1cf;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.result-stats div:last-child{border:0}.result-stats svg{color:#93a17f}.result-stats b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;line-height:1.2;display:block}.result-stats b small{color:#849176;margin-left:3px;font-size:10px;font-weight:500}.result-stats span{color:#8e9882;font-size:9px}.result-card>.primary{min-height:60px}.result-card>.primary>span{flex-direction:column;gap:4px;font-size:14px;display:flex}.result-card>.primary small{opacity:.65;font-size:9px;font-weight:400}.result-actions{gap:8px;margin-top:13px;display:flex}.result-actions>*{flex:1;min-height:45px;padding:10px;font-size:11px}.result-footnote{color:#a0a58f;margin-top:18px;font-size:9px;display:block}.master-audio{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.master-audio>div{align-items:center;gap:9px;display:flex}.master-audio b{font-size:12px}.master-audio svg{color:#8c9b77}.switch{background:#d4dac8;border:1px solid #c9d0bc;border-radius:20px;width:46px;height:28px;padding:3px}.switch i{background:#fffcf2;border-radius:50%;width:20px;height:20px;transition:transform .15s;display:block;box-shadow:0 2px 3px #7c88622b}.switch.checked{background:#7f9e69;border-color:#73935d}.switch.checked i{transform:translate(18px)}.audio-sliders{padding:0 0 8px}.audio-row{margin:10px 0 21px;display:block}.audio-row>span{align-items:center;gap:9px;margin-bottom:11px;font-size:12px;display:flex}.audio-row svg{color:#98a781}.audio-row output{color:#899379;font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.audio-row input{accent-color:#7c9b66;cursor:pointer;width:100%;height:20px;margin:0;display:block}.audio-row small{color:#919b84;margin-top:7px;font-size:9px;display:block}.menu-grid{flex-direction:column;gap:7px;margin:20px 0;display:flex}.menu-grid button{text-align:left;background:#eeefe2;border:1px solid #e3e6d6;border-radius:13px;align-items:center;gap:12px;min-height:51px;padding:15px;display:flex}.menu-grid span{flex:1;font-size:12px;font-weight:600}.menu-grid svg{color:#829574}.guide{margin:22px 0}.guide>div{align-items:center;gap:12px;padding:10px 0;display:flex}.guide svg{color:#be915f;flex-shrink:0;width:19px}.guide b{margin-bottom:5px;font-size:11px;font-weight:600;display:block}.guide small{color:#8e9681;font-size:10px}.sheet footer{color:#9da58e;text-align:center;border-top:1px solid #e1e4d3;margin-top:18px;padding-top:15px;font-size:8px;line-height:1.9}.sheet>.character-art{margin:5px auto 15px}@media (min-width:700px){.topbar{padding:28px 38px 0}.brand h1{font-size:31px}.brand>span{font-size:11px}.place-chip{top:118px;left:38px}.welcome{top:181px;left:40px}.welcome h2{font-size:41px}.welcome p{font-size:12px}.welcome.compact{top:177px}.welcome.compact h2{font-size:30px}.controls{left:42px;right:42px;bottom:55px!important}.control-caption kbd{display:inline-block}.bottom-panel{width:440px;padding:17px 18px;bottom:34px;left:50%;right:auto;transform:translate(-50%)}.modal-backdrop{align-items:center}.sheet{padding:35px 28px 25px}.sheet-handle{display:none}.desktop-hint{display:flex}.role-strip{top:94px}.role-strip p,.role-pill{font-size:12px}.map-button{top:143px;right:40px}.mini-map{width:89px;height:96px}.toast{bottom:220px}.connection{top:130px}.rescue-status{bottom:90px}.state-message{top:25%}.game-shell{min-height:500px}}@media (max-width:360px){.topbar{padding-left:16px;padding-right:16px}.brand h1{font-size:24px}.place-chip{left:16px}.welcome{left:18px}.welcome h2{font-size:29px}.controls{left:15px;right:15px}.bottom-panel{padding:12px;left:10px;right:10px}.play-now,.friend-button{gap:5px;padding:10px 7px}.play-now>svg:last-child{display:none}.play-now b,.friend-button b{font-size:12px}.scoreboard{gap:8px;padding:11px}.scoreboard>span{font-size:18px}.scoreboard small{font-size:9px}.sheet{padding:30px 19px 20px}.role-strip{gap:5px;left:10px;right:10px}.role-strip p{font-size:9px}.result-card h2{font-size:21px}}@media (max-height:680px){.welcome{top:139px}.welcome h2{margin:6px 0;font-size:26px}.welcome p{display:none}.welcome.compact{top:142px}.welcome.compact h2{font-size:21px}.controls{bottom:177px}.joystick{width:88px;height:88px}.dash-button{width:76px;height:76px}.bottom-panel{padding:12px;bottom:12px}.dock-label{margin-bottom:8px}.play-now,.friend-button{min-height:56px}.control-caption{font-size:9px}.result-portrait{width:94px;height:94px;margin:8px auto}.result-card{padding:20px 18px 16px}.result-stats{margin:15px 0;padding:10px 0}.result-footnote{margin-top:12px}.result-card h2{margin-top:10px;font-size:21px}.countdown>.character-art{width:100px;height:100px}.countdown strong{font-size:70px}.is-online.phase-hub .controls{bottom:242px}.friend-slots{margin-bottom:10px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:.001ms!important}}@media (orientation:landscape) and (max-height:550px){.game-shell{min-height:280px}.topbar{padding:12px 20px 0}.brand h1{font-size:23px}.brand>span{font-size:8px}.icon-button{width:38px;height:38px}.place-chip{min-height:30px;padding:6px 9px;font-size:10px;top:77px;left:20px}.welcome,.welcome.compact{max-width:210px;top:123px;left:22px;right:auto}.welcome h2,.welcome.compact h2{font-size:24px}.welcome .eyebrow{font-size:9px}.welcome p{display:none}.controls,.phase-play .controls,.is-online.phase-hub .controls{left:22px;right:22px;bottom:18px!important}.joystick{width:90px;height:90px}.dash-button{width:77px;height:77px}.control-caption{font-size:8px}.control-caption kbd{display:none}.bottom-panel{width:355px;padding:10px 12px;bottom:17px}.dock-label{margin-bottom:7px;font-size:9px}.dock-label small{font-size:8px}.play-now,.friend-button{min-height:49px}.under-actions{min-height:24px;margin-top:5px;margin-bottom:-5px}.under-actions button{min-height:26px;font-size:9px}.friend-slots{margin-bottom:8px}.friend-slots small{font-size:7px}.slot-face,.empty-slot>span{width:28px;height:28px}.room-heading{margin-bottom:8px}.start-room{min-height:43px}.role-strip{top:69px;left:75px;right:75px}.role-strip p,.role-pill{font-size:10px}.scoreboard{padding:8px 14px}.scoreboard>span{font-size:18px}.map-button{top:72px;right:21px}.mini-map{width:53px;height:58px}.map-button>span{font-size:7px}.desktop-hint{display:none}.countdown>.character-art{width:86px;height:86px;margin-bottom:6px}.countdown strong{font-size:61px}.countdown p{margin-top:5px;font-size:10px}.state-message{width:270px;top:29%}.state-message .character-art{width:55px;height:55px}.rescue-status{bottom:45px}.toast,.phase-play .toast{bottom:135px}.sheet{max-width:470px}.result-card{text-align:left;grid-template-columns:100px 1fr;column-gap:18px;max-width:520px;padding:16px 23px;display:grid}.result-topline{grid-column:1/-1;margin-bottom:9px}.result-portrait{grid-area:2/1/6;width:100px;height:100px;margin:4px 0}.award{grid-column:2;justify-self:start;padding:4px 8px;font-size:8px}.result-card h2{grid-column:2;margin:8px 0 4px;font-size:19px}.result-card>p{grid-column:2;font-size:9px}.result-stats{grid-column:1/-1;margin:12px 0 0;padding:9px 0}.result-stats div{flex-flow:wrap;justify-content:center;gap:5px}.result-stats b{font-size:19px}.result-stats span{text-align:center;width:100%;font-size:8px}.result-card>.primary{grid-column:1/-1;min-height:48px;margin-top:12px}.result-card>.primary>span{font-size:12px}.result-card>.primary small{font-size:8px}.result-actions{grid-column:1/-1;margin-top:10px}.result-actions>*{min-height:36px;font-size:10px}.result-footnote{text-align:center;grid-column:1/-1;margin-top:9px;font-size:8px}}.audio-row input[type=range]{-webkit-appearance:none;appearance:none;touch-action:pan-y;background:0 0;height:30px}.audio-row input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#8c9f78 0 var(--level),#dde3cf var(--level) 100%);border-radius:6px;height:6px}.audio-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#849e70;border:3px solid #faf7e9;border-radius:50%;width:20px;height:20px;margin-top:-7px;box-shadow:0 1px 4px #677e4933}.audio-row input[type=range]::-moz-range-track{background:#dde3cf;border-radius:6px;height:6px}.audio-row input[type=range]::-moz-range-progress{background:#8c9f78;border-radius:6px;height:6px}.audio-row input[type=range]::-moz-range-thumb{background:#849e70;border:3px solid #faf7e9;border-radius:50%;width:15px;height:15px}.audio-row small{font-size:10px}.play-now small,.friend-button small{font-size:9px}.welcome p{color:#68765e}.field-label{font-size:11px}@media (orientation:landscape) and (max-height:550px){.result-portrait{grid-row:2/5;width:84px;height:84px}.result-card{padding:14px 20px}.result-topline{margin-bottom:5px}.result-card>.primary{min-height:43px;margin-top:10px;padding:9px}.result-card>.primary small,.result-footnote{display:none}.result-actions{margin-top:9px}.sheet:has(.invite-hero){grid-template-columns:145px 1fr;column-gap:20px;max-width:570px;padding:24px;display:grid}.sheet:has(.invite-hero)>.eyebrow{grid-area:1/1}.sheet:has(.invite-hero)>h2{grid-area:2/1;margin:4px 0;font-size:22px}.sheet:has(.invite-hero) .invite-hero{text-align:center;flex-direction:column;grid-area:3/1/7;align-self:start;gap:2px;margin:0;display:flex}.sheet:has(.invite-hero) .invite-hero .character-art{width:90px;height:90px}.sheet:has(.invite-hero) .invite-hero b{font-size:13px}.sheet:has(.invite-hero) .invite-hero p{display:none}.sheet:has(.invite-hero)>.field-label{grid-area:1/2;margin:3px 25px 6px 0;font-size:10px}.sheet:has(.invite-hero)>.invite-field{grid-area:2/2;margin:4px 0 0}.sheet:has(.invite-hero)>.primary{grid-area:3/2;min-height:44px;margin-top:12px;font-size:11px}.sheet:has(.invite-hero)>.secondary{grid-area:4/2;min-height:40px;margin-top:10px;font-size:11px}.sheet:has(.invite-hero)>.sheet-note{grid-area:5/2;margin:10px 0 0;font-size:9px}}.result-invite{color:#678354;min-height:38px;margin-top:8px;font-size:11px;font-weight:600}.result-invite:disabled{opacity:.5}.result-invite+.result-footnote{margin-top:4px}@media (orientation:landscape) and (max-height:550px){.result-invite{grid-column:1/-1;min-height:26px;margin-top:5px;padding:5px;font-size:10px}}.map-list .map-art{background-color:#eee5ce;background-repeat:no-repeat;background-size:cover;border-radius:16px;flex-shrink:0;width:86px;height:92px}.map-list .map-art.playground{background-image:url(/art/maps/playground.png);background-position:50%}.map-list .map-art.park{background-image:url(/art/maps/park.png);background-position:50%}.map-list .map-art.rooftop{background-image:url(/art/maps/rooftop.png);background-position:50%}.map-list button{gap:15px;min-height:112px;padding:9px 12px}.map-list button small{line-height:1.5}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-height:550px) and (orientation:landscape){.map-list{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.map-list button{text-align:left;flex-direction:column;align-items:stretch;gap:6px;min-height:0;padding:8px;display:flex;position:relative}.map-list .map-art{border-radius:10px;width:100%;height:80px}.map-list button b{font-size:11px}.map-list button small{font-size:9px}.map-list button>svg,.map-list .selected-check{position:absolute;top:12px;right:12px}.map-list button>span:nth-child(2){padding:2px}.sheet:has(.map-list){max-width:540px}}.vignette{opacity:.48}.phase-play .vignette{opacity:.4}.quiet-ui .brand h1{letter-spacing:-1px;margin:0;font-size:22px}.quiet-ui .brand i{width:5px;height:5px;margin-top:5px}.quiet-ui .topbar{padding:calc(env(safe-area-inset-top) + 20px) 22px 0}.quiet-ui .place-chip{top:calc(env(safe-area-inset-top) + 61px);background:#fffaf0ba;border:0;gap:5px;min-height:30px;padding:5px 8px;font-size:10px;left:22px}.entry-actions{bottom:calc(env(safe-area-inset-bottom) + 29px);pointer-events:auto;white-space:nowrap;align-items:center;gap:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.entry-play{border-radius:30px;min-width:158px;min-height:56px;padding:15px 23px;font-size:15px;box-shadow:0 4px #3b543f,0 6px 24px #37492a18}.entry-invite{background:#fffaf0e8;border:1px solid #fffcf1;border-radius:30px;align-items:center;gap:7px;min-height:54px;padding:12px 17px;font-size:12px;font-weight:600;display:flex;box-shadow:0 3px #d8ddcc}.entry-invite:disabled{opacity:.6}.quiet-ui .controls{left:24px;right:24px;bottom:calc(env(safe-area-inset-bottom) + 31px)!important}.quiet-ui.phase-hub:not(.is-online) .controls{bottom:calc(env(safe-area-inset-bottom) + 131px)!important}.quiet-ui.is-online.phase-hub .controls{bottom:calc(env(safe-area-inset-bottom) + 244px)!important}.quiet-ui .movement-control{position:relative}.quiet-ui .joystick{background:#fffbed30;width:100px;height:100px}.quiet-ui .dash-button{width:78px;height:78px}.quiet-ui .dash-control[hidden],.control-hint[hidden]{display:none}.control-hint{white-space:nowrap;color:#5e7156;pointer-events:none;background:#fffaf0df;border-radius:16px;padding:5px 9px;font-size:10px;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.key-hint{display:none}@media (hover:hover) and (pointer:fine){.touch-hint{display:none}.key-hint{display:inline}}.quiet-ui .scoreboard{gap:11px;padding:10px 13px}.quiet-ui .scoreboard>span{font-size:19px}.quiet-ui .scoreboard small{align-items:center;gap:2px;display:flex}.quiet-ui .scoreboard small svg{margin-right:3px}.quiet-ui .scoreboard small b{margin-left:0}.quiet-ui .role-strip{top:calc(env(safe-area-inset-top) + 77px)}.quiet-ui .role-pill{padding:5px 9px;font-size:10px}.quiet-ui .map-button{top:calc(env(safe-area-inset-top) + 85px);padding:4px;right:22px}.quiet-ui .mini-map:not(.large){width:56px;height:61px}.quiet-ui .state-message{top:auto;bottom:calc(env(safe-area-inset-bottom) + 143px);background:#fffaf0e8;border-radius:17px;gap:9px;width:auto;max-width:220px;padding:11px 15px;box-shadow:0 3px 14px #34472a14}.quiet-ui .state-message b{font-size:12px;font-weight:600}.quiet-ui .state-message .progress-track{width:118px;height:4px;margin-top:7px}.quiet-ui .rescue-status{bottom:calc(env(safe-area-inset-bottom) + 143px);padding:10px 14px}.quiet-ui .rescue-status b{margin-bottom:6px;font-size:12px}.quiet-ui .rescue-status .progress-track{width:110px;height:4px}.quiet-ui .countdown{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;gap:0}.quiet-ui .countdown>span{background:#fff8e6e6;border-radius:25px;padding:7px 15px;font-size:17px}.quiet-ui .countdown strong{text-shadow:0 3px #fff8e9,0 0 22px #fff8e9;font-size:80px}.quiet-ui .toast,.quiet-ui.phase-play .toast{bottom:calc(env(safe-area-inset-bottom) + 104px);max-width:280px;padding:10px 14px;font-size:11px}.quiet-ui .connection{max-width:320px;top:117px;bottom:auto}.quiet-ui .quiet-result{text-align:center;flex-direction:column;align-items:stretch;gap:0;max-width:330px;padding:23px;display:flex}.quiet-result .result-portrait{width:106px;height:106px;margin:0 auto}.quiet-result h2{margin:12px 0 5px;font-size:25px}.quiet-result>p{font-size:11px}.quiet-result .result-stats{margin:18px 0 8px;padding:12px 0}.quiet-result .result-stats>div{flex-direction:row;justify-content:center;gap:7px}.quiet-result .result-stats span{width:auto;font-size:11px}.quiet-result .result-stats b{font-size:20px}.quiet-result>.primary{min-height:53px;margin-top:10px}.quiet-result .result-actions{margin-top:12px}.quiet-result .result-invite{min-height:40px;margin:9px 0 0}.help-details{border-top:1px solid #e2e5d5;margin-top:12px;padding-top:10px}.help-details summary{cursor:pointer;align-items:center;gap:8px;min-height:40px;font-size:12px;font-weight:600;list-style:none;display:flex}.help-details summary:after{content:"+";color:#8a987b;margin-left:auto;font-size:18px;font-weight:400}.help-details[open]>summary:after{content:"−"}.help-details summary::-webkit-details-marker{display:none}.help-details p{color:#7b856f;font-size:11px;line-height:1.8}.help-details .guide{margin:0 0 12px}.help-details summary:focus-visible{outline-offset:2px;outline:3px solid #b8753c}.about-details summary{color:#8b957d;font-size:10px}.quiet-ui .map-list{margin:16px 0 0}.quiet-ui .map-list b{margin:0}.quiet-ui .sheet h2{margin-top:0}.quiet-ui .invite-hero{margin-top:4px}.quiet-ui .sheet:has(.invite-hero){max-width:430px;display:block}.quiet-ui .sheet:has(.invite-hero) .invite-hero{text-align:left;flex-direction:row;gap:10px;display:flex}.quiet-ui .sheet:has(.invite-hero) .invite-hero p{display:block}.quiet-ui .sheet:has(.invite-hero)>.invite-field{margin:5px 0 15px}@media (min-width:700px){.quiet-ui .topbar{padding:26px 30px 0}.quiet-ui .place-chip{top:65px;left:30px}.quiet-ui .controls{left:34px;right:34px}.quiet-ui.phase-hub:not(.is-online) .controls{bottom:31px!important}.entry-actions{bottom:32px}.quiet-ui .map-button{top:90px;right:30px}}@media (orientation:landscape) and (max-height:550px){.quiet-ui .topbar{padding:12px 20px 0}.quiet-ui .brand h1{font-size:20px}.quiet-ui .place-chip{min-height:28px;font-size:9px;top:43px;left:20px}.quiet-ui .controls,.quiet-ui.phase-hub:not(.is-online) .controls,.quiet-ui.is-online.phase-hub .controls{left:22px;right:22px;bottom:21px!important}.quiet-ui .joystick{width:88px;height:88px}.quiet-ui .dash-button{width:74px;height:74px}.entry-actions{bottom:24px}.entry-play{min-width:152px;min-height:51px;font-size:14px}.entry-invite{min-height:49px;font-size:11px}.quiet-ui .role-strip{top:62px}.quiet-ui .map-button{top:65px;right:20px}.quiet-ui .scoreboard{padding:8px 13px}.quiet-ui .state-message,.quiet-ui .rescue-status{bottom:31px}.quiet-ui .toast,.quiet-ui.phase-play .toast{bottom:97px}.quiet-ui .quiet-result{grid-template-columns:90px 1fr;column-gap:18px;max-width:440px;padding:20px 24px;display:grid}.quiet-result .result-portrait{grid-area:1/1/4;align-self:center;width:90px;height:90px}.quiet-result h2{text-align:left;grid-column:2;margin:0 0 4px;font-size:23px}.quiet-result>p{text-align:left;grid-column:2}.quiet-result .result-stats{grid-column:2;margin:10px 0 0;padding:8px 0}.quiet-result>.primary,.quiet-result .result-actions,.quiet-result .result-invite{grid-column:1/-1}.quiet-result .result-stats svg{display:none}.quiet-result .result-invite{min-height:32px;margin-top:4px}.quiet-ui .sheet:has(.invite-hero){max-width:470px}.quiet-ui .sheet:has(.invite-hero) .invite-hero .character-art{width:64px;height:64px}.quiet-ui .sheet:has(.invite-hero) .invite-hero{margin:0 0 10px}.quiet-ui .sheet:has(.invite-hero) .invite-hero p{margin:4px 0}.quiet-ui .sheet:has(.invite-hero) .sheet-note{margin-top:8px}:is(.quiet-ui .sheet:has(.invite-hero) .primary,.quiet-ui .sheet:has(.invite-hero) .secondary){min-height:42px;margin-top:8px}.control-hint{padding:3px 7px;font-size:9px;bottom:-22px}}.quiet-ui .gesture-zone{pointer-events:auto;touch-action:none;z-index:0;-webkit-user-select:none;user-select:none;position:absolute;inset:98px 44% 0 0}.quiet-ui .floating-pad{z-index:12;width:96px;height:96px;box-shadow:none;background:#fff8e73d;border:1.5px solid #fff9;position:fixed;transform:translate(-50%,-50%);pointer-events:none!important}.quiet-ui .floating-pad i{box-shadow:none;background:#fff9e9a8}.quiet-ui .controls{pointer-events:none;z-index:13;justify-content:flex-end}.quiet-ui .floating-hint{white-space:nowrap;background:#fff8e4b8;border-radius:18px;padding:7px 11px;font-size:11px;bottom:0;left:0}.quiet-ui .topbar,.quiet-ui .place-chip,.quiet-ui .entry-actions,.quiet-ui .bottom-panel,.quiet-ui .map-button{z-index:15}@font-face{font-family:Domang Jua;src:url(/fonts/jua-logo.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}:root{--ink:#233d59;--green:#315e83;--orange:#ed853b;--cream:#fff9ed;color:#233d59}.quiet-ui .brand{background:#fffbf0ee;border:1px solid #fffdf6;border-radius:22px;padding:10px 14px 8px;box-shadow:0 3px #23496c0d}.quiet-ui .brand h1{letter-spacing:-1.1px;color:#213e62;gap:0;font-family:Domang Jua,Noto Sans KR,sans-serif;font-size:31px;font-weight:400;line-height:1}.quiet-ui .brand h1 span+span{color:#e77b30}.quiet-ui .place-chip{top:calc(env(safe-area-inset-top) + 80px);color:#334e63;background:#fff9eddf;min-height:34px;font-size:11px;left:29px}.quiet-ui .primary{color:#fffaf0;background:#275d89;box-shadow:0 4px #17476e}.quiet-ui .entry-play{background:#ed853b;min-height:58px;font-weight:800;box-shadow:0 4px #bd5b22}.quiet-ui .entry-invite{color:#294f70;border:1px solid #fff;min-height:56px;font-size:13px;box-shadow:0 3px #cbd7d9}.quiet-ui .vignette{opacity:.12}.quiet-ui .role-pill.runner{color:#a64b18;background:#fff0dc}.quiet-ui .role-pill.police{color:#255986;background:#e3f1fb}.quiet-ui .dash-face{color:#fff;background:#ee843a}.quiet-ui .dash-button{border-color:#fff7e9;box-shadow:0 4px #b65f29,0 6px 18px #4d3c2626}.quiet-ui .floating-hint{color:#31506a;left:0;transform:none}@media (orientation:landscape) and (max-height:550px){.quiet-ui .brand{border-radius:17px;padding:8px 12px 6px}.quiet-ui .brand h1{font-size:27px}.quiet-ui .place-chip{min-height:30px;font-size:10px;top:61px;left:24px}.quiet-ui .entry-play{min-height:51px}.quiet-ui .entry-invite{min-height:49px}}@media (max-width:360px){.quiet-ui .brand h1{font-size:27px}.quiet-ui .topbar{padding-left:14px;padding-right:14px}.quiet-ui .entry-actions{gap:8px}.quiet-ui .entry-play{min-width:145px}.quiet-ui .entry-invite{padding:12px 14px}}.desktop-movement{display:none}@media (hover:hover) and (pointer:fine){.quiet-ui .desktop-movement{pointer-events:auto;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:0;left:0}.arrow-grid{grid-template-rows:repeat(2,36px);grid-template-columns:repeat(3,40px);gap:5px;display:grid}.arrow-key{color:#2d5574;touch-action:none;-webkit-user-select:none;user-select:none;background:#fffbefed;border:1px solid #fffefa;border-radius:12px;place-items:center;display:grid;box-shadow:0 3px #bdc9c9}.arrow-key:active{background:#dcecf4;box-shadow:0 1px #8daebc}.arrow-0{grid-column:2}.arrow-1{grid-area:2/1}.arrow-2{grid-area:2/2}.arrow-3{grid-area:2/3}.desktop-movement>span{color:#36556d;background:#fff9edda;border-radius:10px;padding:3px 7px;font-size:10px;font-weight:600}.quiet-ui .floating-hint{display:none}}.quiet-ui .primary:hover:not(:disabled){background:#1f527e}.quiet-ui .entry-play:hover:not(:disabled){background:#f2944d}.quiet-ui .sheet:before{display:none}.world:focus{outline:none}.world:focus-visible{outline-offset:-3px;outline:2px solid #f8c36b}.arrow-key.is-held{background:#dcecf4;transform:translateY(2px);box-shadow:0 1px #8daebc}.arrow-key:disabled{opacity:.4;box-shadow:none;cursor:default}.quiet-result .result-stats>div{flex-direction:column;gap:4px;min-width:0}.music-picker{padding:5px 0 16px}.music-picker-title{justify-content:space-between;align-items:center;margin:4px 0 10px;display:flex}.music-picker-title b{font-size:13px}.music-picker-title>span{color:#71806b;font-size:10px}.music-choice{text-align:left;color:#3c5147;cursor:pointer;background:#f8f6ed;border:1px solid #e0e2d4;border-radius:14px;align-items:center;gap:10px;width:100%;min-height:61px;margin-top:7px;padding:10px 12px;display:flex}.music-choice.selected{background:#eaf1e7;border-color:#668c82}.music-choice:focus-visible{outline-offset:2px;outline:2px solid #386d88}.music-choice-icon{color:#426b78;background:#fffaf0;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.music-choice-copy{flex-direction:column;flex:1;gap:3px;display:flex}.music-choice-copy b{font-size:13px}.music-choice-copy small{color:#72806c;font-size:10px}.quiet-ui .entry-actions{width:min(340px,100% - 40px);bottom:calc(env(safe-area-inset-bottom) + 24px);flex-direction:column;gap:10px}.entry-roles{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.quiet-ui .entry-roles .entry-play{white-space:nowrap;gap:8px;width:100%;min-width:0;min-height:58px;padding:14px 10px;font-size:15px}.quiet-ui .entry-roles .role-police{color:#fffaf0;background:#326a98;box-shadow:0 4px #234b70}.quiet-ui .entry-roles .role-police:hover{background:#3c7dae}.quiet-ui .entry-actions>.entry-invite{background:#fffaf0ec;min-height:44px;padding:9px 19px;font-size:12px}@media (orientation:landscape) and (max-height:550px){.quiet-ui .entry-actions{gap:8px;width:320px;bottom:20px}.quiet-ui .entry-roles .entry-play{min-height:48px;padding:10px;font-size:14px}.quiet-ui .entry-actions>.entry-invite{min-height:38px;padding:7px 16px}}.friend-role-picker{margin:0 0 10px}.friend-role-heading{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.friend-role-heading>b{color:#52685c;font-size:11px}.friend-role-heading>button{color:#657a70;background:0 0;border-radius:9px;min-height:30px;padding:5px 8px;font-size:10px}.friend-role-heading>button[aria-pressed=true]{color:#345641;background:#e8eee3}.friend-role-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.friend-role{color:#57675b;background:#fffaf0;border:1px solid #dddccc;border-radius:13px;justify-content:center;align-items:center;gap:5px;min-height:44px;font-size:12px;font-weight:700;display:flex}.friend-role small{font-size:10px;font-weight:500}.friend-role.runner[aria-pressed=true]{color:#95501d;background:#fbe1c7;border-color:#d98b4d}.friend-role.police[aria-pressed=true]{color:#265a80;background:#dcebf5;border-color:#6294b7}.friend-role:disabled{opacity:.45}.friend-role:focus-visible{outline-offset:2px;outline:2px solid #326a98}.friend-role-heading>button:focus-visible{outline-offset:2px;outline:2px solid #326a98}.result-role-change{grid-column:1/-1;min-height:34px;margin-top:4px}@media (orientation:landscape) and (max-height:550px){.friend-role-picker{margin-bottom:7px}.friend-role-heading{margin-bottom:3px}.friend-role-heading>button{min-height:24px;padding:3px 6px}.friend-role{min-height:38px;font-size:11px}.quiet-ui.is-online.phase-hub .bottom-panel{max-height:calc(100dvh - 80px);overflow-y:auto}}.jital-entry-link{color:#294c57;background:#e8eddf;border-radius:18px;justify-content:space-between;align-items:center;margin:12px 0;padding:15px 17px;font-weight:800;text-decoration:none;display:flex}.seat-action{z-index:15;color:#315f60;pointer-events:auto;background:#fff8e8;border-radius:25px;align-items:center;gap:7px;min-height:46px;padding:13px 19px;display:flex;position:absolute;bottom:260px;right:20px;box-shadow:0 4px #b7c2a9}.plaza-entry{color:#315f60;pointer-events:auto;background:#fff8e8;border-radius:28px;justify-content:center;align-items:center;gap:6px;margin:12px 8px 0 0;padding:13px 17px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.entry-actions>.entry-invite{display:inline-flex}@media (max-height:550px) and (orientation:landscape){.seat-action{bottom:160px;right:20px}.plaza-entry{margin-top:10px;padding:9px 14px}}.movement-pad{display:contents}.movement-reopen{display:none}@media (hover:hover) and (pointer:fine){.movement-reopen{color:#31566e;pointer-events:auto;cursor:pointer;background:#fffef9;border:1px solid #fff;border-radius:15px;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:0;left:0;box-shadow:0 2px #bac8ca}.movement-reopen:focus-visible{outline-offset:3px;outline:3px solid #326a98}.plaza-pad .movement-reopen{left:20px;bottom:calc(env(safe-area-inset-bottom) + 170px)}.jital-pad .movement-reopen{left:20px;bottom:calc(env(safe-area-inset-bottom) + 30px)}}@media (max-width:1000px){.quiet-ui.phase-hub:not(.is-online) .controls,.quiet-ui.is-online.phase-hub .controls{bottom:var(--hub-panel-top,260px)!important}}.quiet-ui.is-online.phase-hub .bottom-panel{background:#fffefb;border-color:#fff;box-shadow:0 7px 30px #304a4c12,0 2px #d8dfdb}.quiet-ui .friend-role{color:#39576a;background:#fff;border-color:#d6dfe1}.quiet-ui .friend-role.runner[aria-pressed=true]{color:#9b4b13;background:#fff0e3;border-color:#e78a44}.quiet-ui .friend-role.police[aria-pressed=true]{color:#285d85;background:#eaf3fc;border-color:#6198c1}.quiet-ui .place-chip{padding-left:22px;padding-right:19px;left:36px}@media (min-width:700px){.quiet-ui .place-chip{left:48px}}@media (max-width:360px){.quiet-ui .place-chip{left:24px}}@media (max-height:550px) and (min-width:600px){.plaza-pad .movement-reopen{bottom:22px}}@media (min-width:600px) and (max-height:550px){.quiet-ui.phase-hub:not(.is-online) .controls,.quiet-ui.is-online.phase-hub .controls{left:14px;bottom:22px!important}.quiet-ui .arrow-grid{grid-template-columns:repeat(3,34px)}}.character-art{background-color:#fffdf7;background-image:url(/art/portraits/runner-native-v1.png);background-position:50%;background-size:cover}.character-art.police{background-image:url(/art/portraits/police-native-v1.png);background-position:50%}.character-art.win{background-image:url(/art/portraits/win-native-v1.png);background-position:50%}.character-art.rest{background-image:url(/art/portraits/rest-native-v1.png);background-position:50%}.control-guide{text-align:left;color:#315165;background:#fffdf7;border:1px solid #dce2dc;border-radius:17px;margin:16px 0;padding:14px}.control-guide h3{margin:0 0 13px;font-size:14px}.control-guide-row{flex-direction:column;gap:6px;margin:13px 0;font-size:11px;line-height:1.8;display:flex}.control-guide-row b{font-size:11px}.control-guide kbd{background:#f1f4f3;border:1px solid #d5dfe0;border-bottom-width:3px;border-radius:6px;justify-content:center;align-items:center;min-width:22px;height:25px;margin:0 2px 3px 0;padding:0 5px;font-family:inherit;font-size:11px;display:inline-flex}.control-guide p{color:#60766b!important;margin:10px 0 0!important;font-size:10px!important;line-height:1.7!important}.quiet-result .result-role-change{color:#356485;grid-column:1/-1;min-height:44px;font-size:12px}@media (prefers-reduced-motion:reduce){.countdown strong,.sheet,.result-card{animation:none}}.quiet-ui .bottom-panel{max-height:calc(100dvh - 140px);overflow-y:auto}.public-ready-note{color:#526b61;grid-column:1/-1;text-align:center!important;margin:10px 0 0!important;font-size:11px!important}.play-mode-menu{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.play-mode-heading{align-items:center;gap:12px;width:100%;font-size:13px;display:flex}.play-mode-heading button{color:#294f70;background:#fffaf0f2;border-radius:22px;align-items:center;gap:5px;min-height:44px;padding:8px 13px;font-size:12px;display:flex}.play-mode-heading strong{color:#294f70;background:#fffaf0ed;border-radius:20px;padding:8px 13px}.play-mode-options{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;width:100%;display:grid}.play-mode-options button{white-space:nowrap;border-radius:27px;justify-content:center;align-items:center;gap:8px;width:100%;min-width:0;min-height:68px;padding:14px 10px;font-size:17px;font-weight:800;transition:filter .15s,transform .15s;display:flex}.play-mode-options svg{flex-shrink:0;width:22px;height:22px}.play-mode-options .mode-solo{color:#fffaf0;background:#ee8735;box-shadow:0 4px #bd6229}.play-mode-options .mode-together{color:#fffaf0;background:#326a98;box-shadow:0 4px #234b70}.play-mode-options .mode-friends{color:#294f70;background:#fffaf0;box-shadow:0 4px #cbd7d9}.play-mode-options button:hover{filter:brightness(1.05)}.play-mode-options button:active{transform:translateY(2px)}.play-mode-menu button:disabled{opacity:.65;cursor:wait}.play-mode-menu button:focus-visible{outline-offset:5px;outline:3px solid #244f74}.mode-plaza-link:focus-visible{outline-offset:5px;outline:3px solid #244f74}.mode-plaza-link{color:#44665d;background:#fffaf0e8;border-radius:24px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:8px 16px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}@media (max-width:360px){.play-mode-options{gap:8px}.play-mode-options button{gap:6px;padding:12px 8px;font-size:15px}}@media (orientation:landscape) and (max-height:550px){.play-mode-menu{gap:8px}.play-mode-options button{min-height:48px;padding:10px;font-size:15px}.mode-plaza-link{min-height:36px;padding:6px 12px}.play-mode-heading button{min-height:36px}}.suno-extras{color:#425e5e;margin-top:10px;font-size:13px}.suno-extras summary{cursor:pointer;padding:10px 0;font-weight:700}.suno-extras ul{margin:0;padding:0;list-style:none}.suno-extras a{color:#31586b;border-bottom:1px solid #e1e6dc;justify-content:space-between;align-items:center;min-height:44px;padding:4px 12px;text-decoration:none;display:flex}