@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&family=Noto+Serif+KR:wght@600;700;900&display=swap";.board-frame{position:relative;isolation:isolate;transition:border-color .25s,box-shadow .25s}.board-frame.my-turn{border-color:#c1d89c;box-shadow:0 0 0 2px #b4d28c40,0 9px 26px #070d0959}.board-frame.king-in-check{border-color:#e49178;box-shadow:0 0 0 2px #e4917850,0 9px 26px #070d0959}.board-frame.turn-arrived{animation:turn-arrival .8s ease-out 2}.turn-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:43px;margin:0 0 12px;padding:10px 14px;border:1px solid #43503e;border-radius:10px;background:#253027;color:#c3cbb9}.turn-banner>strong{display:flex;align-items:center;gap:9px;font-size:14px;white-space:nowrap}.turn-banner>span{font-size:13.5px;line-height:1.5;text-align:right}.turn-banner.is-mine{background:#34482c;border-color:#92ac73;color:#e2f3cb}.turn-banner.is-check{background:#492f26;border-color:#c98369;color:#ffdcc6}.turn-banner.is-complete{background:#3b3827;border-color:#a59c62;color:#f2e6b5}.turn-banner .turn-indicator{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:currentColor}.player-strip.player-active .turn-label{background:#bdd8a8;color:#203221;font-weight:700}.player-strip.self.player-active strong{color:#dcedc7}.turn-label{white-space:nowrap}.turn-label.turn-arrived{animation:label-arrival .8s ease-out 2}.game-effects{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:2;padding:16px;overflow:hidden;border-radius:inherit}.game-announcement{position:relative;display:flex;align-items:center;gap:17px;max-width:100%;padding:22px 28px;color:#f7edce;background:linear-gradient(120deg,#243929f5,#13241df5);border:1px solid #d0c48f;border-radius:15px;box-shadow:0 14px 44px #0e170b60,0 0 0 5px #efe3b318;animation:announcement-in .3s cubic-bezier(.16,1,.3,1) both}.effect-seal{display:grid;place-items:center;flex-shrink:0;width:64px;height:64px;border:2px solid currentColor;border-radius:13px;color:#d9d29e;font:700 38px var(--serif);transform:rotate(-8deg)}.effect-copy{display:flex;flex-direction:column;min-width:0}.effect-caption{display:flex;align-items:center;gap:6px;font-size:13px;letter-spacing:2px;color:#d8cfb5}.effect-copy>strong{font-family:var(--serif);font-size:clamp(24px,4vw,35px);letter-spacing:-1px;line-height:1.5;margin:5px 0 4px;overflow-wrap:anywhere}.effect-detail{font-size:14px;line-height:1.7;color:#e1ddc9;word-break:keep-all;overflow-wrap:anywhere}.effect-check{background:linear-gradient(120deg,#743e2af7,#44271ef7);border-color:#f3bc85}.effect-check .effect-seal{color:#ffd4a0;border-color:#efb88b}.effect-escape{background:linear-gradient(120deg,#315549f7,#1d392ff7);border-color:#bcdcb0}.effect-escape .effect-seal{color:#d5eabc}.effect-win{background:linear-gradient(120deg,#65512cf7,#35321cf7);border-color:#f0d58e}.effect-win .effect-seal{color:#ffe4a0}.effect-loss{background:linear-gradient(120deg,#3e404bf7,#292c35f7);border-color:#b9bac3}.effect-loss .effect-seal{color:#d4d5de}.effect-turn,.effect-pass{align-self:start;margin-top:18px;padding:13px 19px;gap:12px;border-color:#c6dca9}.effect-turn .effect-seal,.effect-pass .effect-seal{width:40px;height:40px;font-size:25px;border-radius:9px}.effect-turn .effect-copy>strong,.effect-pass .effect-copy>strong{font-family:inherit;font-size:21px;margin:0 0 2px}.effect-turn .effect-caption,.effect-pass .effect-caption{display:none}.move-impact{fill:none;stroke:#587f39;stroke-width:3;pointer-events:none;transform-box:fill-box;transform-origin:center;animation:stone-impact .65s ease-out both}.move-impact.capture-impact{stroke:#b76536;stroke-width:4}.victory-sparks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.victory-sparks i{position:absolute;left:50%;top:50%;width:5px;height:10px;border-radius:1px;background:#efda91;transform:rotate(calc(var(--spark)*30deg)) translateY(-70px);animation:victory-spark 1.3s ease-out both;animation-delay:calc(var(--spark)*25ms)}.victory-sparks i:nth-child(2n){background:#c3d6a4}@keyframes announcement-in{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes turn-arrival{0%,to{box-shadow:0 0 0 2px #b4d28c40,0 9px 26px #070d0959}45%{box-shadow:0 0 0 5px #cfe8a970,0 0 28px #bddc9570}}@keyframes label-arrival{50%{box-shadow:0 0 0 5px #bdd8a830}}@keyframes stone-impact{0%{opacity:.95;transform:scale(.65)}to{opacity:0;transform:scale(1.45)}}@keyframes victory-spark{0%{opacity:0;transform:rotate(calc(var(--spark)*30deg)) translateY(-50px)}20%{opacity:1}to{opacity:0;transform:rotate(calc(var(--spark)*30deg)) translateY(-180px) rotate(70deg)}}@media(max-width:540px){.turn-banner{min-height:42px;padding:9px 11px;margin-bottom:10px}.turn-banner>strong{font-size:14px}.turn-banner>span{font-size:13px}.game-effects{padding:12px}.game-announcement{padding:18px;gap:13px;border-radius:12px}.effect-seal{width:48px;height:48px;font-size:30px;border-radius:10px}.effect-detail{font-size:13.5px}.effect-caption{font-size:12.5px}.effect-turn,.effect-pass{padding:12px 15px;margin-top:12px}.effect-turn .effect-copy>strong,.effect-pass .effect-copy>strong{font-size:18px}}@media(prefers-reduced-motion:reduce){.board-frame,.turn-label,.game-announcement,.move-impact,.victory-sparks i{animation:none!important;transition:none!important}.victory-sparks{display:none}.move-impact{opacity:.6}}:root{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e6ebe5;background:#121c18;font-synthesis:none;font-weight:400;--bg:#121c18;--surface:#1b2821;--line:#304034;--muted:#8f9e91;--green:#bed9ad;--ink:#17271c;--serif:"Noto Serif KR","Batang",serif}body{word-break:keep-all}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid var(--green);outline-offset:4px}a{color:inherit}button{transition:background .18s,border-color .18s,transform .18s,color .18s}svg{flex-shrink:0}button:not(:disabled):active{transform:translateY(1px)}h1,h2,h3,p{margin:0}button:disabled:active{transform:none}::selection{background:#bdd8aa;color:#142217}.app-shell{min-height:100vh;display:flex;flex-direction:column}.header{border-bottom:1px solid #29372d;background:#152019}.header-inner{height:94px;max-width:1240px;padding:0 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;padding:0;flex-shrink:0;text-align:left}.brand-mark{width:42px;height:45px;display:grid;place-items:center;color:var(--green);font-family:var(--serif);font-size:28px;border:1px solid #6f8d64;clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%);background:#293c27}.brand>span:last-child{font-size:23px;font-weight:800;letter-spacing:-1.1px}.brand small{display:block;font-size:13px;font-weight:400;letter-spacing:2.6px;color:#98a78f;margin-top:1px}.main-nav{display:flex;align-self:stretch;gap:30px;margin-left:35px}.main-nav button{position:relative;display:flex;align-items:center;gap:8px;color:#939f94;font-size:14px;font-weight:600;padding:2px 0 0}.main-nav button:hover,.main-nav button.active{color:var(--green)}.main-nav button.active:after{content:"";position:absolute;height:2px;bottom:0;left:0;right:0;background:var(--green)}.header-right{display:flex;align-items:center;gap:20px}.connection{display:flex;align-items:center;gap:6px;font-size:13.5px;color:#a4b39d;white-space:nowrap}.connection>span,.pulse-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#9dc688;box-shadow:0 0 0 3px #9dc6880a}.connection.offline>span{background:#b58b75}.connection.connecting>span{background:#c4aa79;animation:pulse 1.5s infinite}.profile-button{display:flex;align-items:center;gap:8px;font-size:14px}.profile-button>svg{color:var(--muted)}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#2b3b2c;color:#bdd5aa;flex-shrink:0}.avatar.mini{width:31px;height:31px;border-radius:50%;background:#2d3a2d}.avatar.tiny{width:25px;height:25px;border-radius:50%;background:#2e3b2d}.avatar.cho{background:#263f32;color:#b5d7b0;border:1px solid #496948}.avatar.han{background:#402e27;color:#e2a595;border:1px solid #725044}.avatar>span{font-family:var(--serif);font-size:22px;font-weight:700}.main-content{width:100%;max-width:1240px;margin:0 auto;padding:36px 32px 0;flex:1}.hero{min-height:350px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;position:relative;isolation:isolate;overflow:hidden;border:1px solid #33412f;border-radius:20px;background:radial-gradient(ellipse at 70% 50%,#30402a 0,#22311f 40%,#1d2c1f 85%)}.hero-copy{padding:40px 0 40px 45px;z-index:2}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:600;color:#a9be91;display:flex;align-items:center;gap:8px}.eyebrow>span{height:5px;width:5px;background:#c8d2a9;border-radius:50%}.hero .eyebrow{font-size:13px;letter-spacing:2.4px}.hero h1{font-size:53px;line-height:1.3;font-weight:800;letter-spacing:-2.8px;margin:21px 0 18px;color:#eff0df}.hero h1 em{color:#c1d69a;font-family:var(--serif);font-weight:700;font-style:normal}.hero-copy>p{font-size:14px;line-height:1.95;color:#a1b09b;letter-spacing:-.25px}.hero-pills{display:flex;gap:19px;margin-top:24px;color:#b5c1a8;font-size:13px}.hero-pills span{display:flex;align-items:center;gap:5px}.hero-pills svg{color:#c1d69a}.hero-art{position:relative;height:100%;min-height:350px}.hero-board-wrap{position:absolute;right:66px;top:47px;width:270px;transform:rotate(-14deg) skewY(3deg);box-shadow:12px 20px #0d180e20,0 35px 40px #0b170d40;border-radius:12px;border:7px solid #b7ab89}.hero-board-wrap:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:12px;border:2px solid #d3c7a4;pointer-events:none}.preview-board{display:block;width:100%;border-radius:5px}.art-caption{position:absolute;top:36px;right:28px;font-size:12px;line-height:1.7;color:#81936e;letter-spacing:2.3px;text-align:right}.hero-orbit{position:absolute;width:355px;height:355px;border:1px solid #8296631c;border-radius:50%;left:38px;top:13px}.orbit-two{width:450px;height:450px;left:-11px;top:-34px}.floating-piece{width:72px;height:72px;display:grid;place-items:center;position:absolute;background:#ebe0c2;color:#37664d;font:700 43px var(--serif);border:5px solid #d4c6a5;outline:1px solid #8c80694a;clip-path:polygon(24% 0,76% 0,100% 24%,100% 76%,76% 100%,24% 100%,0 76%,0 24%);text-shadow:0 1px 0 white;box-shadow:0 5px #90866b}.floating-cho{left:14px;top:53px;transform:rotate(-17deg)}.floating-han{right:34px;bottom:30px;color:#a55343;width:80px;height:80px;transform:rotate(13deg)}.art-label{position:absolute;bottom:19px;left:35px;display:flex;gap:8px;align-items:center;font-size:12.5px;letter-spacing:1.5px;color:#adbc9a}.art-label>span{display:inline-block;width:21px;height:1px;background:#74876a}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.mode-card{position:relative;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;text-align:left;padding:28px 25px;gap:22px;min-height:160px;background:#1d2922}.mode-card:hover{border-color:#668358;transform:translateY(-3px);background:#233027}.mode-icon{height:59px;width:59px;border-radius:16px;background:#324531;color:#c2d5a7;display:grid;place-items:center;flex-shrink:0}.online-card{background:#262b22;border-color:#414332}.online-card:hover{background:#303426;border-color:#8d8959}.online-card .mode-icon{background:#424634;color:#ddd4a5}.mode-copy .eyebrow{font-size:12px;letter-spacing:2px;margin-bottom:7px;color:#91a17e}.online-card .eyebrow{color:#b4b08a}.mode-copy h2{font-size:23px;letter-spacing:-1px;font-weight:700;margin-bottom:9px}.mode-copy p{color:#a0ad9f;font-size:13.5px;letter-spacing:-.3px}.mode-detail{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#93a38a;margin-top:13px}.mode-detail i{width:2px;height:2px;background:#87957b;border-radius:50%}.online-card .mode-detail{color:#a9a88b}.mode-arrow{margin-left:auto;align-self:center;color:#b4c79e}.online-card .mode-arrow{color:#c5c09c}.resume-banner{display:flex;align-items:center;gap:12px;background:#233524;border:1px solid #3d5637;padding:15px 20px;border-radius:10px;margin-top:18px;color:#c6dcb5;font-size:14px}.resume-banner>span{flex:1}.resume-banner strong{font-weight:400;font-size:13.5px;color:#9aaf90;margin-left:12px}.resume-banner button{display:flex;align-items:center;gap:5px;font-size:13.5px}.lobby-section{margin-top:43px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px}.section-heading h2{display:flex;align-items:center;gap:9px;font-size:22px;letter-spacing:-.8px;font-weight:700}.section-heading h2>span{font-family:inherit;font-size:14px;color:#b4c99f;min-width:24px;height:22px;display:grid;place-items:center;background:#2b3a29;border-radius:6px;font-weight:600}.section-heading p{font-size:13.5px;color:var(--muted);margin-top:8px}.lobby-actions{display:flex;align-items:center;gap:18px}.online-count{font-size:13px;color:#a0b190;display:flex;align-items:center;gap:7px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;min-height:43px;padding:11px 17px;font-size:14px;font-weight:600;white-space:nowrap;border:1px solid transparent;line-height:1.5}.primary{background:#bdd8a8;color:#203221;border-color:#bdd8a8}.primary:hover:not(:disabled){background:#cee5bd;border-color:#cee5bd}.secondary{background:#233026;border-color:#3b4b3a;color:#d1ddc4}.secondary:hover:not(:disabled){background:#30432c;border-color:#6d865c}.small{font-size:13px;min-height:34px;padding:7px 12px;border-radius:7px}.full{width:100%}.muted-button{color:#889280;background:#2b3329}.lobby-tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:15px}.filter-tabs{display:flex;gap:5px;background:#1b271f;border-radius:8px;padding:4px}.filter-tabs button{padding:7px 16px;font-size:13.5px;color:#92a08c;border-radius:5px;white-space:nowrap}.filter-tabs button.active{color:#d3e4c3;background:#364831}.filter-tabs button:hover{color:#d6e4c8}.search-input{display:flex;align-items:center;gap:9px;color:#7d8e7b;width:247px;background:#1b271f;border:1px solid #2d3d2d;border-radius:8px;padding:9px 13px}.search-input input{background:none;border:none;outline:none;color:#d6e0cb;font-size:13.5px;min-width:0;width:100%}.search-input input::placeholder{color:#7b8a78}.empty-rooms{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:1px dashed #354333;border-radius:12px;min-height:204px;padding:27px 22px;background:#19241d;color:#91a284}.empty-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#263427;color:#94aa83;margin-bottom:14px}.empty-rooms h3{font-size:14px;font-weight:500;letter-spacing:-.3px;color:#c5d0bd;margin-bottom:8px}.empty-rooms p{font-size:13.5px;color:#8e9d86;line-height:1.8}.empty-rooms .button,.empty-rooms .text-button{margin-top:17px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13.5px;font-weight:500;color:#b9ce9e;padding:3px 0}.text-button:hover{color:#e0efcb}.rooms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.room-card{padding:21px;border:1px solid #344331;border-radius:12px;background:#1c2820}.room-card-top{display:flex;align-items:center;justify-content:space-between}.tag{display:inline-flex;align-items:center;gap:6px;background:#353c30;color:#b7bca6;padding:4px 8px;font-size:12.5px;font-weight:500;border-radius:5px;white-space:nowrap}.tag-green{background:#2c432c;color:#bad6a7}.tag>span{width:4px;height:4px;border-radius:50%;background:currentColor}.room-card-top>small{font-size:12px;color:#758571;letter-spacing:1px}.room-card h3{font-size:15px;font-weight:600;letter-spacing:-.4px;margin:18px 0 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-host{display:flex;align-items:center;gap:8px;font-size:13px;color:#aab5a0}.room-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:19px;padding-top:14px;border-top:1px solid #2f3c2d}.room-card-bottom>span{display:flex;align-items:center;gap:6px;color:#95a588;font-size:13.5px}.room-card-bottom small{font-size:12.5px;color:#7c8c73}.guide-banner{display:flex;align-items:center;gap:20px;background:#1d2821;border:1px solid #303d2e;border-radius:12px;padding:22px 25px;margin-top:28px}.guide-icon{width:47px;height:47px;display:grid;place-items:center;color:#a5b992;background:#2a3829;border-radius:12px}.guide-banner h3{font-size:14px;letter-spacing:-.4px;margin-bottom:6px;font-weight:500}.guide-banner p{font-size:13px;color:#8f9f87}.guide-banner .text-button{margin-left:auto}.values-row{display:flex;justify-content:center;gap:33px;font-size:13px;color:#7c8e75;padding:30px 0 35px}.values-row span{display:flex;gap:8px;align-items:center}.footer{max-width:1240px;width:100%;padding:25px 32px 27px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:#6f806a;border-top:1px solid #2a372a;gap:15px}.footer>div{display:flex;gap:16px;align-items:center}.footer-brand{color:#a4b196;font-size:15px;letter-spacing:-.7px;font-weight:700}.footer>span{font-size:12px;letter-spacing:.6px;display:flex;align-items:center;gap:11px}.footer i{height:8px;width:1px;background:#43503d}.game-page{width:100%;max-width:1160px;padding:27px 32px 35px;margin:0 auto;flex:1}.game-heading{display:flex;align-items:center;gap:24px;margin-bottom:24px}.back-link{display:flex;align-items:center;gap:7px;font-size:13.5px;color:#9bad90;padding:7px 0;white-space:nowrap}.back-link:hover{color:#d3e2c5}.game-title{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.game-title h1{font-size:15px;font-weight:500;letter-spacing:-.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-layout{display:grid;grid-template-columns:minmax(0,610px) minmax(280px,1fr);gap:32px;align-items:start}.board-column{min-width:0}.player-strip{display:flex;align-items:center;gap:11px;padding:0 5px 14px}.player-strip.self{padding:15px 5px 0}.player-strip strong{display:block;font-size:14px;font-weight:500}.player-strip small{display:block;font-size:13px;color:#91a087;margin-top:5px}.turn-label{margin-left:auto;font-size:13px;color:#8f9d84;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:6px}.turn-label.is-turn{background:#2d422b;color:#c0dbaa}.me-tag{font-size:12px;color:#a4bd93;padding:2px 4px;border-radius:3px;background:#2f412b;vertical-align:middle;margin-left:5px}.board-frame{padding:9px;background:linear-gradient(135deg,#7b6e52,#4f4938);border-radius:17px;border:1px solid #8b7e5f;box-shadow:0 9px 26px #070d0959}.janggi-board{display:block;width:100%;height:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none}.board-cell{cursor:pointer;outline:none}.board-cell:focus-visible>.cell-hit{stroke:#4b6f39;stroke-width:2;fill:#6f995414}.board-cell:hover>.cell-hit{fill:#4d6b3916}.board-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 4px 0;gap:10px}.board-toolbar>span{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#8c9a83}.board-toolbar>div{display:flex;align-items:center;gap:3px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:6px;color:#95a58a}.icon-button:hover{color:#cee3b8;background:#2a3b29}.text-icon{font-size:16px;font-weight:700}.text-icon.enabled{color:#cbe3b7;background:#354b2e}.game-sidebar{display:flex;flex-direction:column;gap:18px;padding-top:0;min-width:0}.panel{border:1px solid #32402f;border-radius:13px;background:#1b2820}.game-status{padding:25px 23px}.game-status .eyebrow{font-size:12px;color:#93a680;letter-spacing:2.2px}.game-status h2{font-size:20px;line-height:1.6;letter-spacing:-.8px;font-weight:600;margin:18px 0 9px}.game-status p{color:#97a68d;font-size:13.5px;line-height:1.9;min-height:41px}.game-status>.full{margin-top:20px}.game-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:23px}.game-actions .button{padding:10px 7px;font-size:13.5px}.resign-button{display:flex;align-items:center;justify-content:center;gap:5px;margin:15px auto 0;color:#98a28c;font-size:13px}.resign-button:hover{color:#e0a898}.waiting-symbol{display:flex;align-items:center;justify-content:center;margin-top:25px;position:relative;width:54px;height:54px;border-radius:15px;background:#2b3f2a;color:#b2ce9c}.waiting-symbol .pulse-dot{position:absolute;right:0;top:0;animation:pulse 1.5s infinite}.room-code{display:block;text-align:center;color:#819576;font-size:12.5px;letter-spacing:1.5px;margin-top:14px}.result-icon{color:#c7cf97;margin-top:22px}.draw-offer{padding:14px;border-radius:8px;border:1px solid #667247;background:#344126;margin-top:20px;font-size:13.5px;color:#d5dfb2}.draw-offer strong{font-size:13.5px;font-weight:500}.draw-offer>div{display:flex;gap:8px;margin-top:12px}.conversation{overflow:hidden}.panel-tabs{display:flex;border-bottom:1px solid #32402f;padding:0 16px;gap:22px}.panel-tabs button{position:relative;font-size:14px;display:flex;align-items:center;gap:7px;padding:17px 2px;color:#8e9d84}.panel-tabs button.active{color:#c2d9ab}.panel-tabs button.active:after{position:absolute;content:"";height:2px;background:#bdd8a8;bottom:-1px;left:0;right:0}.panel-tabs button span{font-size:12.5px;border-radius:4px;padding:1px 5px;background:#34452e;color:#b9cda2}.chat-messages,.move-list{height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#455638 transparent;overscroll-behavior:contain}.chat-messages{padding:18px 17px}.system-message{font-size:13px;line-height:1.9;color:#859779;text-align:center;margin:0 5px 17px;overflow-wrap:anywhere}.chat-message{margin-bottom:16px}.chat-message>span{display:flex;align-items:center;gap:8px;color:#a3b596;font-size:13px;margin-bottom:6px}.chat-message time{font-size:12px;color:#6e8167}.chat-message p{display:inline-block;max-width:95%;border-radius:0 10px 10px;padding:9px 12px;background:#2c3b29;font-size:13.5px;line-height:1.8;color:#d3dec6;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.mine{text-align:right}.chat-message.mine>span{justify-content:flex-end}.chat-message.mine p{background:#3a4f30;border-radius:10px 0 10px 10px;color:#d7e5c6;text-align:left}.chat-form{display:flex;gap:8px;border-top:1px solid #32402f;padding:13px}.chat-form input{flex:1;min-width:0;background:#142019;border:1px solid #2d3d2b;border-radius:6px;padding:10px;color:#dce7d1;font-size:13px}.chat-form input::placeholder{color:#7c8e71}.chat-form button{color:#b5ce9c;padding:8px;display:grid;place-items:center}.move-list{padding:8px 15px}.move-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #293b29;font-size:13.5px}.move-row>span{font-size:12.5px;color:#6f8667;width:19px}.move-row>b{font-size:13px;font-weight:500;padding:3px 5px;border-radius:3px}.move-row .cho{color:#b0d59c;background:#324b2b}.move-row .han{color:#e0af99;background:#463830}.move-row>strong{font-size:13.5px;font-weight:400;color:#c3d1b6}.move-row>small{margin-left:auto;color:#8f9f81;font-size:12.5px;white-space:nowrap}.empty-moves{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#718966}.empty-moves p{font-size:14px;color:#a5b59a;margin:15px 0 7px}.empty-moves small{font-size:13px;color:#7b8f70}.game-tip{display:flex;align-items:flex-start;gap:10px;margin:0 8px;color:#7e9671}.game-tip p{font-size:13px;color:#809575;line-height:1.9}.game-tip strong{font-weight:400;color:#a0b492}.alert{display:flex;align-items:center;gap:10px;background:#3b3324;border:1px solid #665439;padding:12px 16px;border-radius:8px;color:#dbca9f;font-size:14px;line-height:1.7;margin-bottom:20px}.alert button{margin-left:auto;color:#ece1c8;font-size:13.5px;text-decoration:underline;white-space:nowrap}.page-heading{padding:23px 0 34px}.page-heading h1{font-size:34px;letter-spacing:-1.5px;margin:20px 0 16px;font-weight:700}.page-heading p{font-size:14px;line-height:2;color:#9bab90}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.rule-card{padding:27px}.rule-piece{font-family:var(--serif);font-size:32px;background:#e7dec4;color:#426442;clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);display:grid;place-items:center;width:53px;height:53px;float:right}.rule-card h2{font-size:22px;margin:4px 0 27px}.rule-card strong{font-size:14px;font-weight:500;color:#c6d7b4;display:block;margin-bottom:10px}.rule-card p{font-size:14px;color:#98ac8c;line-height:2}.house-rules{margin:26px 0;padding:30px}.house-rules h2{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:600;margin-bottom:26px}.house-rules>div{display:grid;grid-template-columns:180px 1fr;gap:22px}.house-rules h3{font-size:14px;color:#bed2ac;font-weight:500;line-height:1.9}.house-rules p{font-size:14px;line-height:1.9;color:#99ad8e}.rules-page>.button{margin-bottom:45px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.stat{padding:24px}.stat>span{font-size:14px;color:#9cb18d}.stat strong{display:block;font-size:38px;font-weight:600;color:#cfe1bc;margin-top:13px}.stat small{font-size:14px;font-weight:400;color:#90a67f;margin-left:7px}.history-list{overflow:hidden}.history-row{display:flex;align-items:center;gap:18px;padding:22px 25px;border-bottom:1px solid #30422b}.history-row:last-child{border:0}.history-result{height:40px;width:40px;border-radius:10px;display:grid;place-items:center;background:#3c4930;color:#bcd499;font-size:17px;font-weight:600;flex-shrink:0}.history-result.loss{background:#44352b;color:#ceaa94}.history-result.draw{background:#363c30;color:#b7bd9f}.history-row>div{flex:1}.history-row strong{font-size:14px;font-weight:500}.history-row small{display:block;font-size:13px;color:#8ca17f;margin-top:6px}.history-reason{font-size:13.5px;color:#9eb18e}.history-row time{font-size:13px;color:#7f9472;min-width:125px;text-align:right}.history-list .empty-rooms{border:0;min-height:250px}.history-list .empty-rooms>svg{margin-bottom:16px}.history-footnote{font-size:13px;color:#798e6d;padding:18px 0 45px}.loading-line{display:flex;gap:8px;align-items:center;font-size:14px;color:#b3ca9e;margin-bottom:18px}.modal{width:510px;max-width:calc(100% - 32px);max-height:calc(100dvh - 48px);overflow-y:auto;scrollbar-width:thin;background:#1c2921;color:#e3ebdc;border:1px solid #475c3e;border-radius:19px;padding:29px;box-shadow:0 30px 100px #0007}.modal::backdrop{background:#07110bc4;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-heading h2{font-size:23px;font-weight:600;letter-spacing:-1px}.modal-description{font-size:14px;color:#9daf92;line-height:1.9;margin:15px 0 27px}.field-label{font-size:14px;color:#ccd9c0;display:block;margin:0 0 20px}.field-label input{display:block;margin-top:11px;background:#141f18;color:#e0ebd6;border:1px solid #40533a;border-radius:8px;width:100%;padding:12px 13px;font-size:14px}.field-label input::placeholder{color:#778a6d}.difficulty-picker,.formation-picker{margin:0 0 24px;padding:0;border:0;min-width:0}.difficulty-picker legend,.formation-picker legend{font-size:14px;margin-bottom:13px;padding:0}.formation-picker legend span{color:#7f9472;font-size:12.5px;margin-left:8px}.difficulty-picker>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.difficulty-picker button{display:flex;flex-direction:column;align-items:flex-start;border:1px solid #3a4b34;background:#202f23;border-radius:10px;padding:13px;text-align:left}.difficulty-picker button>span{font-size:13px;color:#728765;letter-spacing:1px}.difficulty-picker strong{font-size:17px;font-weight:600;margin:9px 0 7px}.difficulty-picker small{font-size:12.5px;color:#97a98b}.difficulty-picker button.chosen,.formation-option.chosen{background:#34482d;border-color:#a8c38e}.difficulty-picker button.chosen strong,.formation-option.chosen strong{color:#d1e6bb}.difficulty-picker button.chosen>span{color:#aac593}.formation-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.formation-option{border:1px solid #3a4b34;border-radius:9px;padding:15px 10px;background:#202e22;display:flex;align-items:center;flex-direction:column}.formation-pieces{display:flex;gap:6px;margin-bottom:10px}.formation-pieces>span{display:grid;place-items:center;width:27px;height:29px;clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);background:#e1d8bb;color:#3b6342;font:600 18px var(--serif)}.formation-option strong{font-size:13.5px;font-weight:500}.formation-option small{font-size:12px;color:#94a784;margin-top:5px}.form-info{display:flex;align-items:flex-start;gap:9px;padding:13px;border-radius:8px;background:#243422;color:#9eb58e;font-size:13px;line-height:1.8;margin:0 0 22px}.form-info svg{margin-top:1px}.modal .full{min-height:45px}.modal .full>svg:last-child{margin-left:auto}.modal .full>svg:first-child{margin-right:auto}.form-hint{font-size:13px;color:#8da17f;margin-top:-8px;margin-bottom:27px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.confirm-actions .button{min-width:90px}.toast{position:fixed;z-index:100;bottom:27px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;width:max-content;max-width:calc(100% - 30px);padding:15px 19px;border:1px solid #76955f;border-radius:12px;background:#2c4228;color:#e0efcf;font-size:14px;line-height:1.8;box-shadow:0 8px 40px #0005;animation:appear .2s ease-out}.toast>span{overflow-wrap:anywhere}.toast button{display:flex;padding:4px;color:#b5ca9f}.spin{animation:spin 1s linear infinite}.check-glow{animation:pulse 1.1s infinite}@keyframes pulse{50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;bottom:15px}to{opacity:1;bottom:27px}}@media(min-width:1500px){.header-inner,.main-content,.footer{max-width:1320px}.hero{min-height:385px}.hero-copy{padding-left:54px}.hero h1{font-size:61px}.hero-board-wrap{width:295px;right:84px;top:41px}.mode-card{min-height:176px}.mode-copy h2{font-size:25px}.mode-copy p{font-size:14px}.hero-copy>p{font-size:14px}.hero-art{min-height:385px}}@media(max-width:1050px){.header-inner{padding:0 24px;gap:18px}.main-nav{gap:22px;margin-left:0}.header-right{gap:12px}.profile-button>span:nth-child(2){max-width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-content{padding:26px 24px 0}.hero-copy{padding-left:33px}.hero h1{font-size:47px}.hero-board-wrap{width:235px;right:48px;top:67px}.floating-cho{left:-4px;top:56px;width:63px;height:63px;font-size:36px}.floating-han{right:16px;bottom:30px;width:66px;height:66px;font-size:37px}.art-label{left:3px}.mode-card{padding:24px 19px;gap:16px}.mode-icon{width:48px;height:48px;border-radius:13px}.mode-copy h2{font-size:21px}.mode-copy p{font-size:13px}.mode-arrow{display:none}.rooms-grid{grid-template-columns:repeat(2,1fr)}.game-page{padding:25px 24px 35px}.game-layout{gap:22px;grid-template-columns:minmax(0,1.7fr) minmax(275px,1fr)}.game-status{padding:20px 18px}.game-status h2{font-size:18px}.chat-messages,.move-list{height:255px}.house-rules>div{grid-template-columns:150px 1fr;gap:20px}.footer{padding-left:24px;padding-right:24px}}@media(max-width:780px){.header-inner{height:77px;padding:0 20px;gap:14px}.brand>span:last-child{font-size:20px}.brand small{font-size:12px}.brand-mark{width:36px;height:39px;font-size:25px}.main-nav{gap:17px}.main-nav button{font-size:13.5px}.main-nav svg{display:none}.connection{display:none}.profile-button>span:nth-child(2){display:none}.profile-button>svg{display:none}.hero{min-height:325px}.hero-copy{padding:29px}.hero .eyebrow{font-size:12px;letter-spacing:1.5px}.hero h1{font-size:43px}.hero-copy>p{font-size:13px;line-height:2}.hero-pills{gap:10px;font-size:12px}.hero-pills svg{width:11px}.hero-art{min-height:320px}.hero-board-wrap{width:205px;right:34px;top:65px}.art-caption{font-size:11px;top:25px;right:20px}.floating-cho{width:50px;height:50px;font-size:27px;top:32px;left:8px}.floating-han{width:55px;height:55px;font-size:30px;right:14px;bottom:35px}.art-label{font-size:11.5px;letter-spacing:.7px;bottom:24px;left:8px}.hero-orbit{width:280px;height:280px;left:0;top:22px}.orbit-two{width:340px;height:340px;left:-30px;top:-8px}.mode-card{gap:14px;padding:22px 17px;align-items:flex-start;min-height:152px}.mode-icon{width:39px;height:42px;border-radius:10px}.mode-icon svg{width:22px}.mode-copy h2{font-size:20px}.mode-copy p{font-size:13px;max-width:180px;line-height:1.8}.mode-detail{font-size:12px;gap:6px}.mode-grid{gap:14px;margin-top:18px}.mode-copy .eyebrow{font-size:11.5px}.lobby-section{margin-top:33px}.section-heading h2{font-size:20px}.lobby-actions{gap:12px}.online-count{font-size:12.5px}.lobby-actions .button{font-size:13.5px;padding:9px 13px}.guide-banner{gap:14px;padding:20px}.guide-banner h3{font-size:14px}.guide-banner p{font-size:12.5px}.guide-banner .text-button{font-size:12.5px;gap:5px}.footer{flex-wrap:wrap}.game-layout{grid-template-columns:minmax(0,1fr);max-width:580px;margin:auto}.game-sidebar{display:grid;grid-template-columns:1fr;gap:16px}.game-status{padding:21px}.game-status h2{margin:12px 0 7px;font-size:20px}.game-status p{min-height:0}.game-actions{margin-top:17px}.game-heading{gap:16px}.game-title h1{font-size:14px}.game-title{gap:8px}.game-heading .tag{font-size:12px}.game-page{padding-left:20px;padding-right:20px}.game-tip{margin-bottom:5px}.chat-messages,.move-list{height:280px}.rules-grid{grid-template-columns:repeat(2,1fr)}.house-rules>div{grid-template-columns:1fr;gap:12px}.house-rules p{margin-bottom:10px}.stats-grid{gap:12px}.stat{padding:20px}.history-row{padding:20px;gap:14px}.history-reason{display:none}.resume-banner{font-size:13px;padding:14px}.resume-banner strong{display:block;margin:5px 0 0;font-size:12.5px}.page-heading h1{font-size:29px}.page-heading p{font-size:14px}}@media(max-width:540px){.header-inner{padding:0 17px;height:71px;gap:13px}.brand{gap:8px}.brand-mark{width:32px;height:35px;font-size:22px}.brand>span:last-child{font-size:19px}.brand small{font-size:11.5px;letter-spacing:1.8px}.main-nav{gap:15px;margin-left:auto}.main-nav button{font-size:13px}.main-nav button:last-child{display:none}.profile-button{padding:0}.avatar.mini{height:28px;width:28px}.header-right{gap:0}.main-content{padding:19px 17px 0}.hero{display:block;min-height:336px;border-radius:15px}.hero-copy{padding:26px 24px 28px;position:relative}.hero .eyebrow{font-size:11.5px;letter-spacing:1.3px}.hero h1{font-size:43px;line-height:1.25;letter-spacing:-2px;margin-top:21px;margin-bottom:19px}.hero-copy>p{font-size:13px;max-width:220px;line-height:1.9;position:relative;z-index:3}.hero-copy>p br{display:none}.hero-pills{font-size:11.5px;gap:12px;margin-top:19px}.hero-art{position:absolute;right:-46px;top:14px;width:215px;height:285px;min-height:0;z-index:0;opacity:.9;pointer-events:none}.hero-board-wrap{width:153px;right:7px;top:60px;transform:rotate(-17deg);border-width:5px}.hero-board-wrap:after{top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:10px}.floating-cho{width:42px;height:42px;border-width:3px;font-size:25px;left:29px;top:32px;opacity:.8}.floating-han{width:47px;height:47px;border-width:3px;font-size:27px;right:53px;bottom:1px;opacity:.95}.art-caption,.art-label{display:none}.hero-orbit{width:235px;height:235px;left:-5px;top:43px}.orbit-two{width:290px;height:290px;left:-32px;top:14px}.mode-grid{grid-template-columns:1fr;gap:12px;margin-top:16px}.mode-card{min-height:130px;padding:21px;gap:19px;align-items:center}.mode-icon{width:50px;height:54px;border-radius:13px}.mode-icon svg{width:26px}.mode-copy h2{font-size:21px;margin-bottom:6px}.mode-copy p{font-size:13px;max-width:none}.mode-detail{font-size:12px;margin-top:9px}.mode-copy .eyebrow{font-size:11.5px;margin-bottom:5px}.mode-arrow{display:block;margin-left:auto}.mode-arrow svg{width:17px}.lobby-section{margin-top:31px}.section-heading{margin-bottom:19px;gap:8px}.section-heading h2{font-size:20px}.section-heading p{font-size:12.5px;margin-top:7px}.online-count{display:none}.lobby-actions .button{min-height:37px;padding:8px 11px;font-size:13px;gap:5px}.lobby-actions .button svg{width:14px}.lobby-tools{gap:11px}.filter-tabs{gap:1px;padding:3px}.filter-tabs button{font-size:13px;padding:7px 11px}.search-input{flex:1;min-width:0;padding:9px 10px;width:auto;gap:6px}.search-input input{font-size:12.5px}.search-input svg{width:13px}.empty-rooms{min-height:213px;padding:25px 20px}.empty-rooms h3{font-size:14px}.empty-rooms p{font-size:13px;max-width:260px}.rooms-grid{grid-template-columns:1fr;gap:12px}.room-card{padding:19px}.room-card h3{margin:16px 0 12px}.room-card-bottom{margin-top:15px;padding-top:13px}.guide-banner{position:relative;gap:13px;padding:21px 18px 49px;margin-top:23px}.guide-icon{width:39px;height:41px;border-radius:10px}.guide-icon svg{width:22px}.guide-banner h3{font-size:14px}.guide-banner p{font-size:12.5px;line-height:1.7;max-width:220px}.guide-banner .text-button{position:absolute;bottom:17px;left:70px;font-size:12.5px}.values-row{font-size:12px;gap:19px;padding:26px 0 29px}.values-row span{gap:5px}.values-row svg{width:13px;height:13px}.footer{padding:20px 17px 24px;gap:13px}.footer>div{gap:13px;font-size:12px}.footer-brand{font-size:14px}.footer>span{font-size:11.5px;gap:9px}.modal{padding:23px 20px;max-width:calc(100% - 26px);border-radius:15px}.modal-heading h2{font-size:21px}.modal-description{font-size:13.5px;margin:14px 0 23px}.difficulty-picker button{padding:12px 11px}.difficulty-picker small,.formation-picker legend span{font-size:12px}.formation-option{padding:13px 8px}.formation-pieces{gap:7px}.form-info{font-size:12.5px}.resume-banner{gap:9px;font-size:13px}.resume-banner>svg{width:17px}.resume-banner button{font-size:12.5px;gap:3px;white-space:nowrap}.game-page{padding:19px 12px 27px}.game-heading{margin-bottom:20px;gap:12px;flex-wrap:wrap;padding:0 5px}.game-title{order:3;flex-basis:100%;margin-top:1px}.game-heading>.small{margin-left:auto}.game-title h1{font-size:14px}.game-layout{gap:19px}.player-strip{padding:0 4px 12px}.player-strip.self{padding-top:12px}.player-strip .avatar{width:36px;height:36px;border-radius:10px}.avatar>span{font-size:20px}.player-strip strong{font-size:14px}.player-strip small{font-size:12.5px}.turn-label{font-size:12.5px;padding:6px 8px}.board-frame{padding:6px;border-radius:13px}.board-toolbar{padding-top:11px}.board-toolbar>span{font-size:12px;gap:4px}.board-toolbar>span svg{width:12px}.board-toolbar .icon-button{width:30px;height:30px}.game-sidebar{padding:0 3px}.game-status h2{font-size:19px}.game-tip p{font-size:12.5px}.alert{font-size:13px;padding:11px;gap:7px}.alert>svg{width:15px}.alert button{font-size:12.5px}.page-heading{padding:19px 0 28px}.page-heading .eyebrow{font-size:12px;letter-spacing:1.8px}.page-heading h1{font-size:27px;line-height:1.5;margin:16px 0 12px}.page-heading p{font-size:13.5px}.rules-grid{gap:12px}.rule-card{padding:18px}.rule-card h2{font-size:18px;margin-bottom:24px}.rule-piece{width:41px;height:41px;font-size:27px}.rule-card strong{font-size:13.5px;line-height:1.8}.rule-card p{font-size:13px;line-height:1.9}.house-rules{padding:23px 20px;margin:20px 0}.house-rules h2{font-size:17px;margin-bottom:23px}.house-rules p{font-size:13.5px}.house-rules h3{font-size:14px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:22px}.stat{padding:20px}.stat>span{font-size:13.5px}.stat strong{font-size:33px;margin-top:9px}.history-row{padding:17px 15px;gap:11px;flex-wrap:wrap}.history-row strong{font-size:14px}.history-row small{font-size:12.5px}.history-row time{font-size:12px;min-width:0}.history-result{width:33px;height:35px;font-size:15px}.history-footnote{font-size:12.5px}.toast{font-size:13.5px;padding:13px 16px;gap:12px;bottom:20px}.game-actions .button{font-size:14px;min-height:44px}.chat-form input{font-size:14px;padding:12px}.chat-form button{padding:10px}.chat-message p{font-size:14px}.chat-message>span{font-size:13.5px}}@media(max-width:370px){.main-nav{gap:10px}.brand>span:last-child{font-size:17px}.brand small{font-size:11px}.brand-mark{width:28px;height:31px;font-size:20px}.header-inner{gap:10px;padding:0 14px}.hero-copy{padding-left:20px}.hero h1{font-size:39px}.hero-art{right:-62px}.mode-card{padding:18px 16px;gap:13px}.mode-copy h2{font-size:20px}.mode-copy p{font-size:12.5px}.mode-arrow{display:none}.search-input{padding:9px 8px}.filter-tabs button{padding:7px 9px}.values-row{gap:12px;font-size:11.5px}.history-row time{width:100%;padding-left:44px;text-align:left}.formation-pieces{gap:5px}.formation-pieces>span{width:25px}.formation-picker legend span{display:block;margin:6px 0 0}.modal-description{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:540px){.main-nav{gap:12px}.main-nav button:last-child{display:flex}.hero h1 em{display:block}.hero-art{top:68px;right:-59px}.hero-copy>p{max-width:188px}.hero-pills{position:relative;z-index:3}.hero-copy{padding-bottom:30px}.mode-copy p,.empty-rooms p{font-size:13.5px}.guide-banner p{font-size:13px}.formation-option small{font-size:12.5px}}@media(max-width:370px){.main-nav{gap:8px}.main-nav button{font-size:12.5px}.hero-art{right:-73px}.mode-copy p{font-size:13px}}