.nav-root{position:sticky;top:0;z-index:100;height:var(--nav-height);background:#0a0a0ce0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline)}.nav-inner{max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:40px}.nav-brand{display:flex;align-items:baseline;gap:6px;font-family:var(--font-display);font-size:21px;font-weight:700;white-space:nowrap}.nav-brand-main{color:var(--ink)}.nav-brand-slash{color:var(--red-bright);font-style:italic}.nav-brand-sub{color:var(--gold-soft);font-style:italic}.nav-links{display:flex;align-items:center;flex:1;gap:22px}.nav-item-wrap{display:flex;align-items:center;gap:22px}.nav-sep{margin-right:0}.nav-link{font-size:14.5px;color:var(--ink-dim);font-weight:500;padding:6px 2px;position:relative;transition:color .15s ease}.nav-link:hover,.nav-link-active{color:var(--ink)}.nav-link-active:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--red-bright)}.nav-cta{display:flex;align-items:center;gap:10px;padding:10px 22px 10px 14px;border-radius:999px;background:linear-gradient(160deg,var(--red-primary),var(--red-wine));border:1px solid var(--gold);font-family:var(--font-display);font-weight:700;font-size:16px;color:#fff;white-space:nowrap;box-shadow:0 4px 18px #a41e2a59;transition:transform .15s ease,box-shadow .15s ease}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 24px #d6303f80}.nav-cta-seal{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e14a56,var(--red-wine));border:1px solid var(--gold-soft);display:flex;align-items:center;justify-content:center;font-size:11px}.nav-cta-seal-mark{color:var(--gold-soft)}@media (max-width: 860px){.nav-links{display:none}.nav-inner{justify-content:space-between}}.page-title{font-size:34px;margin-bottom:10px}.page-sub{color:var(--ink-dim);font-size:14.5px;margin-bottom:36px}.error-text{color:var(--red-bright);font-size:14px}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.game-card{padding:0;overflow:hidden;display:block;transition:border-color .15s ease,transform .15s ease}.game-card:hover{border-color:var(--gold);transform:translateY(-2px)}.game-card-thumb{height:140px;background:var(--black-elev);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);border-bottom:1px solid var(--hairline)}.game-card-body{padding:18px}.game-card-body h3{font-size:17px;margin-bottom:8px}.game-card-body p{font-size:13px;color:var(--ink-dim);line-height:1.6;margin:0 0 12px}.game-card-meta{font-family:var(--font-mono);font-size:11px;color:var(--gold-soft)}.back-link{display:inline-block;font-size:13px;color:var(--ink-dim);margin-bottom:20px}.back-link:hover{color:var(--gold-soft)}.detail-thumb{height:260px;border-radius:var(--radius-md);background-size:cover;background-position:center;border:1px solid var(--hairline);margin-bottom:24px}.detail-desc p{font-size:14.5px;line-height:1.85;color:var(--ink);margin:0 0 12px}.detail-desc p:last-child{margin-bottom:0}.detail-meta-row{display:flex;gap:14px;margin-top:18px}.detail-meta-item{flex:1}.room-root{height:100vh;width:100vw;display:grid;grid-template-columns:64px 1fr 84px;background:var(--black-void);overflow:hidden}.room-loading{height:100vh;display:flex;align-items:center;justify-content:center;color:var(--ink-dim);background:var(--black-void)}.room-side-left{display:flex;flex-direction:column;align-items:center;padding-top:20px;border-right:1px solid var(--hairline);background:var(--black-panel)}.settings-key-btn{width:44px;height:44px;border-radius:50%;background:linear-gradient(160deg,var(--red-primary),var(--red-wine));border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.settings-key-btn:hover{transform:rotate(25deg)}.settings-key-icon{font-size:19px;color:#fff}.settings-drawer{position:fixed;top:0;left:64px;bottom:0;width:320px;z-index:50;padding:18px;background:#0a0a0c99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.settings-panel{height:100%;display:flex;flex-direction:column;padding:0;overflow:hidden}.settings-panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--hairline)}.settings-panel-head h3{font-size:16px;color:var(--gold-soft)}.settings-close{font-size:14px;color:var(--ink-dim)}.settings-close:hover{color:var(--ink)}.settings-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:10px 14px;border-bottom:1px solid var(--hairline)}.settings-tab{font-size:12px;padding:6px 10px;border-radius:999px;color:var(--ink-dim);border:1px solid transparent}.settings-tab:hover{color:var(--ink)}.settings-tab-active{color:var(--ink);border-color:var(--gold);background:var(--black-elev)}.settings-body{flex:1;overflow-y:auto;padding:16px 18px}.settings-section{display:flex;flex-direction:column;gap:4px}.mini-label{font-size:11.5px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.player-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--hairline);gap:10px}.player-name{font-size:13.5px}.player-status{font-size:11px;color:var(--ink-faint)}.layer-list{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto;margin-bottom:12px}.layer-row{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;font-size:12.5px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;color:var(--ink-dim)}.layer-row:hover{background:var(--black-elev)}.layer-row-active{border-color:var(--gold);color:var(--ink)}.layer-del{font-size:11px;color:var(--red-bright)}.layer-editor{border-top:1px solid var(--hairline);padding-top:12px;margin-top:6px}.room-center{display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}.board-wrap{position:relative;width:100%;height:100%;max-width:1400px;max-height:900px;aspect-ratio:1400 / 900;border-radius:var(--radius-md);border:1px solid var(--hairline);overflow:hidden;box-shadow:0 0 60px #00000080}.board-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.magnifier-overlay{pointer-events:none}.screen-block-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#060607f7;display:flex;align-items:center;justify-content:center}.screen-block-msg{display:flex;align-items:center;gap:12px;color:var(--gold-soft);font-family:var(--font-display);font-style:italic;font-size:16px}.room-side-right{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 0 24px;border-left:1px solid var(--hairline);background:var(--black-panel)}.timer-display{display:flex;align-items:center;gap:6px;flex-direction:column}.timer-dot{width:7px;height:7px;border-radius:50%;background:var(--ink-faint)}.timer-dot-live{background:var(--red-bright);box-shadow:0 0 8px var(--red-glow)}.timer-text{font-family:var(--font-mono);font-size:14px;color:var(--ink);writing-mode:vertical-rl;letter-spacing:.05em}.magnifier-control{display:flex;flex-direction:column;align-items:center;gap:14px;flex:1;justify-content:center}.magnifier-toggle{width:38px;height:38px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;font-size:14px}.magnifier-slider-track{height:160px;width:24px;display:flex;align-items:center;justify-content:center}.magnifier-slider{width:140px;transform:rotate(-90deg);accent-color:var(--red-bright)}.magnifier-zoom-label{font-family:var(--font-mono);font-size:10.5px;color:var(--gold-soft)}.exit-btn{font-size:12.5px;color:var(--ink-dim);padding:8px 14px;border:1px solid var(--hairline);border-radius:var(--radius-sm);writing-mode:vertical-rl}.exit-btn:hover{color:var(--red-bright);border-color:var(--red-bright)}:root{--black-void: #0a0a0c;--black-panel: #16151a;--black-elev: #201e24;--black-elev-2: #29262e;--hairline: rgba(176, 141, 87, .22);--hairline-strong: rgba(176, 141, 87, .45);--red-wine: #6e1119;--red-primary: #a41e2a;--red-bright: #d6303f;--red-glow: rgba(214, 48, 63, .35);--gold: #b08d57;--gold-soft: #c9ab7a;--ink: #ece6da;--ink-dim: #9a9088;--ink-faint: #6b655f;--font-display: "Playfair Display", "Noto Serif KR", serif;--font-body: "Inter", "Pretendard", -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--nav-height: 68px;--radius-sm: 4px;--radius-md: 8px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--black-void);background-image:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(164,30,42,.12),transparent),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0px,transparent 1px,transparent 2px);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:.01em;margin:0;color:var(--ink)}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:var(--font-body);background:var(--black-elev);border:1px solid var(--hairline);color:var(--ink);border-radius:var(--radius-sm);padding:10px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b08d5726}.diamond-divider{display:inline-block;width:5px;height:5px;background:var(--gold);transform:rotate(45deg);opacity:.6}.page{max-width:1100px;margin:0 auto;padding:64px 24px 100px}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:14px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:20px;height:1px;background:var(--gold);display:inline-block}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;transition:all .15s ease;border:1px solid var(--hairline);background:var(--black-elev);color:var(--ink)}.btn:hover{border-color:var(--gold);background:var(--black-elev-2)}.btn-primary{background:linear-gradient(160deg,var(--red-primary),var(--red-wine));border:1px solid var(--red-bright);color:#fff}.btn-primary:hover{box-shadow:0 0 0 3px var(--red-glow)}.btn-ghost{background:transparent;border:1px solid var(--hairline)}.card{background:var(--black-panel);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:22px}.scrollbar-slim::-webkit-scrollbar{width:6px}.scrollbar-slim::-webkit-scrollbar-thumb{background:var(--hairline-strong);border-radius:3px}