:root{color:#f2f0e8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--space:#071426;--panel:#131c2c;--panel-raised:#1b2940;--paper:#f2f0e8;--muted:#aebbd0;--line:#34445f;--mint:#8dd8d2;--coral:#e39a84;--yellow:#e7c65b;--lilac:#a9a6ff;--danger:#ef8c91;background:#071426;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--space)}body{background:var(--space);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{width:min(1180px,100% - 32px);min-height:100vh;margin:0 auto;padding:24px 0 56px}.header,.match-topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{color:var(--paper);background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:18px;display:inline-flex}.brand>span{background:var(--yellow);width:34px;height:34px;color:var(--space);border-radius:50%;place-items:center;display:grid}.brand-button{text-align:left}.ghost-button,.secondary-button,.danger-button{border:1px solid var(--line);background:var(--panel);color:var(--paper);border-radius:14px;padding:12px 18px;font-weight:800}.ghost-button:hover,.secondary-button:hover{border-color:var(--lilac)}.primary-button{border:1px solid var(--yellow);background:var(--yellow);color:var(--space);border-radius:14px;padding:14px 19px;font-weight:900}.danger-button{color:var(--danger)}.kicker{color:var(--yellow);letter-spacing:.16em;margin:0 0 12px;font-size:12px;font-weight:900}.hero{grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);align-items:center;gap:clamp(30px,6vw,82px);padding:clamp(58px,9vh,96px) 0 48px;display:grid}.hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,5vw,70px);line-height:1.04}.hero-copy>p:last-child{max-width:560px;color:var(--muted);margin:24px 0 0;font-size:17px;line-height:1.75}.hero-art-frame{border:1px solid var(--line);background:var(--panel);border-radius:30px;overflow:hidden}.hero-art{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.rules-panel{border:1px solid var(--lilac);background:var(--panel);border-radius:24px;grid-template-columns:.82fr 1.18fr;gap:28px;margin:0 0 30px;padding:clamp(22px,4vw,34px);display:grid}.rules-panel h2{letter-spacing:-.035em;margin:0;font-size:clamp(24px,3vw,34px)}.rules-panel ol{color:var(--muted);margin:0;padding-left:22px;line-height:1.75}.rules-panel li+li{margin-top:8px}.safe-play-note{color:var(--yellow);grid-column:2;margin:0;font-size:13px}.entry{border:1px solid var(--line);background:var(--panel);border-radius:28px;max-width:850px;margin:0 auto;padding:clamp(24px,4vw,42px)}.entry-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(27px,4vw,39px)}.entry-heading>p:last-child{color:var(--muted);margin:13px 0 25px;line-height:1.7}.name-field{color:var(--muted);gap:9px;font-size:13px;font-weight:800;display:grid}.name-field input,.join-box input{border:1px solid var(--line);background:var(--space);width:100%;color:var(--paper);border-radius:14px;outline:none;padding:15px 16px}.name-field input:focus,.join-box input:focus{border-color:var(--mint);outline:3px solid #8dd8d224}.resume-card,.ai-entry-card{border:1px solid var(--line);background:var(--panel-raised);width:100%;color:var(--paper);text-align:left;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.resume-card{border-color:var(--lilac);margin:0 0 18px}.resume-card span,.ai-entry-card span{gap:5px;display:grid}.resume-card small,.ai-entry-card small{color:var(--yellow);letter-spacing:.13em;font-size:10px;font-weight:900}.resume-card strong,.ai-entry-card strong{font-size:18px}.resume-card em{color:var(--lilac);letter-spacing:.12em;font-size:18px;font-style:normal;font-weight:900}.ai-entry-card{border-color:var(--mint);margin-top:16px}.ai-entry-card em{color:var(--muted);font-size:13px;font-style:normal}.ai-entry-card b{background:var(--mint);width:56px;height:56px;color:var(--space);border-radius:50%;flex:0 0 56px;place-items:center;display:grid}.entry-section-label{color:var(--muted);margin:25px 0 11px;font-size:12px;font-weight:900;display:block}.create-button{width:100%}.join-box{grid-template-columns:1.2fr 1fr .7fr;gap:9px;margin-top:10px;display:grid}.join-box button{border:1px solid var(--line);background:var(--panel-raised);color:var(--paper);border-radius:14px;font-weight:850}.error-banner{z-index:20;border:1px solid var(--danger);background:var(--panel);width:min(560px,100% - 28px);color:var(--paper);border-radius:14px;justify-content:space-between;padding:14px 16px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.error-banner span{color:var(--danger);font-weight:900}.match-page{width:min(1280px,100% - 28px)}.match-heading,.room-heading{justify-content:space-between;align-items:end;gap:28px;padding:46px 0 24px;display:flex}.match-heading h1,.room-heading h1{letter-spacing:-.05em;margin:0;font-size:clamp(31px,4.8vw,56px);line-height:1.05}.match-heading p:last-child,.room-heading p:last-child{color:var(--muted);margin:13px 0 0}.ai-status{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:9px;padding:9px 13px;font-size:13px;font-weight:800;display:flex}.ai-status i{background:var(--mint);border-radius:50%;width:9px;height:9px}.ai-status.is-thinking{border-color:var(--yellow);color:var(--paper)}.ai-status.is-thinking i{background:var(--yellow);animation:.7s steps(2,end) infinite signal}.code-badge{border:1px solid var(--lilac);background:var(--panel);min-width:150px;color:var(--paper);text-align:left;border-radius:16px;gap:4px;padding:12px 16px;display:grid}.code-badge small{color:var(--muted);letter-spacing:.12em;font-size:10px;font-weight:900}.code-badge strong{color:var(--lilac);letter-spacing:.11em;font-size:20px}.seat-row{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;margin-bottom:18px;display:grid}.seat{border:1px solid var(--line);background:var(--panel);border-radius:18px;align-items:center;gap:13px;padding:13px 15px;display:flex}.seat.is-active{border-color:var(--yellow)}.seat.is-disconnected{opacity:.58}.seat-mark{width:44px;height:44px;color:var(--space);border-radius:50%;flex:0 0 44px;place-items:center;font-weight:950;display:grid}.seat-mint .seat-mark{background:var(--mint)}.seat-coral .seat-mark{background:var(--coral)}.seat>div{gap:2px;display:grid}.seat small{color:var(--muted);letter-spacing:.13em;font-size:9px;font-weight:900}.seat strong{font-size:16px}.seat div>span{color:var(--muted);font-size:12px}.versus{color:var(--yellow);align-self:center;font-size:12px;font-weight:950}.lobby-panel{border:1px solid var(--line);background:var(--panel);border-radius:26px;grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);display:grid;overflow:hidden}.lobby-panel>img{object-fit:cover;width:100%;height:100%;min-height:440px}.lobby-copy{padding:clamp(26px,5vw,52px)}.lobby-copy h2{letter-spacing:-.045em;margin:0;font-size:clamp(29px,4vw,44px)}.lobby-copy>p:not(.kicker,.watcher-list){color:var(--muted);line-height:1.7}.role-options{border:0;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0 0;padding:0;display:grid}.role-options button{border:1px solid var(--line);background:var(--space);color:var(--paper);border-radius:13px;padding:12px 8px;font-weight:850}.role-options button[aria-pressed=true]{border-color:var(--yellow);color:var(--yellow)}.watcher-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);gap:5px;margin:22px 0;padding:17px 0;font-size:13px;display:grid}.watcher-list strong{color:var(--paper)}.lobby-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.waiting-copy{color:var(--muted);margin:0;font-size:13px}.lobby-exit-button{margin-left:auto}.reconnect-banner{border:1px solid var(--yellow);background:var(--panel);color:var(--muted);border-radius:14px;justify-content:space-between;gap:20px;margin:0 0 14px;padding:13px 16px;font-size:13px;display:flex}.reconnect-banner strong{color:var(--yellow)}.match-footer-actions{justify-content:flex-end;align-items:center;gap:10px;padding:16px 0;display:flex}.match-footer-actions p{color:var(--muted);margin:0 auto 0 0;font-size:13px}.loading-screen{background:var(--space);min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:15px;display:grid}.orbital-loader{border:5px solid var(--line);border-top-color:var(--yellow);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes signal{50%{opacity:.35}}@keyframes action-status-pop{0%{opacity:0;transform:translateY(5px)scale(.97)}}@keyframes player-check{45%{border-color:var(--mint);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--mint), transparent 72%)}}@keyframes chip-flight{0%{opacity:0;transform:translate(calc(-50% + var(--flight-x)), 38px) scale(.7)}18%{opacity:1}72%{opacity:1;transform:translate(-50%,-9px)scale(1.05)}to{opacity:0;transform:translate(-50%,3px)scale(.82)}}@keyframes chip-wobble{to{transform:translateY(-5px)rotate(10deg)}}@keyframes pot-receive{55%{transform:translateY(-4px)scale(1.12)}}@keyframes card-fold{55%{opacity:.35;transform:translateY(26px)rotate(-16deg)scale(.88)}}@keyframes card-reveal{0%{opacity:0;transform:rotateY(80deg)scale(.9)}}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:54px}.hero-art-frame{grid-row:1}.rules-panel{grid-template-columns:1fr}.safe-play-note{grid-column:1}.lobby-panel{grid-template-columns:1fr}.lobby-panel>img{min-height:0;max-height:390px}.table-surface{grid-template-columns:1fr 100px 1fr;padding-inline:20px}}@media (max-width:660px){.shell,.match-page{width:min(100% - 22px,1180px);padding-top:15px}.hero{gap:26px;padding:38px 0 34px}.hero h1{font-size:clamp(37px,11vw,48px)}.hero-art-frame,.entry,.poker-table,.lobby-panel{border-radius:21px}.join-box{grid-template-columns:1fr 1fr}.join-box input{grid-column:1/-1}.match-heading,.room-heading{flex-direction:column;align-items:start;padding-top:36px}.code-badge{width:100%}.seat-row{grid-template-columns:1fr}.versus{display:none}.table-surface{grid-template-columns:1fr 72px 1fr;gap:4px;min-height:320px;padding:22px 8px}.player-zone{min-width:0;padding:9px 5px}.card-stage{min-height:160px;padding-top:23px}.avatar-disc{width:96px;height:96px;font-size:23px}.playing-card{border-width:4px;border-radius:10px;width:73px;height:103px;padding:5px}.playing-card small{font-size:11px}.playing-card strong{font-size:42px}.player-caption{flex-direction:column;align-items:start}.player-caption strong{max-width:105px;font-size:14px}.pot-zone{padding:17px 5px}.pot-zone strong{font-size:17px}.bet-flight{--flight-x:-94px}.bet-flight.from-coral{--flight-x:94px}.round-head{grid-template-columns:74px 1fr 74px;padding-inline:12px}.round-head p{font-size:12px}.round-head strong{font-size:18px}.decision-copy{flex-direction:column;align-items:start}.action-buttons{grid-template-columns:repeat(2,1fr)}.result-strip{flex-direction:column;align-items:stretch}.reconnect-banner{flex-direction:column;gap:4px}.role-options{grid-template-columns:1fr}.lobby-actions{flex-direction:column;align-items:stretch}.lobby-exit-button{width:100%;margin-left:0}}.chess-intro{justify-content:space-between;align-items:center;gap:24px;padding:40px 0 28px;display:flex}.chess-intro h1{letter-spacing:-.04em;margin:6px 0 12px;font-size:clamp(34px,5vw,56px)}.chess-intro p{max-width:580px;color:var(--muted);line-height:1.7}.intro-pieces{color:var(--mint);white-space:nowrap;font-family:Segoe UI Symbol,DejaVu Sans,serif;font-size:clamp(60px,10vw,116px)}.chess-intro+.entry,.entry{max-width:850px;margin:0 auto 40px}.entry-heading h2{font-size:clamp(23px,3vw,30px)}.kicker,.entry-section-label,.ai-entry-card small,.seat small{font-size:12px}.ai-entry-card em,.name-field span,.entry-heading p,.seat span,.waiting-copy,.watcher-list{font-size:14px}.chess-match-title{justify-content:space-between;align-items:center;gap:16px;margin:26px 0 20px;display:flex}.chess-match-title h1{margin:3px 0;font-size:30px}.chess-game{grid-template-columns:minmax(0,690px) minmax(230px,1fr);align-items:start;gap:26px;display:grid}.board-column{min-width:0}.board-status{border:1px solid var(--line);background:var(--panel);border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;gap:10px;padding:16px;font-weight:800;display:flex}.board-status small{white-space:nowrap;color:var(--muted);font-size:14px}.board-status.in-check{color:var(--yellow)}.chess-board{border:7px solid var(--panel-raised);aspect-ratio:1;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;display:grid}.square{aspect-ratio:1;cursor:pointer;border:0;border-radius:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.light-square{color:#264c4a;background:#d5e4db}.dark-square{color:#f0f3e9;background:#537b76}.square:focus-visible{z-index:2;outline:4px solid var(--yellow);outline-offset:-4px}.square.last-square{background:#a9ae61}.square.selected-square{background:#e8c966}.square.check-square{background:#df826c}.chess-piece{z-index:1;pointer-events:none;font-family:Segoe UI Symbol,DejaVu Sans,"Noto Sans Symbols 2",serif;font-size:clamp(28px,5.5vw,64px);line-height:1;position:relative}.piece-w{color:#fffdf2;-webkit-text-stroke:1.3px #233b40}.piece-b{color:#172b32;-webkit-text-stroke:.5px #f0f2e6}.chess-piece.just-moved{animation:.22s ease-out chess-place}.rank-label,.file-label{z-index:3;pointer-events:none;font-size:12px;font-weight:800;position:absolute}.rank-label{top:2px;left:3px}.file-label{bottom:1px;right:4px}.move-marker{pointer-events:none;background:#183d3b80;border-radius:50%;width:24%;height:24%;position:absolute}.capture-marker{pointer-events:none;border:4px solid #183d3b90;border-radius:50%;position:absolute;inset:2px}.board-tools{justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.board-tools p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.board-tools button{flex-shrink:0;font-size:14px}.chess-sidebar{border:1px solid var(--line);background:var(--panel);border-radius:20px;overflow:hidden}.chess-notes,.chess-hint,.chess-result{padding:22px}.chess-notes h2,.chess-result h2{margin:8px 0;font-size:24px}.chess-notes p,.chess-hint p,.chess-result p{color:var(--muted);margin:6px 0;line-height:1.65}.move-history{border-block:1px solid var(--line);max-height:320px;overflow-y:auto}.history-head,.history-row{font-variant-numeric:tabular-nums;grid-template-columns:45px 1fr 1fr;gap:12px;padding:10px 18px;display:grid}.history-head{background:var(--panel-raised);color:var(--muted);font-size:14px;position:sticky;top:0}.history-row:nth-child(odd){background:var(--panel-raised)}.history-row>:first-child{color:var(--muted)}.history-row:last-child{color:var(--yellow)}.empty-history{color:var(--muted);padding:20px;font-size:14px}.chess-hint p{font-size:14px}.chess-result{border-top:2px solid var(--yellow)}.promotion-picker{border:2px solid var(--yellow);background:var(--panel);flex-wrap:wrap;gap:8px;padding:16px;display:flex}.promotion-picker legend{color:var(--yellow);font-size:16px}.promotion-picker button{background:var(--panel-raised);border:1px solid var(--line);color:var(--paper);border-radius:10px;gap:6px;padding:10px 15px;display:grid}.promotion-picker button span{font-family:Segoe UI Symbol,serif;font-size:34px}.ai-error{color:var(--yellow);align-items:center;gap:20px;padding:15px;display:flex}.lobby-chess-art{background:var(--space);min-height:260px;color:var(--paper);flex-wrap:wrap;place-content:center;display:flex}.lobby-chess-art>span{font:110px Segoe UI Symbol,serif}.lobby-chess-art>span:nth-child(2){color:var(--coral)}.lobby-chess-art p{text-align:center;letter-spacing:.12em;width:100%;font-size:12px}@keyframes chess-place{0%{opacity:.55;transform:translateY(-8px)scale(.88)}to{opacity:1;transform:none}}@media (max-width:800px){.chess-game{grid-template-columns:1fr;gap:20px}.chess-piece{font-size:clamp(26px,8.5vw,67px)}.chess-sidebar{grid-template-columns:1fr 1fr;display:grid}.move-history{border-left:1px solid var(--line);grid-area:1/2/3;max-height:250px}.chess-hint,.chess-result{grid-column:1}.chess-notes,.chess-hint,.chess-result{padding:15px}}@media (max-width:520px){.chess-intro{gap:8px;padding-top:20px}.intro-pieces{max-width:60px;font-size:55px;overflow:hidden}.chess-intro h1{font-size:34px}.entry{padding:22px 18px}.chess-board{border-width:4px}.board-status{padding:13px 10px;font-size:14px}.chess-match-title h1{font-size:24px}.rank-label,.file-label{font-size:10px}.seat-row{grid-template-columns:1fr 1fr;gap:8px}.seat{gap:8px;padding:10px}.seat-mark{display:none}.seat strong{font-size:16px}.seat span{font-size:12px}.chess-sidebar{display:block}.move-history{max-height:180px}}.chess-board .chess-piece{object-fit:contain;width:85%;height:85%}.piece-credit{color:var(--muted);text-align:right;padding:12px 0;font-size:12px}.piece-credit a{color:inherit}.intro-pieces{align-items:center;gap:4px;display:flex}.intro-pieces img{object-fit:contain}@media (max-width:520px){.intro-pieces{max-width:none;overflow:visible}.intro-pieces img:first-child{width:72px;height:72px}.intro-pieces img:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
