/* Reuse the native 800×600 channel-select frame for the web mode entry. */
.mode-entry{position:fixed;z-index:8;left:50%;top:50%;width:800px;height:600px;transform:translate(-50%,-50%) scale(var(--lobby-scale));transform-origin:center;background:#292b29 url('./assets/ui/first.png') no-repeat;font:12px/1.6 Dotum,"돋움",Arial,sans-serif;box-shadow:0 0 0 100vmax #101310;color:#bac1b1}
.mode-entry-choices{position:absolute;left:32px;top:75px;width:253px;height:438px;padding:10px 12px;background:#000}
.mode-entry h1{margin:0;color:#0f0;font-size:16px;font-weight:400}.mode-entry-caption{margin:3px 0 24px;color:#8f9b83;font-size:11px;letter-spacing:2px}
.mode-entry .mode-entry-choice{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;min-height:76px;padding:10px;border:3px ridge #74766b;border-radius:0;background:linear-gradient(#a92424,#620900 46%,#830b04 50%,#9d1a17);color:#e5c0b5;text-shadow:1px 1px #300;box-shadow:0 2px 10px #000}
.mode-entry-choice strong{font-size:18px;font-weight:400;letter-spacing:1px}.mode-entry-choice span{font:10px Arial,sans-serif;letter-spacing:2px;color:#d2a99c}.mode-entry-choice:hover:enabled{filter:brightness(1.25)}.mode-entry-choice:disabled{opacity:.45;cursor:wait}.mode-entry-choice:focus-visible{outline:2px solid #ffff00;outline-offset:4px}
.mode-entry-description{margin:8px 0 24px;font-size:11px;line-height:19px;color:#aab69e}
.mode-entry-information{position:absolute;left:340px;top:76px;width:425px;height:375px;background:#000;padding:9px 12px}.mode-entry-information h2{font-size:14px;color:#0f0;font-weight:400;margin:0 0 16px}.mode-entry-information>img{display:block;width:401px;height:218px;object-fit:cover;border:1px solid #4e6450;image-rendering:auto}.mode-entry-rules{display:flex;flex-direction:column;gap:8px;margin-top:14px}.mode-entry-rules p{display:flex;flex-direction:column;gap:2px;margin:0;font-size:11px}.mode-entry-rules strong{color:#0f0;font-weight:400}.mode-entry-rules span{color:#a7b09c}
.mode-entry-status{position:absolute;left:339px;top:494px;width:423px;margin:0;background:#090d08;color:#0f0;padding:0 6px;font-size:11px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Cover online-only channel search and buttons drawn into the native texture. */
.mode-entry-footer{position:absolute;left:21px;top:543px;width:758px;height:43px;padding:10px 18px;background:linear-gradient(#3b3e36,#242820 50%,#32382b);border:3px ridge #6f7469;color:#aebba4;text-align:center;font-size:11px}
.lobby-mode-choice{position:absolute;left:593px;top:312px;width:180px;min-height:25px;padding:2px 6px;border:2px ridge #717568;background:#20261d;color:#c2ceb5;font-size:10px}.lobby-mode-choice:hover{background:#344b2b;color:#fff}