.online-entry{width:410px;max-width:100%;margin-top:8px;display:flex;justify-content:space-between;gap:10px;padding:13px 18px;background:#293b38;color:#d7e8d8;border:1px solid #799987;border-radius:5px;font-size:11px;font-weight:700}.online-entry span{font-size:8px;letter-spacing:1px;align-self:center}.online-entry:hover{background:#354e46}
@media(min-width:901px) and (max-height:850px){body:not(.playing):not(.online) #app{min-height:850px}}
@media(max-height:550px) and (orientation:landscape){body:not(.playing):not(.online) #app{min-height:760px}}
#online-dialog{width:min(480px,94vw);padding:30px}.online-intro{font-size:12px;line-height:1.7;color:#c2b6c5}.online-small{font-size:10px;line-height:1.7;color:#b5a8bc}.online-tabs{display:flex;gap:6px;margin:20px 0}.online-tabs button{flex:1;padding:12px 6px;border:1px solid #79637e;border-radius:5px;background:#262331;color:#b5a8bc;font-size:11px}.online-tabs button[aria-pressed=true]{background:#bfaa80;color:#221d2a;border-color:#e4ca95}#room-form label{display:block;font-size:11px;color:#d2c2d3;margin-top:13px}#room-form input:not([type=checkbox]),#room-form select,#room-invite{display:block;width:100%;min-height:44px;margin-top:6px;padding:10px 12px;color:#eee1da;background:#201d2a;border:1px solid #75627c;border-radius:5px;font:16px 'DM Sans',sans-serif}#room-form select{font-size:13px}#room-form .pass-toggle{display:flex;align-items:center;gap:8px;font-size:10px}#room-error{font-size:12px;color:#f3b7a1;line-height:1.6;min-height:18px}#room-form .primary{margin-top:10px}#online-bar{position:absolute;z-index:10;top:79px;left:32px;right:32px;display:flex;align-items:center;gap:16px;font-size:10px;color:#d5c9dc;background:#201c29eb;border:1px solid #6b586b99;border-radius:5px;padding:6px 12px;min-height:36px}#online-bar button{border:0;background:transparent;color:#e5c896;font-size:10px;min-height:30px;padding:4px}#online-bar #room-leave{margin-left:auto;color:#c1adb9}#room-id{letter-spacing:2px;margin-left:4px}#online-status{font-size:9px}
.online #lobby,.online #scene-note,.online #customize,.online #touch-controls,.online #save-quit,.online #menu,.online footer .control-card:last-child{display:none!important}.online .hud{top:135px}.online #puzzle-hud{top:235px}.online footer{justify-content:center}.online #wait-title{font-size:36px}.online #app{min-height:100svh}.online .vignette{background:linear-gradient(0deg,#15121a77,transparent 45%,#17131d33)}
#online-wait{position:absolute;top:145px;left:6%;width:min(450px,88%);padding:25px 28px;background:#201d2bed;border:1px solid #8b71877a;border-radius:8px;z-index:5;max-height:calc(100svh - 165px);overflow:auto;color:#eee0d8;box-shadow:0 25px 65px #0005}#wait-chapter{font-size:12px;color:#d3b98e}#wait-help{font-size:12px;line-height:1.8;color:#c7b9ca}.room-seats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.room-seats>div{padding:14px 10px;border:1px solid #66877877;border-radius:5px;background:#2a3b37}.room-seats>div+div{background:#3a2c37;border-color:#ae828b77}.room-seats b{display:block;color:#cbe8da;font-size:10px;letter-spacing:.7px}.room-seats>div+div b{color:#ebc0bb}.room-seats span{display:block;font-size:11px;margin-top:9px;color:#cdbfce}#room-invite{font-size:11px;min-height:37px}.wait-actions{display:flex;gap:10px;margin-top:16px}.wait-actions .primary{flex:1;font-size:11px;padding:14px 12px;width:auto}.wait-actions button:disabled{cursor:default;opacity:.45}
#online-touch{display:none;position:absolute;inset:auto max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));align-items:flex-end;justify-content:space-between;z-index:6;pointer-events:none}.online.touch-enabled #online-touch{display:flex}#online-stick{position:relative;width:112px;height:112px;flex-shrink:0;background:#242a35bb;border:1px solid #b8c6ba99;border-radius:50%;pointer-events:auto;touch-action:none;user-select:none;box-shadow:inset 0 0 30px #0005}#stick-knob{position:absolute;left:36px;top:36px;width:40px;height:40px;border-radius:50%;background:#bad1b5cc;border:1px solid #eff3df;pointer-events:none}#online-stick small{position:absolute;bottom:9px;width:100%;text-align:center;color:#c5d2c6;font-size:8px;letter-spacing:2px;pointer-events:none}.online-actions{display:grid;grid-template-columns:64px 72px;grid-template-rows:52px 58px;gap:7px;pointer-events:auto}.online-actions button{color:#efe1ce;border:1px solid #ad8c83;border-radius:12px;background:#3a2e39db;touch-action:none;font-size:10px;font-weight:700;user-select:none}.online-actions small{display:block;font-size:7px;font-weight:400;margin-top:4px}.online-actions [data-net-action=jump]{grid-column:2;grid-row:1/3;background:#ac9468;color:#201d28;font-size:12px}.online-actions [data-net-action=pull]{grid-column:1;grid-row:2}.online-actions [data-net-action=lure]{grid-column:1;grid-row:1}.online-actions button.pressed{background:#d6be8d;color:#201d28;transform:scale(.96)}
@media(max-width:700px){#online-bar{left:12px;right:12px;top:62px;gap:8px;flex-wrap:wrap;padding:5px 8px}#online-bar #online-status{order:3;width:100%;font-size:8px;padding-bottom:3px}.online header{padding:13px}.online .hud{top:143px}.online .threat{padding:8px 12px}.online #puzzle-hud{top:267px;font-size:9px}.online #wait-title{font-size:29px}#online-wait{top:142px;left:5%;width:90%;padding:22px;max-height:calc(100svh - 162px)}.online #toast{top:250px}.online .room-tip{bottom:175px;font-size:8px;padding:8px;max-width:85%}.online.touch-enabled.playing .tether-hud{bottom:143px}.online #rescue-hud{bottom:207px}.online-entry{font-size:10px;padding:12px}.online-entry span{font-size:7px}#online-dialog{padding:26px 23px}.online footer{display:none}.online .modal{max-height:calc(100svh - 160px);overflow:auto;margin-top:90px}}
@media(max-height:550px) and (orientation:landscape){#online-bar{top:52px;left:16px;right:16px;min-height:29px;padding:2px 8px;flex-wrap:nowrap}#online-bar #online-status{order:0;width:auto;padding:0}.online .hud{top:93px;left:16px;right:16px}.online .route-info{padding:7px 12px;min-width:170px;flex:0}.online .progress{margin:6px 0}.online .threat{padding:8px 12px}.online #puzzle-hud{top:165px;left:50%;transform:translateX(-50%);width:280px;max-width:280px;padding:9px 12px}.online #puzzle-hud span{margin:4px 0}.online #online-wait{top:98px;left:50%;transform:translateX(-50%);width:470px;max-height:calc(100svh - 110px);padding:16px 22px}.online #wait-title{font-size:25px;margin:8px 0}.online .room-seats{margin:12px 0}.online .room-tip{bottom:45px;max-width:40%;font-size:7px}.online.touch-enabled.playing .tether-hud{bottom:8px}.online #rescue-hud{bottom:110px;max-width:45%;font-size:8px}.online #toast{top:150px;max-width:43%;font-size:9px}.online .modal{margin-top:70px;max-height:calc(100svh - 100px);padding:18px 25px}.online .modal h2{font-size:24px}.online .modal .primary{padding:10px}.online .modal p{font-size:10px}.online .modal .modal-icon{display:none}#online-touch{bottom:14px}#online-stick{width:100px;height:100px}#stick-knob{left:30px;top:30px}.online-actions{grid-template-columns:60px 67px;grid-template-rows:44px 49px}.online .header-right .pill{height:30px}}