@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";:root{font-family:DM Sans,Noto Sans KR,sans-serif;color:#283d34;background:#f8f8f2;font-synthesis:none;font-weight:400;--green:#254e40;--muted:#859086;--line:#e1e5da}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.4}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:3px solid #c08d40;outline-offset:4px}svg.lucide{width:18px;height:18px;stroke-width:1.6;flex-shrink:0}html{scroll-behavior:smooth;scroll-padding-top:24px}.site-header{height:100px;max-width:1280px;margin:auto;display:flex;align-items:center;gap:95px;border-bottom:1px solid var(--line);padding:0 24px}.brand{display:flex;align-items:center;gap:11px}.brand strong{font-size:29px;letter-spacing:-2px;font-weight:900}.brand strong>span{font-size:10px;letter-spacing:2px;display:block;line-height:1;text-align:center;margin-top:3px}.brand-mark{width:31px;height:35px;position:relative}.brand-mark b{position:absolute;width:23px;height:23px;border-radius:50%;background:var(--green);left:0;top:0}.brand-mark b+b{left:11px;top:13px;background:#b5c39b;border:3px solid #f8f8f2}.site-header nav{display:flex;gap:36px;align-items:center;font-size:14px}.site-header nav>a,.site-header nav>button{height:100px;display:flex;gap:8px;align-items:center;padding:0;position:relative;color:#7c867e}.site-header nav .active{color:var(--green);font-weight:700}.site-header nav .active:after{content:"";position:absolute;bottom:0;width:100%;height:3px;background:var(--green)}.soon{font-size:8px;letter-spacing:.6px;color:#819276;background:#eaf0e1;padding:4px 6px;border-radius:4px}.header-note{margin-left:auto;font-size:12px;color:#859080}.mobile-menu{display:none!important}main{max-width:1184px;padding:0 24px;margin:auto}.hero{position:relative;min-height:426px;display:flex;align-items:center;justify-content:space-between;padding:44px 28px 48px 12px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:8px;font-weight:600;color:#6d8067}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#8caa71}.hero h1{font-size:55px;letter-spacing:-3.4px;line-height:1.3;margin:22px 0 18px;font-weight:600}.hero h1 em{font-style:normal;color:#54714d;position:relative}.hero h1 em:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:8px;background:#d9e2c7;z-index:-1}.hero-copy>p{font-size:14px;color:#7e897e;line-height:1.85;margin:0}.hero-link{display:flex;align-items:center;gap:29px;font-size:12px;font-weight:700;margin-top:24px}.hero-link svg{width:16px}.hero-index{position:absolute;right:4px;bottom:22px;font-size:8px;color:#9ba593;letter-spacing:1.8px}.hero-art{position:relative;width:470px;height:335px;margin-right:20px}.orbit{position:absolute;border:1px solid #e1e6d7;border-radius:50%;left:15px;top:22px;width:430px;height:290px;transform:rotate(-21deg)}.orbit-two{transform:rotate(33deg);width:400px;left:37px;top:24px}.art-board{position:absolute;width:270px;height:250px;left:91px;top:42px;background:#e0bb83;border:13px solid #e9cfaa;border-radius:10px;transform:rotate(-16deg) skew(8deg,3deg) scaleY(.9);box-shadow:-7px 12px #bb976d,-13px 22px 0 -3px #d7b78b,-17px 37px 35px -15px #6e745c55}.board-grid{position:absolute;top:2px;right:2px;bottom:2px;left:2px;background-image:linear-gradient(#a98e644f 1px,transparent 1px),linear-gradient(90deg,#a98e644f 1px,transparent 1px);background-size:37px 36px;border-right:1px solid #b09472;border-bottom:1px solid #b09472}.hero-stone{position:absolute;width:48px;height:48px;border-radius:50%;box-shadow:-5px 9px 4px #705b6655,inset -3px -5px 5px #0002;transform:skew(-8deg,-3deg)}.dark{background:radial-gradient(circle at 37% 27%,#5f655a,#28352c 65%,#17231d)}.light{background:radial-gradient(circle at 37% 27%,#fffef6,#e8e6d3 75%,#c9c6b2)}.s1{top:33px;left:60px}.s2{top:70px;left:100px}.s3{top:108px;left:61px}.s4{top:144px;left:103px}.s5{top:108px;left:141px}.hero-janggi{position:absolute;right:-43px;top:-30px;width:85px;height:85px;background:#f4e8c9;clip-path:polygon(28% 0,72% 0,100% 28%,100% 72%,72% 100%,28% 100%,0 72%,0 28%);font-family:serif;font-size:48px;color:#47664e;display:grid;place-items:center;transform:rotate(23deg);box-shadow:inset 0 0 0 8px #dfd2ae,inset 0 0 0 10px #bba678}.hero-star{position:absolute;color:#799265;font-size:34px;z-index:2}.star-one{top:25px;left:40px}.star-two{bottom:44px;right:28px;font-size:23px}.art-caption{position:absolute;bottom:14px;left:118px;font-size:8px;letter-spacing:2px;transform:rotate(-6deg);color:#8b967a}.floating-note{position:absolute;bottom:57px;left:0;display:flex;align-items:center;gap:9px;background:#ffffffde;border:1px solid white;box-shadow:0 7px 20px #33472909;padding:13px 18px;border-radius:9px;font-size:10px;transform:rotate(-5deg);color:#6e7e61}.floating-note svg{width:15px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:20px 0 23px}.section-kicker{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#8b9b7f}h2{font-size:24px;letter-spacing:-1px;margin:9px 0 0;font-weight:600}.no-signup{font-size:11px;color:#8b9686;display:flex;gap:7px;align-items:center;padding-bottom:3px}.no-signup svg{width:14px}.game-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}.game-card{position:relative;overflow:hidden;display:flex;text-align:left;background:#fffefa;border:1px solid #e1e5da;border-radius:13px;height:170px;padding:22px;transition:transform .2s,border-color .2s,box-shadow .2s}.game-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #203d3210}.game-card.chosen{border:1.5px solid #537458;background:#edf1e6;padding:21.5px}.card-copy{z-index:1}.card-en{font-size:9px;letter-spacing:1.7px;color:#98a18e}.game-card h3{margin:6px 0 8px;font-size:25px;letter-spacing:-1px;display:flex;align-items:center;gap:9px;font-weight:600}.card-selected{display:none;border-radius:50%;background:var(--green);width:17px;height:17px;color:#fff;align-items:center;justify-content:center}.card-selected svg{width:11px;height:11px}.chosen .card-selected{display:flex}.game-card p{font-size:11px;color:#84907d;margin:0}.card-tag{display:inline-block;font-size:9px;margin-top:20px;background:#f0f1e9;color:#7e8b72;padding:4px 8px;border-radius:4px}.chosen .card-tag{background:#dce6d3;color:#58744f}.art{position:absolute;right:5px;bottom:22px;width:110px;height:100px}.gomoku-art span{position:absolute;width:43px;height:43px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#666d5f,#29392d 75%);box-shadow:1px 8px 8px #263d2726}.gomoku-art span:nth-child(1){top:2px;left:30px}.gomoku-art span:nth-child(2){top:39px;left:12px;background:radial-gradient(circle at 30% 25%,#fff,#dddfcc 75%)}.gomoku-art span:nth-child(3){top:48px;left:60px}.janggi-art span{position:absolute;width:58px;height:58px;display:grid;place-items:center;top:8px;left:32px;background:#eadcbe;border:4px double #cdbb97;box-shadow:2px 5px #c2b08c;border-radius:17px;font:34px serif;color:#55735b;transform:rotate(15deg)}.janggi-art span+span{left:3px;top:40px;color:#a06855;transform:rotate(-16deg)}.chess-art{right:10px}.chess-art span{position:absolute;font:94px Georgia,serif;color:#354c3c;top:-11px;left:0;filter:drop-shadow(2px 7px 2px #354c3c20);transform:rotate(-9deg)}.chess-art span+span{font-size:69px;left:56px;top:25px;color:#c5c7b0;transform:rotate(8deg)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.play-surface{border:1px solid var(--line);border-radius:14px;background:#fffefa;overflow:hidden}.surface-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eceee5}.surface-header>div{display:flex;align-items:center;gap:13px}.surface-header h3{font-size:16px;margin:0}.local-pill{font-size:10px;color:#829079;background:#eff2e9;padding:5px 8px;border-radius:5px;display:flex;gap:5px;align-items:center}.local-pill svg{width:12px;height:12px}.board-tools{gap:9px!important}.icon-button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#87917e}.icon-button:hover{background:#e9eee0}.board-stage{padding:30px 42px;background:radial-gradient(ellipse at 50% 30%,#fbfaf3,#f5f4eb);display:flex;justify-content:center}.board{position:relative;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);width:100%;max-width:530px;isolation:isolate}.gomoku-board,.janggi-board{background:linear-gradient(115deg,#efdbb6,#e9cda1);box-shadow:0 5px #c8a779,0 9px 16px #73533116;border:13px solid #e5c79b;border-radius:5px;aspect-ratio:1}.janggi-board{aspect-ratio:9/10;max-width:470px;border-width:17px}.grid-lines{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;pointer-events:none;stroke:#a4865d;stroke-width:.025;fill:none}.grid-lines circle{fill:#8c714c;stroke:none}.cell{position:relative;padding:0;display:grid;place-items:center;min-width:0;min-height:0;z-index:1}.gomoku-board .cell:not(:has(.piece)):hover:after{content:"";width:72%;height:72%;background:#3b4b3b55;border-radius:50%}.piece{display:grid;place-items:center;pointer-events:none;z-index:2;transition:transform .15s}.gomoku-board .piece{width:84%;height:84%;border-radius:50%;box-shadow:1px 3px 3px #473d3a42;background:radial-gradient(circle at 33% 28%,#566052,#27362b 75%,#1b251d)}.gomoku-board .piece.side-b{background:radial-gradient(circle at 33% 28%,#fffef8,#eae8d8 75%,#c6c4b3)}.gomoku-board .last-move .piece:after{content:"";width:19%;height:19%;background:#cb9d59;border-radius:50%}.janggi-board .piece{font-family:serif;font-weight:700;font-size:clamp(17px,2.5vw,29px);width:87%;height:87%;background:#ffefd0;border:3px double #c4ae83;border-radius:32%;color:#42735d;box-shadow:0 3px #bc9c6c,1px 4px 3px #533c4233}.janggi-board .piece.side-b{color:#b76050}.janggi-board .piece.king{font-size:clamp(20px,3vw,34px)}.cell.selected .piece{transform:translateY(-3px)}.cell.selected{background:#71965965;border-radius:5px}.cell.legal:after{content:"";position:absolute;width:24%;height:24%;background:#375e5090;border-radius:50%;z-index:3}.cell.legal:has(.piece):after{width:89%;height:89%;border:3px solid #759969;background:transparent}.janggi-board .last-move:before{content:"";position:absolute;top:2%;right:2%;bottom:2%;left:2%;border:2px solid #fff9;z-index:-1;border-radius:5px}.chess-board{aspect-ratio:1;border:9px solid #465f4c;box-shadow:0 5px #304637,0 9px 16px #73533116;border-radius:3px}.chess-board .cell.even{background:#ececda}.chess-board .cell.odd{background:#86a083}.chess-board .piece{font-family:Georgia,Times New Roman,serif;font-size:clamp(26px,4.9vw,57px);line-height:1;color:#253e30;filter:drop-shadow(0 2px 1px #0003)}.chess-board .piece.side-a{color:#fffcdf;-webkit-text-stroke:1px #667455;text-shadow:0 2px 1px #52644e}.chess-board .cell.last-move{background:#c6ce87}.chess-board .cell.selected{background:#e1cc7c}.file-label,.rank-label{position:absolute;font-size:9px;color:#375340;z-index:3;font-family:DM Sans,sans-serif}.file-label{bottom:2px;right:4px}.rank-label{top:2px;left:4px}.surface-footer{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;font-size:10px;color:#8c957f;gap:10px}.surface-footer>span,.surface-footer button{display:flex;align-items:center;gap:6px}.surface-footer svg{width:13px;height:13px}.surface-footer button{font-size:10px;white-space:nowrap}.status-card,.history-card{border:1px solid var(--line);border-radius:13px;background:#fffefa;padding:23px}.status-top{display:flex;justify-content:space-between;align-items:center}.live-label{font-size:9px;color:#8f9887;display:flex;align-items:center;gap:5px}.live-label b{width:5px;height:5px;border-radius:50%;background:#8ea77a}.turn-summary{display:flex;align-items:center;gap:12px;margin:23px 0}.turn-piece{width:35px;height:35px;flex-shrink:0}.turn-piece.gomoku{border-radius:50%;background:radial-gradient(circle at 30% 25%,#61665b,#25362a);box-shadow:1px 3px 5px #34473333}.turn-piece.gomoku.side-b{background:radial-gradient(circle at 30% 25%,#fff,#e2dfc9);border:1px solid #d9d8c8}.turn-piece.chess{font:39px/35px Georgia}.turn-piece.chess.side-a{color:#e4ddbb;-webkit-text-stroke:1px #68795e}.turn-piece.janggi{font:25px serif;color:#47705a;background:#efdfbd;display:grid;place-items:center;border:3px double #b5a17a;border-radius:10px}.turn-piece.janggi.side-b{color:#a3574a}.turn-summary h3{font-size:17px;margin:0 0 6px;letter-spacing:-.6px}.turn-summary p{font-size:9px;margin:0;color:#98a08f;line-height:1.6}.players{display:flex;flex-direction:column;gap:8px}.player{border:1px solid #eceee5;border-radius:8px;padding:12px;display:flex;align-items:center;gap:9px;font-size:11px}.player.current{background:#f0f4e9;border-color:#d9e4cd}.player-dot{width:10px;height:10px;border-radius:50%;background:#354b39}.player-dot.second{background:#faf8ee;border:1px solid #c3c8b4}.player-dot.janggi.second{background:#ad6855}.player-dot.chess.first{background:#faf8ee;border:1px solid #c3c8b4}.player-dot.chess.second{background:#354b39}.player>span>small{display:block;font-size:8px;color:#9ba390;margin-top:3px}.playing{font-size:8px;margin-left:auto;color:#708963;background:#e3edda;padding:4px 6px;border-radius:4px}.match-settings{display:flex;justify-content:space-between;font-size:9px;margin:20px 0;color:#929c87}.match-settings>span{display:flex;gap:5px;align-items:center}.match-settings svg{width:13px;height:13px}.match-settings strong{font-size:9px;color:#6d7d63;font-weight:500}.primary-button{background:var(--green);border:1px solid var(--green);border-radius:7px;color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:43px;font-size:11px;transition:background .15s}.primary-button:hover{background:#39634f}.primary-button svg{width:14px;height:14px}.secondary-actions{display:flex;justify-content:space-between;margin-top:14px}.secondary-actions>button{display:flex;align-items:center;gap:6px;font-size:9px;color:#7a8870;padding:3px 0}.secondary-actions svg{width:13px;height:13px}.pass-button{width:100%;font-size:10px;border:1px solid var(--line);border-radius:6px;margin-top:15px;padding:9px}.pass-button[hidden]{display:none}.history-card{margin-top:16px;padding:19px 22px}.history-heading{display:flex;align-items:center;justify-content:space-between}.history-heading h3{margin:0;font-size:12px}.history-heading>span{font-size:9px;background:#f1f2ea;border-radius:4px;color:#8e9984;padding:3px 7px}.empty-history{text-align:center;padding:18px 0 6px}.empty-history>span{color:#c0c9b3;font-size:24px}.empty-history p{font-size:10px;color:#8f9983;margin:8px 0}.empty-history small{font-size:8px;color:#b0b7a4}.history-labels,.history-row{display:grid;grid-template-columns:26px 1fr 1fr;gap:8px;padding:8px 0;font-size:10px}.history-labels{margin-top:10px;color:#99a08f;border-bottom:1px solid #eceee3}.history-row>span:first-child{color:#a0aa94}.history-scroll{max-height:119px;overflow-y:auto}.history-row:last-child{color:var(--green);font-weight:600}.small-note{display:flex;justify-content:center;align-items:center;gap:6px;font-size:9px;color:#9da68e;margin-top:18px}.small-note svg{width:12px}.online-banner{display:flex;align-items:center;gap:23px;padding:30px 34px;margin:42px 0 48px;border:1px solid #dfe5d6;background:#edf1e5;border-radius:13px}.online-icon{width:63px;height:63px;display:grid;place-items:center;background:#e1e9d6;border:1px solid #d5dfc9;border-radius:50%;color:#7c946c;flex-shrink:0}.online-icon svg{width:34px;height:34px;stroke-width:1}.online-banner .section-kicker{font-size:8px}.online-banner h2{font-size:20px;margin-top:6px;letter-spacing:-.7px}.online-banner p{font-size:10px;color:#8b977e;margin:9px 0 0;line-height:1.7}.online-banner button{margin-left:auto;white-space:nowrap;font-size:10px;display:flex;align-items:center;gap:15px;color:#667e59}.online-banner button svg{width:15px}footer{max-width:1280px;margin:auto;display:flex;align-items:center;gap:22px;padding:25px 46px 35px;border-top:1px solid var(--line)}.footer-brand{font-weight:800;font-size:19px;letter-spacing:-1px}.footer-brand span{font-size:9px;letter-spacing:1px;font-weight:500;margin-left:7px;color:#8e9b83}footer p{font-size:10px;color:#9ca58f}footer>span{margin-left:auto;font-size:8px;letter-spacing:1px;color:#a6ad99}dialog{border:1px solid #e0e4d8;border-radius:20px;background:#fffef7;padding:36px;max-width:480px;width:calc(100% - 32px);color:var(--green);box-shadow:0 30px 100px #10281933}dialog::backdrop{background:#142d235c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:14px;right:14px}.dialog-description{font-size:12px;color:#859179;line-height:1.8;margin:16px 0 22px}.rules{padding-left:20px;display:grid;gap:15px;color:#64735b;font-size:12px;line-height:1.9}.rules li{padding-left:6px}.rules li::marker{font-weight:700;color:#92a378}.guide-tip{font-size:10px;background:#edf2e4;border-radius:8px;padding:14px;display:flex;align-items:center;gap:9px;margin-top:24px;color:#7a8e6c}.guide-tip svg{width:14px}.roadmap>div{display:flex;gap:15px;padding:17px 0;border-top:1px solid #e9ecdf}.roadmap b{width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#edf1e3;color:#8c9b7e;font-size:11px}.roadmap b.done{background:var(--green);color:#fff}.roadmap h3{font-size:13px;margin:3px 0 8px}.roadmap p{font-size:10px;color:#8f9a82;line-height:1.7;margin:0 0 8px}.roadmap section>span{font-size:9px;color:#789262}.dialog-cancel{width:100%;padding:14px;font-size:12px;color:#7e8b73}.promotion-choices{display:flex;gap:10px}.promotion-choices button{display:flex;flex:1;flex-direction:column;align-items:center;background:#edf2e4;border:1px solid #d8e1cc;padding:12px;border-radius:9px;font-size:11px}.promotion-choices span{font:40px Georgia;margin-bottom:8px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#284b3e;color:#fff;padding:14px 23px;border-radius:10px;font-size:12px;box-shadow:0 5px 25px #203b3225;transition:.2s;z-index:10;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%)}.focus-mode .hero,.focus-mode .section-heading,.focus-mode .game-cards,.focus-mode .online-banner,.focus-mode footer,.focus-mode .site-header{display:none}.focus-mode .game-layout{padding:24px 0}.focus-mode .board{max-width:660px}.focus-mode .board-stage{padding:22px}.focus-mode .play-section{margin-top:0}::selection{background:#d8e5c7}@media(min-width:1400px){.hero{min-height:447px}.hero-art{margin-right:55px}.board-stage{padding:32px 50px}}@media(max-width:1000px){.site-header{gap:50px;padding:0 32px}.hero{padding-left:5px}.hero h1{font-size:48px}.hero-art{transform:scale(.88);transform-origin:right center;margin-left:-50px;margin-right:0}.game-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.game-card{padding:18px;height:164px}.game-card.chosen{padding:17.5px}.art{right:-14px;transform:scale(.85);transform-origin:bottom right}.card-copy p{font-size:9px}.board-stage{padding:24px}.surface-footer{padding:17px 15px;font-size:8px}.surface-footer button{font-size:9px}.status-card{padding:20px}.game-card h3{font-size:22px}.card-tag{font-size:8px}}@media(max-width:760px){.site-header{height:77px;gap:30px;padding:0 22px}.site-header nav{gap:20px;font-size:12px}.site-header nav>a,.site-header nav>button{height:77px}.header-note{display:none}.brand strong{font-size:25px}main{padding:0 20px}.hero{min-height:335px;padding:33px 0}.hero h1{font-size:41px;letter-spacing:-2.7px}.hero-copy{z-index:2}.eyebrow{font-size:7px;letter-spacing:1px}.hero-copy>p{font-size:11px}.hero-link{font-size:10px;margin-top:20px;gap:14px}.hero-art{position:absolute;right:-73px;top:6px;transform:scale(.64);transform-origin:right center;opacity:.9}.hero-index{font-size:6px;bottom:5px}.section-heading{margin-top:30px}.section-heading h2{font-size:21px}.no-signup{font-size:9px}.game-cards{gap:10px;margin-bottom:20px}.game-card{height:153px;padding:14px}.game-card.chosen{padding:13.5px}.card-en{font-size:7px}.game-card h3{font-size:21px;margin:6px 0}.card-copy p{display:none}.art{transform:scale(.65);bottom:8px;right:4px}.card-tag{position:absolute;top:42px;left:14px;background:none!important;padding:0;margin-top:20px;font-size:7px}.game-layout{grid-template-columns:1fr}.game-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.history-card{margin:0;align-self:start}.small-note{grid-column:1/-1;margin:0}.board-stage{padding:28px 45px}.board{max-width:520px}.chess-board .piece{font-size:clamp(27px,7.5vw,56px)}.janggi-board .piece{font-size:clamp(19px,4vw,30px)}.janggi-board .piece.king{font-size:clamp(24px,5vw,36px)}.online-banner{padding:24px;gap:17px;flex-wrap:wrap;margin:30px 0}.online-banner>div:nth-child(2){flex:1}.online-banner button{margin:0 0 0 80px;font-size:10px}.online-banner h2{font-size:19px}.online-banner p{font-size:9px}.online-icon{width:48px;height:48px}footer{padding:24px;flex-wrap:wrap;gap:12px}footer>span{font-size:6px}.status-card{padding:20px}.turn-summary h3{font-size:15px}.turn-summary p{font-size:8px}.surface-footer{font-size:10px}.focus-mode .game-sidebar{grid-template-columns:1fr 1fr}}@media(max-width:480px){.site-header{gap:0;justify-content:space-between}.site-header nav{gap:19px}.site-header nav>button:nth-of-type(1){display:none}.soon{font-size:7px;padding:3px}.hero{min-height:315px}.hero h1{font-size:38px}.hero-art{right:-109px;top:24px;transform:scale(.54);opacity:.78}.hero-copy>p{font-size:10px}.hero-copy{max-width:220px}.hero-index{right:0}.section-heading{margin:20px 0}.section-heading h2{font-size:20px}.section-kicker{font-size:8px}.no-signup{font-size:8px;gap:3px}.no-signup svg{width:11px}.game-cards{gap:8px}.game-card{padding:12px;height:142px;border-radius:10px}.game-card.chosen{padding:11.5px}.game-card h3{font-size:20px}.card-tag{left:12px;font-size:6px;top:39px}.art{transform:scale(.57);right:3px;bottom:4px}.card-selected{width:14px;height:14px}.board-stage{padding:21px 16px 26px}.gomoku-board,.janggi-board{border-width:10px}.chess-board{border-width:6px}.surface-header{padding:14px 16px}.surface-footer{padding:16px 12px;font-size:8px}.surface-footer button{font-size:8px}.surface-footer>span{gap:4px}.surface-footer svg{width:11px}.game-sidebar{grid-template-columns:1fr;gap:14px}.status-card{padding:22px}.turn-summary{margin:20px 0}.turn-summary h3{font-size:18px}.turn-summary p{font-size:10px}.players{flex-direction:row}.player{flex:1}.player>span{font-size:11px}.playing{font-size:7px!important}.match-settings{font-size:11px}.match-settings strong{font-size:10px}.secondary-actions>button{font-size:11px}.history-card{padding:18px 22px}.empty-history{padding:7px 0}.empty-history>span{display:none}.online-banner{padding:23px 20px;gap:13px}.online-banner h2{font-size:17px}.online-banner p{font-size:9px}.online-banner button{margin-left:61px}.online-icon{width:44px;height:44px}.online-icon svg{width:26px}.online-banner .section-kicker{font-size:7px}footer>span{width:100%;margin:5px 0 0}footer p{margin-left:auto}.focus-mode .game-sidebar{grid-template-columns:1fr}dialog{padding:30px 25px}.file-label,.rank-label{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media(max-width:760px){.online-banner{display:grid;grid-template-columns:48px minmax(0,1fr)}.online-banner button{grid-column:2;margin:0;justify-self:start}.online-banner>div:nth-child(2){min-width:0}.card-tag{top:66px;margin-top:0}}@media(max-width:480px){.online-banner{grid-template-columns:44px minmax(0,1fr)}.online-banner button{margin:0}.card-tag{top:67px;font-size:7px}.hero-art{right:-54px;transform:scale(.43)}}.opponent-controls{display:flex;align-items:center;gap:18px;margin:0 0 20px;flex-wrap:wrap}.mode-switch{display:flex;background:#e9eee1;border-radius:9px;padding:4px;gap:3px}.mode-switch button{padding:11px 17px;font-size:12px;border-radius:6px;color:#728368}.mode-switch button[aria-pressed=true]{background:#254e40;color:#fff;box-shadow:0 2px 5px #253e3020}.difficulty-control{display:flex;align-items:center;gap:10px;font-size:11px;color:#718165}.difficulty-control[hidden]{display:none}.difficulty-control select{font:inherit;color:#36533d;padding:9px 24px 9px 12px;border:1px solid #d6dfcd;border-radius:6px;background:#fffefa}.opponent-note{margin-left:auto;font-size:10px;color:#89977d}.board[aria-busy=true]{cursor:progress}.cell:disabled{opacity:1}.focus-mode .opponent-controls{margin-top:20px}.focus-mode .game-layout{padding-top:0}@media(max-width:760px){.opponent-controls{gap:12px}.opponent-note{width:100%;margin:0}.mode-switch button{padding:10px 12px;font-size:11px}.difficulty-control{margin-left:auto}}@media(prefers-reduced-motion:no-preference){.board[aria-busy=true] .last-move .piece{animation:thinking 1.5s ease-in-out infinite}@keyframes thinking{50%{filter:brightness(1.18)}}}.result-banner{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 24px;background:#e6edda;border-bottom:1px solid #d1ddbf}.result-banner[hidden]{display:none}.result-banner>div{display:flex;gap:12px;align-items:center}.result-banner>div>svg{width:28px;height:28px;color:#8f793d}.result-banner strong{display:block;font-size:16px}.result-banner small{display:block;font-size:10px;color:#71815f;margin-top:5px}.result-banner button{display:flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap}.result-dialog{text-align:center;padding:36px;overflow:visible}.result-dialog .section-kicker{color:#958452}.result-dialog h2{font-size:30px;margin-top:14px}.result-dialog .dialog-description{margin:12px 0 20px}.result-emblem{width:92px;height:92px;display:grid;place-items:center;margin:0 auto 22px;border:1px solid #d9cba1;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff8dd,#e6d3a0);color:#8e7632;box-shadow:0 9px 25px #ac8e3320}.result-emblem svg{width:44px;height:44px;stroke-width:1.4}.result-emblem.draw{background:#e6eddf;border-color:#cad7bd;color:#638053}.result-details{display:flex;flex-direction:column;gap:8px;padding:18px;background:#f0f3e8;border-radius:10px;margin-bottom:22px}.result-details>span,.result-details small{font-size:11px;color:#7c896d}.result-details strong{font-size:17px}.result-dialog .primary-button{height:47px;font-size:13px}.result-dialog .dialog-cancel{padding-bottom:0}@media(max-width:480px){.result-banner{padding:16px 14px}.result-banner strong{font-size:14px}.result-banner small{font-size:9px}.result-banner button{font-size:10px}.result-dialog{padding:30px 24px}.result-dialog h2{font-size:26px}}@media(prefers-reduced-motion:no-preference){.result-dialog[open]{animation:result-appear .28s ease-out}.result-emblem{animation:result-emblem .55s ease-out}@keyframes result-appear{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes result-emblem{0%{transform:scale(.6) rotate(-12deg)}to{transform:scale(1) rotate(0)}}}.chess-piece-svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.chess-piece-svg .chess-shadow{fill:#172b272c}.chess-piece-svg.chess-a .chess-body{fill:#fff5d9;stroke:#746c56}.chess-piece-svg.chess-b .chess-body{fill:#273f3b;stroke:#122e2b}.chess-piece-svg.chess-a .chess-base{fill:#dfcda6}.chess-piece-svg.chess-b .chess-base{fill:#19312f}.chess-piece-svg.chess-a .chess-shine{stroke:#fffdf2;stroke-width:2.2}.chess-piece-svg.chess-b .chess-shine{stroke:#829b8d;stroke-width:1.3}.chess-piece-svg.chess-a .chess-eye{fill:#746c56}.chess-piece-svg.chess-b .chess-eye{fill:#c3d0b8}.chess-stage{flex-direction:column;align-items:center;gap:19px;background:radial-gradient(ellipse at 50% 35%,#f1f1e7,#e9ece2);padding:24px 32px}.chess-board{max-width:560px;border:24px solid #314f45;border-radius:9px;box-shadow:0 2px #768371,inset 0 0 0 1px #f0ead533,0 7px #213d34,0 15px 27px #20392c24;outline:1px solid #274337;outline-offset:-3px}.chess-board .cell.even{background:#eee6cf}.chess-board .cell.odd{background:#819886}.chess-board .cell{border-radius:0;overflow:visible}.chess-board .piece,.chess-board .piece.side-a{width:88%;height:88%;font-size:inherit;line-height:normal;color:inherit;-webkit-text-stroke:0;text-shadow:none;filter:drop-shadow(0 2px 1px #142c2b30)}.chess-board .cell.last-move.even{background:#e5d7a3}.chess-board .cell.last-move.odd{background:#b4b681}.chess-board .cell.last-move:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid #74693250;pointer-events:none}.chess-board .cell.selected{background:#d1bf7d;box-shadow:inset 0 0 0 3px #8b7437;z-index:3}.chess-board .cell.selected .piece{transform:translateY(-3px) scale(1.08);filter:drop-shadow(0 5px 2px #172c2b40)}.chess-board .cell.legal:after{width:23%;height:23%;background:#2e554b75;box-shadow:0 0 0 2px #f7f0d530;pointer-events:none}.chess-board .cell.legal:has(.piece):after{width:auto;height:auto;top:3px;right:3px;bottom:3px;left:3px;border:3px solid #b18b44;background:transparent;border-radius:50%;box-shadow:none}.chess-board .cell.in-check{background:#cd8d79;box-shadow:inset 0 0 0 3px #a44c3f}.chess-board .cell:not(:disabled):hover{box-shadow:inset 0 0 0 2px #fff8d896}.chess-board .file-label,.chess-board .rank-label{color:#dce3cb;font-size:10px;font-weight:500;letter-spacing:.5px;pointer-events:none}.chess-board .file-label{bottom:-18px;left:0;right:0;text-align:center}.chess-board .rank-label{left:-17px;top:50%;transform:translateY(-50%)}.chess-player-rail{width:100%;max-width:560px;display:flex;align-items:center;gap:11px;min-height:50px}.chess-player-rail[hidden],.chess-legend[hidden]{display:none}.chess-avatar{width:42px;height:44px;background:#dce3d5;border:1px solid #cbd5c5;border-radius:9px;padding:3px;flex-shrink:0}.chess-player-rail.active .chess-avatar{background:#faf5e4;border-color:#9eaa89}.chess-player-info{min-width:0;flex:1}.chess-player-info strong{font-size:12px;display:flex;gap:10px;align-items:center}.chess-player-info strong>span{font-size:8px;letter-spacing:1px;color:#8a967f;font-weight:500}.captured-pieces{display:flex;align-items:center;min-height:22px;flex-wrap:wrap}.captured-pieces small{font-size:9px;color:#929b87;font-weight:400}.captured-pieces .chess-piece-svg{width:21px;height:23px;margin-right:-6px}.chess-turn-tag{font-size:9px;color:#8a9581;flex-shrink:0}.chess-player-rail.active .chess-turn-tag{padding:6px 10px;background:#dbe6ce;color:#4e7049;border-radius:5px}.chess-player-rail.active .chess-turn-tag:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#729062;margin-right:5px;vertical-align:middle}.chess-legend{display:flex;justify-content:center;gap:19px;font-size:9px;color:#88947d;margin-top:-5px}.chess-legend span{display:flex;align-items:center;gap:6px}.chess-legend b{display:inline-block;width:8px;height:8px}.legend-dot{border-radius:50%;background:#537568}.legend-last{background:#c9bd85;border:1px solid #a49a64;border-radius:2px}.legend-check{background:#cf9582;border:1px solid #ad6456;border-radius:2px}.turn-piece.chess,.turn-piece.chess.side-a{width:40px;height:44px;font-size:inherit;-webkit-text-stroke:0}.chess-art.vector-art span{width:80px;height:94px;top:0;left:-4px;font-size:inherit;filter:drop-shadow(2px 5px 3px #263d2725)}.chess-art.vector-art span+span{width:60px;height:70px;left:52px;top:30px;font-size:inherit}.promotion-choices span{display:block;width:52px;height:56px;margin-bottom:7px}.promotion-choices button:hover{background:#e1e9d4;border-color:#8ca779}@media(max-width:760px){.chess-stage{padding:22px 28px}.chess-board,.chess-player-rail{max-width:520px}}@media(max-width:480px){.chess-stage{padding:17px 13px;gap:15px}.chess-board{border-width:18px;border-radius:6px}.chess-board .file-label{bottom:-14px;font-size:8px}.chess-board .rank-label{left:-13px;font-size:8px}.chess-board .piece{width:94%;height:94%}.chess-avatar{width:35px;height:37px}.chess-player-info strong{font-size:11px}.chess-player-info strong>span{font-size:7px}.chess-turn-tag{font-size:8px}.chess-legend{font-size:8px;gap:14px}.promotion-choices span{width:44px;height:48px}.chess-board .cell.selected{box-shadow:inset 0 0 0 2px #8b7437}.chess-board .cell.legal:has(.piece):after{border-width:2px}}.review-entry{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;border:1px solid #a7b68c;border-radius:8px;background:#e9efdc;color:#44613b;padding:13px;margin-bottom:12px;font-size:13px}.review-entry:hover{background:#dfe9cc}.review-entry svg:last-child{margin-left:auto;width:15px}.review-entry svg:first-child{margin-right:auto;width:17px}.review-dialog{max-width:920px;text-align:left;padding:30px;max-height:calc(100dvh - 32px);overflow-y:auto}.review-dialog h2{font-size:26px}.review-tabs{display:flex;gap:7px;background:#eef1e7;padding:5px;border-radius:9px;margin-bottom:24px}.review-tabs button{flex:1;display:flex;gap:9px;align-items:center;justify-content:center;padding:12px 8px;border-radius:6px;font-size:12px;color:#7e8c70}.review-tabs button span{font-size:9px;opacity:.7}.review-tabs button[aria-pressed=true]{background:#284d3d;color:#fff}.review-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start}.review-visual{min-width:0}.review-board{display:grid;grid-template-columns:repeat(var(--review-cols),1fr);position:relative;width:100%;isolation:isolate;border:10px solid #d7b78b;border-radius:5px;background:#efdab4;box-shadow:0 4px #baa079}.review-cell{display:grid;place-items:center;position:relative;min-height:0;min-width:0}.review-grid,.review-arrow{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.review-grid{stroke:#a3885d;stroke-width:.027;fill:none}.review-arrow{z-index:4;color:#c39137;opacity:.82}.review-piece{width:88%;height:88%;display:grid;place-items:center;z-index:1}.review-gomoku .review-piece b{display:block;width:90%;height:90%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#586452,#263c2d);box-shadow:0 2px 2px #152c2840}.review-gomoku .review-piece.white b{background:radial-gradient(circle at 30% 25%,#586452,#263c2d)}.review-gomoku .review-piece.black b{background:radial-gradient(circle at 30% 25%,#fffdf3,#dfdbc6)}.review-chess{border-color:#355547;background:#eee6cf;box-shadow:0 4px #233e32}.review-chess .odd{background:#839886}.review-chess .even{background:#eee6cf}.review-janggi .review-piece:not(:empty){background:#ffedc9;border:2px double #c1a477;border-radius:30%;font-family:serif;font-size:clamp(13px,2.8vw,25px);color:#b1604e;box-shadow:0 2px #b69969}.review-janggi .review-piece.white:not(:empty){color:#426e53}.review-cell.destination{background:#d6bc75a6;box-shadow:inset 0 0 0 2px #b59442}.review-cell.origin:before{content:"";position:absolute;top:9%;right:9%;bottom:9%;left:9%;border:2px solid #b59442;border-radius:3px}.review-cell.danger{background:#d6a48d99;box-shadow:inset 0 0 0 2px #b85d4b}.review-cell small{position:absolute;right:0;bottom:0;font-size:8px;line-height:1.3;background:#fff9e4e8;color:#5e4c31;padding:0 2px;z-index:5;border-radius:2px}.review-board.alternative .review-cell.danger,.review-board.alternative .review-cell.destination{background:#bdd8a3;box-shadow:inset 0 0 0 2px #5d8c4f}.review-board.alternative .review-arrow{color:#4f8047}.review-key{font-size:9px;color:#8a947c;text-align:center;line-height:1.7;margin:12px 0}.review-badge{font-size:10px;background:#e9efdc;color:#6c8054;padding:5px 9px;border-radius:4px;display:inline-block}.review-explanation h3{font-size:21px;letter-spacing:-.8px;margin:17px 0 12px}.review-explanation>p{font-size:13px;line-height:1.95;color:#526348;margin:0 0 20px;word-break:keep-all;overflow-wrap:anywhere}.review-scope,.review-limit{font-size:10px;line-height:1.8;color:#8e967e;background:#f0f2e8;padding:12px;border-radius:7px;margin:14px 0}.review-limit{color:#87734a;background:#f4efdf}.review-explanation .primary-button{font-size:12px}.practice-hint{display:block;font-size:9px;line-height:1.7;color:#8e997f;margin:10px 0;text-align:center}.practice-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f0eedc;border:1px solid #dcd5b8;border-radius:10px;padding:16px 20px;margin-bottom:18px}.practice-banner[hidden]{display:none}.practice-banner strong{display:block;font-size:12px;color:#796b40}.practice-banner span{display:block;font-size:10px;color:#8d8262;margin-top:5px}.practice-banner button{font-size:11px;white-space:nowrap;border-bottom:1px solid #a99b70;padding:5px 0}.review-loading{text-align:center;padding:30px 0 15px}.review-loading>span{display:inline-block;width:35px;height:35px;border:3px solid #dce5cf;border-top-color:#5e8055;border-radius:50%}.review-loading p{font-size:12px;line-height:1.8;color:#6e7c62}.review-loading small{font-size:10px;line-height:1.8;color:#8b967e}.review-explanation .dialog-cancel{padding-bottom:0}@media(prefers-reduced-motion:no-preference){.review-loading>span{animation:review-spin 1s linear infinite}@keyframes review-spin{to{transform:rotate(360deg)}}}@media(max-width:650px){.review-dialog{padding:25px 20px;max-height:calc(100dvh - 24px);border-radius:14px}.review-dialog h2{font-size:23px}.review-dialog .dialog-description{font-size:11px;margin:12px 0 18px}.review-layout{grid-template-columns:1fr;gap:12px}.review-tabs{gap:3px;margin-bottom:18px}.review-tabs button{padding:11px 4px;font-size:10px;gap:4px}.review-tabs button span{display:none}.review-board{max-width:380px;margin:auto;border-width:8px}.review-explanation h3{font-size:19px;margin:12px 0 9px}.review-explanation>p{font-size:12px;margin-bottom:12px}.review-key{font-size:8px}.review-cell small{font-size:7px}.practice-banner{align-items:flex-start;padding:14px;flex-wrap:wrap}.practice-banner span{line-height:1.7}.practice-banner button{font-size:10px}}.language-select{font:inherit;font-size:11px;border:1px solid #dbe2d1;border-radius:6px;padding:8px;color:#486044;background:#f8f8f2;max-width:108px}.site-header{gap:45px}.header-note{margin-left:auto}.online-mode-button{display:flex;align-items:center;gap:6px;font-size:11px;color:#52734c;border:1px solid #cdd9bf;border-radius:7px;padding:11px;background:#eff4e7}.opponent-note{font-size:9px}.online-panel{border:1px solid #c8d7bc;border-radius:13px;background:#eef3e5;padding:24px;margin:0 0 24px}.online-panel[hidden]{display:none}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.room-heading h3{font-size:19px;margin:8px 0 10px}.room-heading>button{font-size:11px;display:flex;align-items:center;gap:5px;color:#7c8c70}.room-code{font-family:monospace;background:#e0e8d5;padding:4px 8px;border-radius:4px;font-size:12px;letter-spacing:1px;-webkit-user-select:all;user-select:all}.room-side{font-size:11px;margin-left:10px}.room-players{display:flex;gap:22px;margin:22px 0;font-size:12px}.room-players>span{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.room-players small{font-size:9px;color:#869879}.presence{width:6px;height:6px;background:#aeb5a6;border-radius:50%;display:inline-block}.presence.connected{background:#71965c}.room-actions{display:flex;gap:10px}.room-actions .primary-button{max-width:220px}.room-secondary{border:1px solid #c7d4b8;padding:11px 17px;border-radius:7px;background:#fafbf4;font-size:11px}.room-offer{display:flex;align-items:center;gap:10px;background:#fff9e8;border:1px solid #e5d9b8;border-radius:8px;padding:13px;margin-top:16px;font-size:11px;flex-wrap:wrap}.room-offer p{flex:1;margin:0}.room-offer button{background:#e4ead8;border-radius:5px;padding:7px 15px}.lobby-game{display:flex;gap:15px;margin-bottom:22px}.lobby-game label{display:grid;gap:8px;flex:1;font-size:11px}.lobby-game select,.join-room input,#invite-link{font:inherit;border:1px solid #d5dfc8;background:#fcfcf5;color:#3b5736;border-radius:7px;padding:12px;min-width:0;width:100%}.lobby-divider{border-top:1px solid #e1e7d7;margin:25px 0 12px;padding-top:20px;font-size:13px;font-weight:600}.lobby-note{font-size:11px;line-height:1.8;color:#819274}.join-room{border-top:1px solid #e1e7d7;margin-top:24px;padding-top:20px;display:grid;gap:10px;font-size:11px}#toast{z-index:50}html:not([lang=ko]) .hero h1{font-size:48px;letter-spacing:-1.5px}html:not([lang=ko]) .card-copy p{max-width:175px;line-height:1.7}html:not([lang=ko]) .game-card h3{font-size:23px}html:not([lang=ko]) .turn-summary h3{font-size:15px}html:not([lang=ko]) .turn-summary p{font-size:10px}html:not([lang=ko]) .surface-footer{flex-wrap:wrap}.status-top .live-label{max-width:160px;text-align:right;line-height:1.5}@media(max-width:1000px){.site-header{gap:25px}.header-note{display:none}.language-select{margin-left:auto}.opponent-note{width:100%;margin:0}}@media(max-width:650px){.site-header{padding:0 16px;gap:15px}.site-header nav{gap:14px;font-size:11px}.site-header nav>button:first-of-type{display:none}.site-header .soon{display:none}.language-select{font-size:10px;max-width:90px;padding:7px 4px}.online-panel{padding:18px}.room-heading h3{font-size:16px}.room-heading>button{font-size:10px;white-space:nowrap}.room-players{gap:14px}.room-actions{flex-wrap:wrap}.room-actions .primary-button{max-width:none;flex:1}.room-offer p{min-width:100%;line-height:1.6}.online-mode-button{font-size:10px;padding:9px}.opponent-controls{gap:8px}html:not([lang=ko]) .hero h1{font-size:34px;letter-spacing:-1px}html:not([lang=ko]) .game-card h3{font-size:17px}html:not([lang=ko]) .card-tag{font-size:7px}html:not([lang=ko]) .section-heading h2{font-size:19px}html:not([lang=ko]) .no-signup{font-size:8px}html:not([lang=ko]) .mode-switch button{font-size:10px}.site-header .brand strong{font-size:24px;letter-spacing:-1px}.site-header .brand-mark{transform:scale(.8);width:24px}}button.hero-link{border:0;background:transparent;padding:0;font:inherit;cursor:pointer;color:var(--green,#244c3a)}.opponent-controls>.online-mode-button{background:#244c3a;color:#fff;border-color:#244c3a;padding:13px 20px}.friend-lobby{border-top:1px solid #dfdfd3;margin-top:22px;padding-top:18px}.friend-lobby summary{cursor:pointer;font-weight:650;margin-bottom:16px}.friend-lobby>label{display:flex;justify-content:space-between;align-items:center}.friend-lobby select{padding:8px;border:1px solid #ddd;border-radius:8px;background:#fff}.lobby-rules{background:#f0f3eb;padding:16px;border-radius:12px;line-height:1.8;font-size:14px;color:#244c3a}.lobby-rules span{font-size:12px;color:#607467}.room-kind{font-size:12px;color:#617261;margin-right:14px}.player-clock{display:block;font-size:26px;font-variant-numeric:tabular-nums;letter-spacing:1px;padding:6px 10px;margin-top:8px;border-radius:8px;background:#eee;color:#596359}.player-clock.running{background:#244c3a;color:#fff}.player-clock.urgent{color:#a63124;background:#ffe5df}.room-timing{font-size:13px;color:#697669;min-height:20px}.room-actions [hidden]{display:none}@media(max-width:600px){.opponent-controls>.online-mode-button{width:100%;justify-content:center}.lobby-rules{font-size:13px}.player-clock{font-size:23px}}.board-clocks{display:flex;justify-content:space-between;gap:12px;padding:12px 22px;background:#fafbf6;position:sticky;top:0;z-index:4;border-bottom:1px solid #e3e5da}.board-clocks[hidden]{display:none}.board-clocks>span{display:flex;align-items:center;gap:12px;font-size:13px}.board-clocks .player-clock{display:inline-block;margin:0;font-size:20px}.online-panel{scroll-margin-top:20px}@media(max-width:600px){.board-clocks{padding:9px 12px}.board-clocks>span{font-size:11px;gap:6px}.board-clocks .player-clock{font-size:18px;padding:5px}}