html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Avenir Next,Pretendard Variable,Noto Sans KR,sans-serif}body,#root{min-height:100vh}a{color:inherit}:root{--bg:#14110f;--panel:#221a14d1;--panel-strong:#231914;--line:#f2d5a738;--text:#f6ead8;--muted:#d0b89a;--accent:#f3b562;--accent-2:#77cbb9;--red:#d95c4f;--blue:#4f84d9;--shadow:0 24px 60px #00000061}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 0 0,#f3b56233,#0000 26%),radial-gradient(circle at 100% 100%,#77cbb91f,#0000 24%),linear-gradient(140deg,#0f0b09 0%,#171210 45%,#120f0d 100%);margin:0}button,input{font:inherit}.app-shell{min-height:100vh;padding:32px}.hero{grid-template-columns:minmax(0,1.5fr) minmax(320px,420px);gap:24px;margin-bottom:24px;display:grid}.hero-copy,.control-panel,.stage,.lobby-card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.hero-copy{border-radius:32px;padding:36px;position:relative;overflow:hidden}.hero-copy:after{content:"";pointer-events:none;border:1px solid #f3b5621f;border-radius:22px;position:absolute;inset:18px}.eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:12px}.hero h1{max-width:12ch;margin:0;font-family:Iowan Old Style,Noto Serif KR,Georgia,serif;font-size:clamp(3rem,6vw,5.7rem);line-height:.92}.lede{max-width:72ch;color:var(--muted);margin:20px 0 0;font-size:1.06rem;line-height:1.75}.hero-actions{gap:14px;margin-top:28px;display:flex}.hero-actions button,.match-row button{cursor:pointer;color:#1a120d;background:linear-gradient(135deg, var(--accent), #ffd9a8);border:0;border-radius:999px;padding:14px 22px;font-weight:700}.hero-actions button.ghost{color:var(--text);border:1px solid var(--line);background:#ffffff0f}.control-panel{border-radius:28px;padding:22px}.control-panel label{color:var(--muted);gap:10px;display:grid}.control-panel input{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff0d;border-radius:18px;padding:14px 16px}.status-pill{color:#d9fff5;background:#77cbb91f;border-radius:18px;margin:18px 0;padding:14px 16px}.match-meta{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.match-meta div{background:#ffffff0a;border-radius:18px;padding:14px}.match-meta span{color:var(--muted);margin-bottom:6px;font-size:.82rem;display:block}.layout{grid-template-columns:minmax(0,1.6fr) minmax(320px,420px);gap:24px;display:grid}.stage{border-radius:32px;padding:24px}.empty-stage{min-height:620px;color:var(--muted);border:1px dashed var(--line);border-radius:24px;place-items:center;display:grid}.board-shell{gap:16px;display:grid}.board-grid{background:linear-gradient(90deg,#20181299,#20181266),linear-gradient(135deg,#c79e67,#efd4a5);border-radius:28px;grid-template-columns:repeat(9,minmax(0,1fr));gap:0;padding:18px;display:grid;position:relative}.board-grid:before{content:"";background:linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 100% calc(100% / 10), linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0 / calc(100% / 9) 100%;pointer-events:none;border-radius:18px;position:absolute;inset:18px}.cell{aspect-ratio:1;background:0 0;border:0;place-items:center;display:grid;position:relative}.cell.selected:after{content:"";border:2px solid #fff7e6e6;border-radius:22px;position:absolute;inset:12%}.cell.legal:before{content:"";background:#77cbb929;border-radius:50%;position:absolute;inset:26%}.legal-dot{background:#1119;border-radius:50%;width:10px;height:10px}.piece{border:1px solid #30201747;border-radius:999px;place-items:center;width:78%;height:78%;padding-top:4px;display:grid;box-shadow:inset 0 4px 12px #ffffff4d,0 8px 16px #0003}.piece-red{color:#65231b;background:radial-gradient(circle at top,#f7dfcf,#eac1b5 42%,#d4978f 100%)}.piece-blue{color:#10284e;background:radial-gradient(circle at top,#deecff,#afc6ef 42%,#7a98d3 100%)}.piece-label{font-family:Iowan Old Style,Noto Serif KR,serif;font-size:clamp(1rem,1.8vw,1.45rem);font-weight:800;line-height:1}.piece-type{letter-spacing:.2em;text-transform:uppercase;font-size:10px}.board-caption,.match-footer{color:var(--muted);justify-content:space-between;gap:16px;display:flex}.match-footer{align-items:flex-start;margin-top:20px}.player-strip{flex-wrap:wrap;gap:12px;display:flex}.player-badge{background:#ffffff0d;border-radius:999px;padding:10px 14px}.player-badge.active{color:#fff5e6;background:#f3b56229}.history{background:#ffffff08;border-radius:22px;min-width:260px;padding:18px}.history h3{margin:0 0 12px}.history ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.history li{justify-content:space-between;gap:12px;font-size:.92rem;display:flex}.sidebar{gap:18px;display:grid}.lobby-card{border-radius:28px;padding:18px}.lobby-heading{margin-bottom:14px}.lobby-heading h2{margin:0 0 4px;font-size:1.08rem}.lobby-heading p{color:var(--muted);margin:0;font-size:.92rem}.lobby-list{gap:10px;display:grid}.match-row{background:#ffffff0a;border-radius:20px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.match-row strong,.match-row p,.match-row span{display:block}.match-row p{margin:6px 0 4px}.match-row span{color:var(--muted);font-size:.84rem}@media (width<=1080px){.hero,.layout{grid-template-columns:1fr}.match-footer{flex-direction:column}}@media (width<=760px){.app-shell{padding:18px}.hero-copy,.stage,.control-panel,.lobby-card{border-radius:24px}.hero h1{max-width:none}.piece{width:88%;height:88%}}