.arcade-hero{padding:64px 0 42px}.arcade-hero h1{font-size:clamp(34px,5vw,58px);letter-spacing:-.045em;margin:16px 0}.arcade-hero>.muted{font-size:15px}.game-filters{display:flex;gap:8px;margin:0 0 24px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:24px;min-height:44px;padding:9px 18px;font-size:13px;cursor:pointer}.filter span{margin-left:8px;font-size:11px;opacity:.7}.filter.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:40px}.game-tile{position:relative;display:flex;flex-direction:column;align-items:start;text-align:left;min-width:0;border:1px solid var(--line);border-radius:24px;background:var(--bg);color:var(--ink);padding:14px 14px 22px;cursor:pointer;text-decoration:none;transition:border-color 160ms ease,transform 160ms ease}.game-tile[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.game-tile strong{font-size:23px;letter-spacing:-.035em;margin:6px 8px 10px}.tile-meta{font-size:10px;letter-spacing:.04em;color:var(--muted);margin:20px 8px 0}.tile-description{font-size:12px;color:var(--muted);margin:0 8px}.tile-link{font-size:11px;color:var(--blue);margin:24px 8px 0}.tile-art{width:100%;height:154px;display:flex;justify-content:center;align-items:center;border-radius:14px;overflow:hidden;position:relative}.tile-art i{font-style:normal}.art-poker{background:#eef2f8}.art-poker i{width:61px;height:88px;flex-shrink:0;background:#fff;border:1px solid #d6dce6;border-radius:9px;padding:10px;font:600 22px Georgia,serif;box-shadow:0 8px 15px #2034500b;transform:rotate(-17deg) translateX(10px)}.art-poker i:nth-child(2){color:#b43145;transform:translateY(-7px);z-index:1}.art-poker i:nth-child(3){transform:rotate(17deg) translateX(-10px);z-index:2}.art-gomoku{background-color:#f3e9d8;background-image:linear-gradient(#89765322 1px,transparent 1px),linear-gradient(90deg,#89765322 1px,transparent 1px);background-size:28px 28px;background-position:center}.art-gomoku i{position:absolute;width:25px;height:25px;border-radius:50%;background:#30383f;box-shadow:inset -3px -3px 5px #0003}.art-gomoku i:nth-child(1){transform:translate(-28px,-28px)}.art-gomoku i:nth-child(2){transform:translate(28px,28px)}.art-gomoku i:nth-child(4){background:#fff;transform:translate(0,28px)}.art-gomoku i:nth-child(5){background:#fff;transform:translate(28px,0)}.art-flight{background:#ecf2f8;color:#3a78bb;font-size:78px;gap:14px}.art-flight i{font-size:60px;color:#b8cada;transform:translateY(10px)}.art-draw{background:#f5edf1;color:#bd7288;font-size:92px;gap:22px}.art-draw i{font:italic 76px Georgia,serif;color:#dfb6c4}.art-mines,.art-2048{display:grid;grid-template-columns:repeat(2,45px);grid-template-rows:repeat(2,45px);align-content:center;justify-content:center;gap:5px;background:#edf3ef}.art-mines i,.art-2048 i{width:45px;height:45px;display:grid;place-items:center;font-size:23px;font-weight:600;border-radius:7px;background:#d9e7dc;color:#49745a}.art-mines i:nth-child(2){color:#b65b56;background:#e9ddd8}.art-mines i:nth-child(3){background:#fafcfb}.art-2048{background:#f8f0e5}.art-2048 i{background:#ebe0d1;color:#796951}.art-2048 i:nth-child(2){background:#ead4b2}.art-2048 i:nth-child(3){background:#e6b681;color:#fff}.art-2048 i:nth-child(4){background:#ce9364;color:#fff}.permission-copy{font-size:12px!important;color:var(--muted);margin:15px 0 0}.lobby-actions label{font-size:11px;color:var(--muted);align-self:start}.lobby-actions select{min-width:190px}.game-feature{scroll-margin-top:90px}.common-status{text-align:center;font-size:13px;margin:18px 0 8px}.timer{text-align:center;font-size:12px;margin:6px 0 14px;min-height:18px}.seats{grid-template-columns:repeat(var(--seat-columns,3),minmax(0,1fr))}#bot-controls{display:flex;align-items:center;gap:8px}.board-layout{display:grid;grid-template-columns:minmax(0,600px) minmax(170px,1fr);gap:34px;align-items:center;max-width:880px;margin:20px auto 30px}#board-surface{min-width:0}.gomoku-board{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));aspect-ratio:1;background:#ead8b8;border:10px solid #ead8b8;border-radius:14px;box-shadow:0 4px 20px #3a281210}.intersection{position:relative;padding:0;border:0;min-width:0;background:linear-gradient(transparent calc(50% - .5px),#938064 calc(50% - .5px),#938064 calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(50% - .5px),#938064 calc(50% - .5px),#938064 calc(50% + .5px),transparent calc(50% + .5px));cursor:pointer;touch-action:manipulation;aspect-ratio:1}.intersection:disabled{opacity:1}.intersection::after{content:'';position:absolute;inset:8%;border-radius:50%;z-index:1}.intersection.black::after{background:radial-gradient(circle at 35% 28%,#555d63,#20272d 70%);box-shadow:0 2px 2px #0004}.intersection.white::after{background:radial-gradient(circle at 35% 28%,#fff,#e0e3e6);box-shadow:0 2px 2px #0003}.intersection.pending::after{background:#3a78bb55;border:2px solid #3a78bb}.intersection.last::before{content:'';position:absolute;left:43%;top:43%;width:14%;height:14%;background:#d86665;border-radius:50%;z-index:2}.intersection:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;z-index:3}.flight-board{display:block;width:100%;height:auto}.plane-piece.movable{cursor:pointer}.plane-piece:focus-visible{outline:2px solid var(--blue)}#board-controls p{font-size:13px;line-height:1.8}#flight-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}#flight-choices .button{font-size:12px;padding:10px}.draw-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;margin:12px 0 32px}.draw-layout>div{min-width:0}.canvas-wrap{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.canvas-wrap canvas{display:block;width:100%;height:auto}.can-paint{touch-action:none;cursor:crosshair}.draw-word{font-size:16px;font-weight:600;min-height:24px;text-align:center}.draw-layout .table-actions:empty{display:none}#paint-tools{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin-top:14px}#paint-tools label{font-size:11px;color:var(--muted);flex:1;min-width:80px}#paint-tools select{display:block;margin-top:6px}#paint-tools .button{font-size:12px;padding:10px 15px}.guess-panel{border:1px solid var(--line);background:var(--soft);border-radius:18px;padding:20px}.guess-panel h3{font-size:16px;margin:0 0 12px}.guess-panel p{font-size:12px;line-height:1.7}#guess-form{display:flex;flex-wrap:wrap;gap:8px}#guess-input{width:100%;min-height:44px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:16px}#guess-form .button{width:100%;font-size:13px;padding:11px}#guess-messages{list-style:none;padding:0;margin:18px 0 0;font-size:12px;max-height:300px;overflow:auto;overflow-wrap:anywhere}#guess-messages li{padding:9px 0;border-bottom:1px solid var(--line)}.scoreboard{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:12px 0 22px}.scoreboard span{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px 18px;font-size:13px}
@media(hover:hover){.game-tile:hover{transform:translateY(-3px);border-color:var(--blue)}.intersection:not(:disabled):hover::after{background:#3a78bb33}}
@media(max-width:900px){.draw-layout{grid-template-columns:minmax(0,1fr) 220px;gap:16px}.board-layout{gap:22px;grid-template-columns:minmax(0,1fr) 180px}.catalog{gap:14px}.tile-art{height:135px}}
@media(max-width:700px){.arcade-hero{padding:36px 0 30px}.arcade-hero h1{font-size:36px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:28px}.game-tile{padding:9px 9px 18px;border-radius:18px}.tile-art{height:118px;border-radius:11px}.tile-art.art-poker i{width:43px;height:69px;font-size:16px;padding:8px}.tile-meta{font-size:9px;margin:15px 4px 0}.game-tile strong{font-size:20px;margin:6px 4px 9px}.tile-description{font-size:11px;margin:0 4px;line-height:1.6}.tile-link{margin:18px 4px 0}.art-flight{font-size:61px;gap:2px}.art-draw{font-size:73px;gap:10px}.art-draw i{font-size:57px}.game-filters{gap:6px}.filter{font-size:12px;padding:9px 13px}.filter span{margin-left:4px}.lobby-actions{width:100%}.lobby-actions .button,.lobby-actions select{width:100%}.board-layout{grid-template-columns:1fr;gap:16px;margin-top:12px}#board-surface{width:min(100%,520px);margin:auto}#board-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}#board-help{width:100%;text-align:center;margin:0}#flight-choices{margin:0;grid-template-columns:repeat(4,1fr);width:100%}#dice-result{margin:0}.draw-layout{grid-template-columns:1fr;gap:16px}.guess-panel{padding:16px}.guess-panel h3{margin-bottom:6px}#guess-form{flex-wrap:nowrap}#guess-input{min-width:0;flex:1}#guess-form .button{width:auto;flex-shrink:0}#guess-messages{max-height:130px;margin-top:10px}.game-table[data-game=draw] .seats{grid-template-columns:repeat(3,minmax(0,1fr))}.game-table[data-game=aeroplane] .seats{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-wrap{border-radius:12px}.common-status{font-size:12px;line-height:1.7}.game-table:not([data-game=ddz]) .rotate-hint{display:none}.game-table[data-game=ddz] .common-status{display:none}}
@media(orientation:landscape) and (max-height:550px){.timer{position:static;margin:4px 0;min-height:0}.game-table[data-game=ddz] .common-status{display:none}.game-table:not([data-game=ddz]) .board-layout{grid-template-columns:minmax(0,360px) minmax(160px,1fr);max-width:650px}.game-table[data-game=draw] .draw-layout{grid-template-columns:minmax(0,1fr) 230px}.canvas-wrap{max-width:520px;margin:auto}.game-table[data-game=draw] .seats{grid-template-columns:repeat(var(--seat-columns,3),minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.game-tile{transition:none}}
.gomoku-board{position:relative}.gomoku-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.gomoku-board .intersection{background:transparent;z-index:1}