.online-main{max-width:1060px;padding-top:2rem;padding-bottom:3rem}.online-heading,.gm-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem}.online-heading h1,.gm-heading h1{color:var(--peach);font-size:clamp(1.8rem,5vw,2.65rem);line-height:1.4;margin:.4rem 0}.online-heading>div>p:last-child{font-size:.9rem;color:var(--ink-soft)}.online-member{color:var(--lavender);font-size:.8rem;overflow-wrap:anywhere;max-width:180px}.online-note{font-size:.8rem;line-height:1.9;color:var(--ink-soft)}.online-back{display:inline-block;color:var(--lavender);font-size:.8rem;padding:.35rem 0}.online-catalog{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.online-game-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:center;padding:2rem 0}.online-game-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem .7rem}.online-game-meta .eyebrow{margin:0}.online-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:.15rem .45rem;font-family:var(--font-hand);font-size:.72rem;font-weight:700;letter-spacing:.04em;color:#13203a;box-shadow:inset 1px 1px 0 #fff3c4,2px 2px 0 #05070f}.online-badge.is-single{background:var(--mint);box-shadow:inset 1px 1px 0 #c8ffd8,2px 2px 0 #05070f}.online-badge.is-multi{background:var(--peach)}.online-game-info h2{font-size:3rem;color:var(--ink);font-weight:normal;margin:.6rem 0}.online-mini-diamond{position:relative;min-height:150px;background:#101626;border:4px solid #2a2e40;box-shadow:5px 5px 0 #05070f;overflow:hidden}.online-mini-diamond i{position:absolute;width:18%;aspect-ratio:1;top:28%;left:10%;background:#0e1020;border:2px solid var(--peach);box-shadow:2px 2px 0 #05070f}.online-mini-diamond i:nth-child(2){left:31%}.online-mini-diamond i:nth-child(3){left:52%}.online-mini-diamond i:nth-child(4){left:73%}.online-mini-diamond i:nth-child(5){width:auto;aspect-ratio:auto;height:auto;top:78%;left:10%;right:auto;border:0;background:transparent;color:var(--mint);font-size:.78rem;box-shadow:none}.online-mini-diamond i:nth-child(5)::after{content:"2S 1B"}.online-mini-diamond i:nth-child(6),.online-mini-diamond i:nth-child(7){display:none}.online-game-sub{margin-bottom:.8rem;color:var(--lavender);font-size:1rem}.online-game-info .btn{margin-top:1.5rem}.online-footnote{margin-top:1.5rem;color:var(--ink-soft);font-size:.8rem}.online-mini-board{position:relative;aspect-ratio:1.25;background-color:#c9a677;background-image:linear-gradient(#876544 1px,transparent 1px),linear-gradient(90deg,#876544 1px,transparent 1px);background-size:12.5% 16.667%;border:12px solid #a88357;box-shadow:5px 5px 0 #05070f;overflow:hidden}.online-mini-board i{position:absolute;width:10%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#454850,#101116 70%);box-shadow:2px 3px 2px #76542c;left:calc(37.5% - 5%);top:calc(33.33% - 6.25%)}.online-mini-board i:nth-child(2){left:45%;top:43.75%}.online-mini-board i:nth-child(3){left:57.5%;top:60.416%}.online-mini-board i:nth-child(4){left:70%;top:77.08%}.online-mini-board i:nth-child(n+5){background:radial-gradient(circle at 35% 30%,#fff,#d9dce3 75%)}.online-mini-board i:nth-child(5){left:32.5%;top:43.75%}.online-mini-board i:nth-child(6){left:45%;top:60.416%}.online-mini-board i:nth-child(7){left:57.5%;top:43.75%}.online-game-card:hover .btn{transform:translateY(-2px)}.online-gate{max-width:620px;padding-top:3rem}.online-gate h1{font-size:clamp(2rem,7vw,3rem);line-height:1.5;color:var(--peach);margin:.8rem 0}.online-gate>p{margin:.7rem 0;color:var(--ink-soft)}#onlineGoogle{margin:2rem 0 1rem;min-height:44px}.online-gate .online-back{display:block;margin-top:1.5rem}.gm-heading{margin-bottom:1.25rem}.gm-heading h1{margin:.2rem 0}.gm-heading h1 span{display:inline-block;font-size:.72rem;color:var(--ink-soft);vertical-align:middle;margin-left:.6rem}.gm-layout{display:grid;grid-template-columns:minmax(0,620px) minmax(220px,1fr);gap:2rem;align-items:start}.gm-workspace,.gm-panel{min-width:0}.gm-players{display:flex;justify-content:space-between;gap:.8rem;align-items:center;margin-bottom:1rem}.gm-player{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;font-size:.8rem;border-bottom:2px solid transparent;padding:.5rem 0}.gm-player.active{border-color:var(--peach)}.gm-player span{overflow-wrap:anywhere;max-width:180px}.gm-player small{font-size:.65rem;color:var(--ink-soft)}.gm-vs{color:var(--ink-faint);font-size:.75rem}.gm-stone-icon{display:inline-block;width:18px;height:18px;flex-shrink:0;border-radius:50%}.gm-stone-icon.black{background:#1e2029;border:1px solid #626674}.gm-stone-icon.white{background:#eae9e4;border:1px solid #fff}.gm-board-shell{position:relative;background:#c9a677;border:10px solid #987347;box-shadow:4px 4px 0 #05070f}.gm-board{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));aspect-ratio:1;position:relative;isolation:isolate}.gm-cell{position:relative;min-width:0;width:100%;aspect-ratio:1;padding:0;display:grid;place-items:center;touch-action:manipulation;cursor:crosshair;z-index:0}.gm-cell::before{content:"";position:absolute;inset:0;background:linear-gradient(#765836,#765836) center/1px 100% no-repeat,linear-gradient(90deg,#765836,#765836) center/100% 1px no-repeat;z-index:-1}.gm-cell.top::before{background-size:1px 50%,100% 1px;background-position:center bottom,center}.gm-cell.bottom::before{background-size:1px 50%,100% 1px;background-position:center top,center}.gm-cell.left::before{clip-path:inset(0 0 0 49%)}.gm-cell.right::before{clip-path:inset(0 49% 0 0)}.gm-cell i{display:block;width:86%;height:86%;border-radius:50%;position:relative;pointer-events:none}.gm-cell[data-stone="1"] i{background:radial-gradient(circle at 32% 26%,#494a4f,#141419 72%);box-shadow:1px 2px 2px #816139}.gm-cell[data-stone="2"] i{background:radial-gradient(circle at 32% 26%,#fff,#d5d3cf 80%);box-shadow:1px 2px 2px #816139}.gm-cell.star[data-stone="0"] i{width:15%;height:15%;background:#765836}.gm-cell.selected i{background:rgba(41,81,78,.5)!important;outline:2px solid #12504a;width:80%!important;height:80%!important}.gm-cell.last i::after{content:"";position:absolute;width:23%;height:23%;background:#ef795c;left:38.5%;top:38.5%;border-radius:50%}.gm-cell.winning i{outline:2px solid #347341;outline-offset:0}.gm-cell:focus-visible{outline:2px solid #16554d;outline-offset:-2px;z-index:2}.gm-cell:disabled{cursor:default}.gm-board-cover{position:absolute;inset:0;background:rgba(14,16,32,.88);display:grid;place-items:center;text-align:center;padding:1.5rem}.gm-board-cover h2{font-size:clamp(1rem,3vw,1.4rem);color:var(--peach);margin:.8rem 0}.gm-board-cover p:not(.eyebrow){color:var(--ink-soft);font-size:.82rem;line-height:1.9}.gm-search-dots{display:block;color:var(--peach);margin-top:1rem;letter-spacing:.5rem;animation:gm-wait 1.5s ease-in-out infinite}.gm-board-bottom{display:flex;justify-content:space-between;gap:.5rem;padding:.85rem 0;font-size:.7rem;color:var(--ink-soft)}.gm-status-panel{padding-top:1rem;border-top:2px solid var(--peach)}.gm-status-panel h2{font-size:1.3rem;font-weight:normal;line-height:1.6;margin:.5rem 0}.gm-primary{width:100%;margin-top:1rem;font-size:.9rem;white-space:normal}.gm-turn-clock{display:flex;justify-content:space-between;align-items:center;gap:.5rem;border-bottom:1px solid var(--line);padding:.8rem 0}.gm-turn-clock>span{color:var(--ink-soft);font-size:.72rem}.gm-turn-clock strong{font-size:2.2rem;color:var(--peach);font-weight:normal;line-height:1.3;font-variant-numeric:tabular-nums}.gm-turn-clock.urgent strong{color:var(--pink)}.gm-turn-clock strong>span{font-size:.8rem;margin-left:.2rem}.gm-error{font-size:.78rem;line-height:1.8;color:var(--pink);margin-top:.65rem}.online-link-button{font-size:.8rem;color:var(--lavender);text-decoration:underline;text-underline-offset:4px;padding:.3rem 0}.gm-placement{border-top:1px solid var(--line);padding-top:1rem;margin-top:1rem}.gm-panel h2{font-weight:normal}.gm-placement h2,.gm-rules h2{font-size:.9rem;margin-bottom:.6rem}.gm-placement .online-note{margin-top:.6rem}.gm-resign{margin-top:1rem;font-size:.8rem;color:var(--ink-soft)}.gm-resign summary{cursor:pointer;padding:.4rem 0}.gm-resign .btn{font-size:.75rem;margin-top:.7rem}.gm-rules{margin-top:1.8rem;border-top:1px solid var(--line);padding-top:1rem}.gm-rules ul{list-style:disc;padding-left:1rem;margin:.7rem 0;color:var(--ink-soft);font-size:.77rem;line-height:1.9}.gm-rules li{margin-bottom:.5rem}.gm-rules strong{color:var(--ink);font-weight:normal}.gm-rules p{margin-top:.7rem}.gm-stone-new i{animation:gm-place .16s ease-out}@keyframes gm-place{from{transform:scale(.6)}to{transform:scale(1)}}@keyframes gm-wait{50%{opacity:.3}}@media(max-width:800px){.gm-layout{grid-template-columns:1fr;gap:1rem}.gm-panel{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.gm-status-panel{padding-top:.8rem}.gm-placement{margin:0;padding-top:.8rem}.gm-resign,.gm-rules{grid-column:1/-1}.gm-rules{margin-top:.5rem}.online-game-card{gap:1.5rem}.online-game-info h2{font-size:2.2rem}.gm-board-shell{border-width:7px}.gm-workspace{max-width:620px;width:100%;margin:0 auto}}@media(max-width:500px){.online-mini-diamond{max-height:220px}.online-main{padding:1rem 1rem 2rem}.online-heading,.gm-heading{align-items:flex-start;gap:.6rem}.online-member{font-size:.7rem;max-width:100px;padding-top:.7rem}.online-game-card{grid-template-columns:1fr;gap:1.5rem}.online-mini-board{max-height:280px;aspect-ratio:1.3}.gm-panel{grid-template-columns:1fr}.gm-status-panel{display:flex;flex-wrap:wrap;column-gap:1rem;align-items:center}.gm-status-panel>.eyebrow{width:100%}.gm-status-panel h2{font-size:1.05rem;margin:.35rem 0}.gm-status-panel>#gameDetail{flex:1 0 100%}.gm-turn-clock{width:100%;padding:.5rem 0}.gm-turn-clock strong{font-size:1.8rem}.gm-primary{margin-top:.7rem}.gm-placement{padding:.8rem;background:var(--card)}.gm-rules{margin-top:.5rem}.gm-player span{max-width:100px;font-size:.73rem}.gm-heading h1 span{display:block;margin:0}.gm-board-shell{border-width:5px}.gm-board-cover{padding:.7rem}.gm-board-cover h2{font-size:1rem}.gm-board-cover p:not(.eyebrow){font-size:.72rem}.gm-players{margin-bottom:.65rem}.gm-board-bottom{font-size:.63rem}}@media(prefers-reduced-motion:reduce){.gm-stone-new i,.gm-search-dots{animation:none}.online-game-card:hover .btn{transform:none}}

.gm-mobile-turn{display:none}
@media(max-width:800px){.gm-mobile-turn{display:block;color:var(--peach);font-size:.75rem;margin:0 0 .6rem}}
@media(max-width:500px){.gm-placement.has-selection{position:fixed;left:1rem;right:1rem;bottom:max(.75rem,env(safe-area-inset-bottom));z-index:20;margin:0;padding:.65rem;border:1px solid var(--lavender-deep);box-shadow:0 3px 12px #05070f}.gm-placement.has-selection h2,.gm-placement.has-selection .online-note{display:none}.gm-placement.has-selection .gm-primary{margin:0}}

.gm-chat{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1rem;min-width:0}.gm-chat h2{font-size:.95rem;margin-bottom:.5rem}.gm-chat-messages{height:240px;overflow-y:auto;overscroll-behavior:contain;margin:.75rem 0;padding:.5rem .6rem;background:rgba(0,0,0,.16);border:1px solid var(--line)}.gm-chat-message{margin:.6rem 0;line-height:1.7;font-size:.8rem;overflow-wrap:anywhere;white-space:pre-wrap}.gm-chat-message strong{display:block;font-size:.68rem;font-weight:normal;color:var(--lavender)}.gm-chat-message.mine strong{color:var(--peach)}.gm-chat-form>div{display:flex;gap:.4rem;margin-top:.4rem}.gm-chat-form input{min-width:0;width:100%;background:var(--card);border:1px solid var(--line);color:var(--ink);padding:.65rem;font:inherit;font-size:.8rem}.gm-chat-form input:focus-visible{outline:2px solid var(--peach)}.gm-chat-form .btn{flex-shrink:0;font-size:.75rem;padding:.6rem}.gm-chat-form :disabled{opacity:.5}.gm-rules summary{cursor:pointer;font-size:.9rem;color:var(--ink);padding:.2rem 0}.gm-chat-form label{display:block}@media(max-width:800px){.gm-chat{grid-column:1/-1}.gm-chat-messages{height:210px}}@media(max-width:500px){.gm-chat-form input{font-size:16px}}
.online-mini-run{position:relative;min-height:150px;background:linear-gradient(#141733 0 58%,#23263a 58% 100%);overflow:hidden;box-shadow:5px 5px 0 #05070f}
.online-mini-run i{position:absolute;background:#3a4068}
.online-mini-run i:nth-child(1){width:18%;height:38%;left:8%;bottom:42%}
.online-mini-run i:nth-child(2){width:14%;height:28%;left:28%;bottom:42%;background:#4a5180}
.online-mini-run i:nth-child(3){width:20%;height:46%;left:48%;bottom:42%}
.online-mini-run i:nth-child(4){width:12%;height:22%;left:72%;bottom:42%;background:#ffd27a}
.online-mini-run i:nth-child(5){width:10%;height:22%;left:22%;bottom:12%;background:#2f3658;box-shadow:inset 2px 0 0 #c44d6b}
.online-mini-run i:nth-child(6){width:8%;height:8%;left:38%;bottom:18%;background:#ffd27a}
.online-mini-run i:nth-child(7){width:16%;height:3%;left:0;bottom:42%;background:#2a2d4c;width:100%}

.online-mini-run{position:relative;min-height:150px;background:linear-gradient(#141733 0 58%,#23263a 58% 100%);overflow:hidden;box-shadow:5px 5px 0 #05070f}
.online-mini-run i{position:absolute;background:#3a4068}
.online-mini-run i:nth-child(1){width:18%;height:38%;left:8%;bottom:42%}
.online-mini-run i:nth-child(2){width:14%;height:28%;left:28%;bottom:42%;background:#4a5180}
.online-mini-run i:nth-child(3){width:20%;height:46%;left:48%;bottom:42%}
.online-mini-run i:nth-child(4){width:12%;height:22%;left:72%;bottom:42%;background:#ffd27a}
.online-mini-run i:nth-child(5){width:10%;height:22%;left:22%;bottom:12%;background:#2f3658;box-shadow:inset 2px 0 0 #c44d6b}
.online-mini-run i:nth-child(6){width:8%;height:8%;left:38%;bottom:18%;background:#ffd27a}
.online-mini-run i:nth-child(7){width:16%;height:3%;left:0;bottom:42%;background:#2a2d4c;width:100%}

.online-mini-block{display:grid;grid-template-columns:repeat(3,22px);grid-template-rows:repeat(3,22px);gap:3px;place-content:center;min-height:120px;background:#10182e}.online-mini-block i{background:#a7c2e6;box-shadow:inset 2px 2px #fff5,inset -2px -2px #0005}.online-mini-block i:nth-child(3n){background:#ffd27a}.online-mini-block i:nth-child(4){grid-column:2}.online-mini-block i:nth-child(6){grid-column:1;background:#b49de0}

.online-mini-cat-drag{min-height:140px;background:#ff5c8a url('../assets/games/cat-sticker-drag.png') center/cover no-repeat}.online-mini-cat-drag i{display:none}