/* Arena uses the shared graphite surfaces. Game pieces carry the limited colour. */.arena{--ar-bg:var(--raika-ui-surface, #12161b);--ar-panel:var(--raika-ui-surface, #12161b);--ar-raised:var(--raika-ui-surface-2, #1b2026);--ar-soft:var(--raika-ui-surface-3, #22272f);--ar-border:var(--raika-ui-border, #2a3038);--ar-text:var(--raika-ui-text, #f2f5f8);--ar-muted:var(--raika-ui-muted, #7f8a99);--ar-accent:var(--raika-ui-blue, #0878ff);--ar-blue:var(--ar-accent);--ar-opponent:#f56876;--ar-wall:#bfc2c7;--ar-positive:var(--raika-success-text, #69d79d);--ar-negative:var(--raika-error-text, #ffb5b5);width:100%;max-width:1400px;margin-inline:auto;padding:8px 12px 40px;color:var(--ar-text);font:inherit;font-size:14px;line-height:1.55}.arena *,.arena *::before,.arena *::after{box-sizing:border-box}.arena,#ar-main{scroll-margin-top:80px}.arena h1,.arena h2,.arena h3,.arena p{margin:0}.arena h1{font-size:clamp(28px, 3vw, 38px);line-height:1.18;font-weight:750;letter-spacing:-.9px}.arena h2{font-size:20px;line-height:1.35;font-weight:700;letter-spacing:-.3px}.arena h3{font-size:17px;line-height:1.4;font-weight:700}.arena small{font-size:13px}.arena a{color:inherit;text-decoration:none}.arena button,.arena input,.arena select{font:inherit}.arena button{cursor:pointer;-webkit-tap-highlight-color:transparent}.arena button:disabled{cursor:default}.arena [hidden]{display:none !important}.arena .ar-muted{color:var(--ar-muted);font-size:13px}.arena button:focus-visible,.arena a:focus-visible,.arena input:focus-visible,.arena select:focus-visible,.arena summary:focus-visible{outline:2px solid var(--ar-accent);outline-offset:3px}.ar-icon{width:20px;height:20px;display:inline-block;flex-shrink:0;vertical-align:middle}.ar-center{text-align:center;justify-content:center}.ar-mode-nav{display:none;gap:8px;margin-bottom:18px}.ar-mode-nav a{padding:7px 17px;border-radius:9px;color:var(--ar-muted);font-weight:650;font-size:13px}.ar-mode-nav a[aria-current]{background:var(--ar-soft);color:var(--ar-text)}.ar-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid var(--ar-border)}.ar-header-brand{display:flex;align-items:center;gap:20px}.arena .ar-header-tagline{margin:0;padding-left:20px;border-left:1px solid var(--ar-border);color:var(--ar-muted);font-size:15px;font-weight:500;line-height:1.4;letter-spacing:0}.ar-header-join{flex-shrink:0}.ar-wordmark{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;font-size:23px;font-weight:800;letter-spacing:1.5px}.ar-wordmark small{display:block;margin-top:2px;font-size:10px;letter-spacing:1px;font-weight:500;color:var(--ar-muted);white-space:nowrap}.ar-header-right,.ar-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.ar-header-right{flex:1;min-width:0}.ar-header-game{display:flex;align-items:center;gap:16px;padding-left:20px;border-left:1px solid var(--ar-border);min-width:0}.ar-header-game strong{font-size:20px;line-height:1.3;font-weight:650}.ar-header-game > span{padding:5px 10px;border-radius:7px;background:var(--ar-raised);color:var(--ar-muted);font-size:13px;line-height:1.4}.ar-sound-toggle{flex-shrink:0;color:var(--ar-muted)}.ar-sound-toggle[aria-pressed="true"]{color:var(--ar-text)}.ar-round-label{color:var(--ar-muted);font-size:14px}.ar-demo{display:inline-flex;align-items:center;gap:7px;color:var(--ar-muted);font-size:13px}.ar-demo i{width:6px;height:6px;border-radius:50%;background:var(--ar-muted)}/* A single flat button vocabulary throughout the flow. */.ar-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--ar-border);border-radius:10px;background:var(--ar-raised);color:var(--ar-text);font-size:14px;font-weight:650;line-height:1.4;white-space:nowrap;box-shadow:none;transition:background-color .15s,border-color .15s,color .15s}.ar-btn:hover:not(:disabled){background:var(--ar-soft);border-color:color-mix(in srgb, var(--ar-muted) 55%, var(--ar-border))}.ar-btn.primary{color:#fff;background:var(--ar-accent);border-color:var(--ar-accent);box-shadow:none}.ar-btn.primary:hover:not(:disabled){background:var(--raika-action-primary-hover, #167fe9);border-color:var(--raika-action-primary-hover, #167fe9)}.ar-btn.ghost{background:transparent;border-color:transparent;color:var(--ar-muted)}.ar-btn.ghost:hover:not(:disabled){color:var(--ar-text);background:var(--ar-raised)}.ar-btn.small{min-height:38px;padding:8px 12px;font-size:13px}.ar-btn.icon-only{width:42px;min-height:42px;padding:9px}.ar-btn.selected,.ar-btn.active{color:#fff;background:var(--ar-accent);border-color:var(--ar-accent)}.ar-btn.selected:hover:not(:disabled),.ar-btn.active:hover:not(:disabled){color:#fff;background:var(--ar-accent);border-color:var(--ar-accent)}.ar-btn.wide{width:100%}.ar-btn:disabled{opacity:.4;box-shadow:none}/* Catalog. */.ar-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.ar-eyebrow{margin-bottom:9px;color:var(--ar-muted);font-size:13px;font-weight:650;letter-spacing:.6px}.ar-intro h1{margin-bottom:11px}.ar-intro h1 span{color:var(--ar-text)}.ar-intro p{font-size:15px;color:var(--ar-muted)}.ar-intro-actions{display:flex;flex-shrink:0;gap:9px;padding-bottom:3px}.ar-filter-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.ar-filters{display:flex;gap:5px;flex-wrap:wrap}.ar-filters .ar-btn{border-color:transparent;background:transparent;min-height:38px;padding:8px 13px;color:var(--ar-muted);font-size:13px}.ar-filters .ar-btn.active{background:var(--ar-accent);color:#fff;border-color:var(--ar-accent)}.ar-catalog{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:16px}.ar-game-card{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:0;border:1px solid var(--ar-border);border-radius:16px;color:var(--ar-text);background:var(--ar-panel);text-align:left;transition:border-color .18s,background-color .18s}.ar-game-card:hover{border-color:var(--ar-muted);background:var(--ar-raised)}.ar-game-art{--accent:#a5b6c4;height:168px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--ar-raised);border-bottom:1px solid var(--ar-border)}.ar-game-image{display:block;width:100%;height:100%;object-fit:cover}.ar-game-tag{position:absolute;left:14px;top:12px;padding:3px 8px;border-radius:5px;background:var(--ar-panel);color:var(--ar-muted);font-size:12px;font-weight:550;z-index:1}.ar-game-copy{padding:17px 17px 15px;display:flex;flex:1;flex-direction:column}.ar-game-copy h3{font-size:18px;letter-spacing:-.25px}.ar-game-copy p{color:var(--ar-muted);font-size:13px;margin:6px 0 0;line-height:1.55}.ar-game-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.ar-card-arrow{display:grid;place-items:center;width:18px;height:18px;color:var(--ar-muted);background:transparent;flex-shrink:0}.ar-card-arrow .ar-icon{width:18px;height:18px}.ar-game-card:hover .ar-card-arrow{color:var(--ar-accent);background:transparent}.ar-mini-board{display:grid;grid-template-columns:repeat(var(--n), 1fr);width:112px;gap:5px;transform:perspective(450px) rotateX(14deg) rotateZ(-10deg)}.ar-mini-board i{aspect-ratio:1;display:grid;place-items:center;background:var(--ar-soft);border:1px solid color-mix(in srgb, var(--ar-muted) 35%, var(--ar-border));border-radius:4px;color:#a9bac9;font-style:normal}.ar-mini-board i.lit{background:var(--ar-accent);border-color:var(--ar-accent)}.ar-mini-sea{width:130px;gap:3px}.ar-mini-sea i{border-radius:2px;font-size:22px}.ar-mini-sea i.lit{color:#b0c3c7;background:#657e84;border-color:#85999e}.ar-mini-connect{width:159px;padding:8px;background:#30383f;border:1px solid #46515b;border-radius:9px;gap:4px}.ar-mini-connect i{border-radius:50%;background:#1b2026;border:0}.ar-mini-connect i.lit{background:var(--ar-accent)}.ar-mini-connect i.other{background:var(--ar-opponent)}.ar-mini-corridor{width:129px;gap:5px;padding:5px;border:1px solid #586069;border-radius:4px}.ar-mini-corridor i{border-radius:2px}.ar-mini-corridor i.lit{background:var(--ar-wall);border-color:var(--ar-wall)}.ar-mini-color{width:116px;transform:rotate(9deg);gap:4px}.ar-mini-color i,.ar-mini-color i.lit{border:0;background:#36ae87}.ar-mini-color i:nth-child(7){background:#62c8a3}.ar-mini-tic{display:grid;grid-template-columns:repeat(3, 1fr);gap:5px;width:124px;transform:rotate(-9deg)}.ar-mini-tic i{min-height:34px;display:grid;place-items:center;background:var(--ar-soft);border-radius:5px;font:32px/1 Arial,sans-serif;color:var(--ar-accent)}.ar-mini-tic i:nth-child(2n){color:var(--ar-opponent)}.ar-mini-flags{display:flex;width:190px;justify-content:center;align-items:center;padding-right:15px}.ar-mini-flags img{width:82px;height:auto;max-height:70px;object-fit:contain;flex-shrink:0;margin-right:-22px;transform:rotate(-12deg)}.ar-mini-flags > :nth-child(2){transform:translateY(12px) rotate(2deg)}.ar-mini-flags > :nth-child(3){transform:rotate(13deg)}.ar-mini-goal{position:relative;width:154px;height:82px;transform:perspective(500px) rotateY(-12deg);border:4px solid #c7cec7;border-bottom:1px solid #7b8b7c;border-radius:5px 5px 0 0;background:repeating-linear-gradient(0deg, transparent 0 13px, #b3c0b329 13px 14px),repeating-linear-gradient(90deg, transparent 0 14px, #b3c0b329 14px 15px),#26352d}.ar-mini-goal::after{content:'';position:absolute;width:190px;height:20px;bottom:-20px;left:-20px;background:#46564a;transform:perspective(150px) rotateX(25deg);z-index:-1;border-top:1px solid #748371}.ar-mini-goal div{position:absolute;width:15px;height:33px;bottom:0;left:calc(50% - 8px);border-radius:5px 5px 1px 1px;background:#95a18f}.ar-mini-goal div::before{content:'';position:absolute;top:-10px;left:3px;width:10px;height:10px;border-radius:50%;background:#c6b19a}.ar-mini-goal div::after{content:'';position:absolute;top:6px;left:-10px;width:35px;height:7px;background:#95a18f;border-radius:3px}.ar-mini-goal i{position:absolute;bottom:-16px;right:22px;color:#eceee4;font-size:24px;font-style:normal;line-height:1}.ar-open-rooms{display:grid;grid-template-columns:180px minmax(0, 1fr);align-items:start;gap:28px;max-width:1220px;margin:40px auto 0;padding-top:30px;border-top:1px solid var(--ar-border)}.ar-open-rooms > .ar-section-title{margin:12px 0 0}.ar-open-rooms h2{max-width:180px;line-height:1.5}.ar-room-list{display:grid;gap:8px;min-width:0}.ar-section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.ar-section-title > small{color:var(--ar-muted);font-size:13px}.ar-section-title h2 span{margin-left:7px;padding:3px 7px;background:var(--ar-soft);color:var(--ar-muted);font-size:12px;border-radius:5px;vertical-align:middle}.ar-room-row{display:grid;grid-template-columns:minmax(170px, 1fr) minmax(236px, 1.3fr) minmax(60px, auto) 92px;align-items:center;gap:18px;min-height:80px;padding:15px 16px;border:1px solid transparent;border-radius:12px;background:var(--ar-panel);transition:border-color .15s}.ar-room-row:hover{border-color:var(--ar-border)}.ar-room-row strong{font-size:14px;font-weight:650;line-height:1.4}.ar-room-row small{display:block;font-size:12px;color:var(--ar-muted);margin-top:3px;line-height:1.4}.ar-room-game{display:flex;align-items:center;gap:12px;min-width:0}.ar-room-game > div{min-width:0}.ar-room-game strong,.ar-room-game small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ar-room-icon{display:grid;place-items:center;width:42px;height:42px;background:var(--ar-raised);color:var(--ar-muted);border-radius:10px;flex-shrink:0}.ar-room-icon .ar-icon{width:23px;height:23px}.ar-room-players{display:grid;grid-template-columns:minmax(0, 1fr) 20px minmax(0, 1fr);align-items:center;gap:10px;min-width:0}.ar-room-host,.ar-room-seat{display:flex;align-items:center;gap:9px;min-width:0}.ar-room-host{justify-content:flex-end}.ar-room-host strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ar-room-players .ar-avatar{width:36px;height:36px;border-radius:50%;border:2px solid var(--ar-border);background:var(--ar-raised);flex-shrink:0}.ar-room-empty{display:grid;place-items:center;width:36px;height:36px;border:1px dashed var(--ar-border);border-radius:50%;color:var(--ar-muted);flex-shrink:0}.ar-room-empty .ar-icon{width:19px;height:19px;opacity:.65}.ar-room-vs{font-size:11px;font-weight:650;color:var(--ar-muted);text-align:center}.ar-room-seat > span:last-child{color:var(--ar-muted);font-size:13px}.ar-room-bet{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.ar-room-bet small{margin:0 0 3px}.ar-room-bet strong{font-size:15px}.ar-room-join{width:100%}.ar-room-join .ar-icon{width:16px;height:16px;color:var(--ar-blue)}.ar-loading-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ar-room-skeleton{pointer-events:none}.ar-room-skeleton:hover{border-color:transparent}.ar-skeleton{display:block;background:var(--ar-soft);border-radius:5px;animation:ar-skeleton-pulse 1.8s ease-in-out infinite}.ar-room-skeleton + .ar-room-skeleton .ar-skeleton{animation-delay:.15s}.ar-skeleton-copy{flex:1}.ar-skeleton-title{width:90px;max-width:100%;height:13px;margin-bottom:9px}.ar-skeleton-line{width:56px;max-width:100%;height:9px}.ar-skeleton-name{width:60px;max-width:100%;height:11px}.ar-room-skeleton .ar-avatar{border:0;background:var(--ar-soft)}.ar-room-skeleton .ar-room-bet .ar-skeleton{margin-left:auto}.ar-skeleton-amount{width:38px;height:14px;margin-top:9px}.ar-room-skeleton .ar-room-join{width:100%;min-width:72px;height:38px;border-radius:9px}@keyframes ar-skeleton-pulse{0%,100%{opacity:.5}50%{opacity:.95}}@media (prefers-reduced-motion: reduce){.ar-skeleton{animation:none}}@media (max-width: 1400px){.ar-open-rooms{grid-template-columns:150px minmax(0, 1fr);gap:20px}.ar-room-row{gap:12px;grid-template-columns:minmax(150px, 1fr) minmax(220px, 1.3fr) minmax(54px, auto) 84px;padding-inline:14px}}@media (max-width: 1180px){.ar-open-rooms{grid-template-columns:minmax(0, 1fr);max-width:960px;gap:16px}.ar-open-rooms > .ar-section-title{margin:0}.ar-open-rooms h2{max-width:none}}@media (max-width: 900px){.ar-room-row{grid-template-columns:minmax(0, 1fr) auto;gap:15px 20px;padding:16px}.ar-room-game{grid-column:1;grid-row:1}.ar-room-bet{grid-column:2;grid-row:1}.ar-room-players{grid-column:1;grid-row:2;grid-template-columns:minmax(0, auto) 20px minmax(0, auto);justify-content:start}.ar-room-host{flex-direction:row-reverse}.ar-room-join{grid-column:2;grid-row:2;width:auto}}.ar-footnote{display:flex;align-items:center;gap:9px;margin-top:20px;color:var(--ar-muted);font-size:13px}.ar-footnote .ar-icon{width:17px;height:17px}/* Room: players, then a clean bet and winnings pair. */.ar-panel{border:1px solid var(--ar-border);border-radius:18px;background:var(--ar-panel);padding:26px}.ar-room-layout{display:grid;grid-template-columns:minmax(0, 1fr) 330px;gap:20px;max-width:1040px;margin-inline:auto;align-items:start}.ar-room-layout.ar-room-local,.ar-room-layout.ar-room-preview{grid-template-columns:minmax(0, 1fr);max-width:760px}.ar-room-main{padding:30px;text-align:center}.ar-room-loading .ar-player .ar-avatar{background:var(--ar-soft);border:0}.ar-room-loading-amounts{display:flex;justify-content:space-around;padding:30px 0 20px}.ar-room-loading-amounts .ar-skeleton{margin-inline:auto}.ar-room-loading-amounts .ar-skeleton-amount{height:27px;width:70px;margin-top:16px}.ar-room-loading-note{height:11px;width:55%;margin:18px auto}.ar-room-loading-button{height:44px;width:65%;border-radius:10px;margin:24px auto}.ar-room-loading-code{height:44px;width:100%;margin-top:28px;border-radius:8px}.ar-room-loading .ar-invite .ar-room-loading-note{margin-left:0;width:80%}.ar-room-loading .ar-invite .ar-room-loading-button{width:100%;margin-block:12px 24px}.ar-room-entry-error{max-width:760px;margin:auto;text-align:center}.ar-room-entry-error .ar-btn{margin-top:24px}.ar-room-heading{margin:0 0 30px}.ar-room-heading h1{font-size:29px;margin-bottom:7px}.ar-room-heading p{color:var(--ar-muted);font-size:14px}.ar-versus{display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);align-items:center;gap:18px;padding:0 0 25px;border-bottom:1px solid var(--ar-border)}.ar-versus > span{color:var(--ar-muted);font-size:13px;font-weight:650}.ar-versus > .ar-player:last-child{flex-direction:row-reverse;text-align:right}.ar-player{display:flex;align-items:center;gap:11px;min-width:0;text-align:left}.ar-player > div:nth-child(2){min-width:0}.ar-player strong{display:block;font-size:15px;line-height:1.35;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ar-player small{display:block;color:var(--ar-muted);font-size:13px;line-height:1.4;margin-top:4px}.ar-avatar{width:44px;height:44px;flex-shrink:0;overflow:hidden;border-radius:12px;border:1px solid var(--ar-border);background:var(--ar-soft);color:var(--ar-text);display:grid;place-items:center;font-size:20px;font-weight:700}.ar-avatar img{display:block;width:100%;height:100%;object-fit:cover}.ar-avatar.waiting{background:transparent;border-style:dashed;color:var(--ar-muted)}.ar-ready-dot{display:inline-block;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--ar-positive)}.ar-player .ar-ready-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;color:var(--ar-positive);background:color-mix(in srgb, var(--ar-positive) 9%, transparent);font-size:12px}.ar-ready-badge .ar-ready-dot{width:6px;height:6px;flex-basis:6px}.ar-btn .ar-ready-dot{background:currentColor}.ar-room-money{display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);align-items:center;gap:6px 20px;max-width:420px;margin:25px auto 0;text-align:center}.ar-room-money > div{display:contents}.ar-room-money > div > *{grid-column:1}.ar-room-money > div:last-child > *{grid-column:3}.ar-room-money > div > span{grid-row:1;font-size:13px;color:var(--ar-muted)}.ar-room-money strong{grid-row:2;font-size:26px;font-weight:700;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.ar-money-arrow{grid-area:2/2;display:grid;place-items:center;color:var(--ar-muted);opacity:.65}.ar-refund-note{color:var(--ar-muted);font-size:13px;margin-top:17px !important;text-align:center}.ar-room-actions{display:flex;flex-direction:column;gap:7px;max-width:320px;margin:25px auto 0}.ar-room-actions > .primary{min-height:46px}#ar-room-clock{display:block;margin-top:18px}.ar-room-footer{display:flex;justify-content:flex-start;margin-top:28px;padding-top:22px;border-top:1px solid var(--ar-border)}.ar-session-notice{max-width:560px;margin:36px auto;padding:32px;text-align:center}.ar-session-notice h2{margin:18px 0 12px;font-size:23px}.ar-session-notice p{color:var(--ar-muted);font-size:15px;line-height:1.6;margin-bottom:24px}.ar-session-icon{display:inline-flex;padding:15px;background:var(--ar-raised);border-radius:14px;color:var(--ar-accent)}.ar-turn-notice{position:fixed;top:84px;left:50%;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:12px;padding:16px 24px;border:1px solid var(--ar-accent);border-radius:12px;background:var(--ar-panel);color:var(--ar-text);box-shadow:0 8px 30px #0005;pointer-events:none;font-size:18px;max-width:calc(100vw - 32px)}.ar-turn-notice.is-success{border-color:var(--ar-positive);color:var(--ar-positive)}@media (prefers-reduced-motion: no-preference){.ar-turn-notice:not([hidden]){animation:ar-turn-appear .2s ease-out}@keyframes ar-turn-appear{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}}.ar-invite h2{font-size:20px;margin-bottom:8px}.ar-invite > p{color:var(--ar-muted);font-size:14px}.ar-code-box{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:23px 0 13px;padding:9px 7px 9px 12px;border:1px solid var(--ar-border);border-radius:10px;background:var(--ar-raised)}.ar-code-box strong{font-size:20px;letter-spacing:1.8px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.ar-code-box .ar-btn{background:transparent;border-color:transparent;flex-shrink:0}.ar-room-visibility{display:flex;align-items:center;gap:8px;color:var(--ar-muted);font-size:13px;margin-top:22px}.ar-room-visibility .ar-icon{width:16px;height:16px}.ar-countdown{display:grid;place-items:center;min-height:110px;font-size:64px;font-weight:750;font-variant-numeric:tabular-nums}/* Forms use site surfaces, segmented choices, and a proper switch. */.ar-dialog{width:min(520px, calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;margin:auto;padding:26px;background:var(--ar-panel);border:1px solid var(--ar-border);border-radius:18px;color:var(--ar-text);box-shadow:0 24px 80px #0004}.ar-info-button{flex-shrink:0}.ar-info-dialog{width:min(600px, calc(100vw - 32px))}.ar-dialog.ar-info-dialog > header{align-items:flex-start;margin-bottom:12px}.ar-info-dialog .ar-info-intro{color:var(--ar-muted);font-size:14px;line-height:1.6}.ar-info-sections{display:grid;gap:12px;margin-top:22px}.ar-info-sections > section{padding:17px 18px;border:1px solid var(--ar-border);border-radius:12px;background:var(--ar-raised)}.ar-info-sections h3{margin-bottom:7px;font-size:15px}.ar-info-sections p{color:var(--ar-muted);font-size:14px;line-height:1.6}.ar-info-remember{display:flex;align-items:center;gap:10px;margin-top:22px;cursor:pointer;font-size:14px}.ar-info-remember input{width:18px;height:18px;margin:0;flex-shrink:0;accent-color:var(--ar-accent);cursor:pointer}.ar-info-dialog > .ar-btn{margin-top:18px}@media (max-width: 600px){.ar-info-button{padding:10px}.ar-info-button span{display:none}.ar-info-sections > section{padding:14px}}.ar-dialog::backdrop{background:#080b10b8;backdrop-filter:blur(3px)}/* Native dialogs are the card itself, so center them inside the shared safe area. */html.raika-mobile-device body.raika-webapp-fullscreen-active .ar-dialog{box-sizing:border-box;position:fixed;inset:calc(var(--modal-safe-top) + 16px) calc(var(--modal-safe-right) + 16px) calc(var(--modal-safe-bottom) + 16px) calc(var(--modal-safe-left) + 16px);min-width:0;min-height:0;max-width:max(0px, calc(100dvw - var(--modal-safe-left) - var(--modal-safe-right) - 32px));max-height:var(--modal-available-height);overflow-y:auto;overscroll-behavior-y:contain}.ar-dialog > header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.ar-dialog h2{font-size:23px;letter-spacing:-.5px}.ar-dialog > header .ar-btn{background:transparent;border-color:transparent;margin:-5px -7px -5px 0}.ar-dialog form{margin:0}.ar-copy-text{display:block;width:100%;padding:12px;border:1px solid var(--ar-border);border-radius:10px;background:var(--ar-bg);color:var(--ar-text);font:inherit;line-height:1.5;resize:vertical}.arena fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}.arena legend,.ar-field-label{display:block;padding:0;margin-bottom:9px;color:var(--ar-muted);font-size:13px;font-weight:550}.arena label{font-size:14px;color:var(--ar-muted)}.arena input:not([type=radio]):not([type=checkbox]),.arena select{width:100%;min-width:0;min-height:46px;border:1px solid var(--ar-border);border-radius:10px;background:var(--ar-raised);color:var(--ar-text);padding:11px 13px;font-size:14px}.arena input::placeholder{color:var(--ar-muted);opacity:.8}.arena select{appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='m5 7 4 4 4-4' fill='none' stroke='%23929ba6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;color-scheme:dark}.ar-segments{display:flex;gap:4px;padding:4px;background:var(--ar-raised);border:1px solid var(--ar-border);border-radius:11px}.ar-segments label{position:relative;display:flex;flex:1;min-width:0;cursor:pointer;color:var(--ar-muted)}.ar-segments input{position:absolute;width:1px;height:1px;opacity:0;margin:0}.ar-segments span{display:flex;flex:1;justify-content:center;align-items:center;min-height:42px;padding:9px 7px;border:1px solid transparent;border-radius:7px;font-size:13px;line-height:1.45;text-align:center;transition:background-color .15s,color .15s}.ar-segments input:checked + span{background:var(--ar-accent);border-color:var(--ar-accent);color:#fff}.ar-segments input:focus-visible + span{outline:2px solid var(--ar-accent);outline-offset:1px}.ar-segments label:hover span{color:var(--ar-text)}.arena .ar-bet-input{display:flex;align-items:center;overflow:hidden;min-height:40px;border:1px solid var(--ar-border);border-radius:var(--raika-ui-radius, 13px);background:#0c1116}.arena .ar-bet-input:focus-within{border-color:var(--ar-accent)}/* As in the original games, the shell owns the field surface in every state. */.arena .ar-bet-input > #ar-bet{flex:1;width:0;height:38px !important;min-height:38px !important;border:0 !important;outline:none !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;padding:0 12px !important;font-size:14px;font-weight:400;appearance:textfield}.ar-bet-tools{display:flex;align-items:center;flex-shrink:0}.ar-bet-currency{display:grid;place-items:center;min-width:30px;height:30px;margin-right:11px;padding-inline:5px;border-radius:50%;background:var(--ar-accent);color:#fff;font-size:14px}.ar-bet-tools button{position:relative;width:43px;height:38px;border:0;border-radius:0;padding:0 4px;background:var(--ar-raised);color:var(--ar-text);font-size:14px}.ar-bet-tools button:hover{background:var(--ar-soft)}.ar-bet-tools button + button::before{content:'';position:absolute;left:0;top:9px;bottom:9px;width:1px;background:var(--ar-border)}.ar-bet-input input::-webkit-inner-spin-button,.ar-bet-input input::-webkit-outer-spin-button{appearance:none;margin:0}.ar-bet-input > span{padding:0 15px 0 10px;color:var(--ar-muted);font-size:15px}.ar-bet-presets{display:grid;grid-template-columns:repeat(4, 1fr);gap:7px;margin:9px 0 20px}.ar-bet-presets .ar-btn{background:transparent;min-height:35px;padding:7px}.ar-config-win{display:flex;align-items:center;gap:10px;padding:17px 0 22px;margin-bottom:23px;border-bottom:1px solid var(--ar-border)}.ar-config-win > span{font-size:14px;color:var(--ar-muted)}.ar-config-win > strong{margin-left:auto;color:var(--ar-text);font-size:21px;font-weight:700;font-variant-numeric:tabular-nums}.arena .ar-switch{position:relative;display:flex;align-items:center;gap:11px;cursor:pointer;font-size:14px;line-height:1.5;color:var(--ar-text)}.ar-switch input{position:absolute;width:1px;height:1px;opacity:0}.ar-switch-track{display:block;position:relative;width:38px;height:22px;flex-shrink:0;background:var(--ar-soft);border:1px solid var(--ar-border);border-radius:20px;transition:background-color .15s}.ar-switch-track::after{content:'';position:absolute;top:3px;left:3px;width:14px;height:14px;background:var(--ar-muted);border-radius:50%;transition:transform .15s}.ar-switch input:checked + .ar-switch-track{background:var(--ar-accent);border-color:var(--ar-accent)}.ar-switch input:checked + .ar-switch-track::after{transform:translateX(16px);background:#fff}.ar-switch input:focus-visible + .ar-switch-track{outline:2px solid var(--ar-accent);outline-offset:3px}.ar-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:30px;padding-top:21px;border-top:1px solid var(--ar-border)}.ar-dialog-actions > .primary{min-width:150px}.ar-dialog .ar-controls{justify-content:flex-end;margin-top:22px}.ar-dialog > .ar-btn{margin-top:22px}.ar-dialog form > label:not(.ar-field-label):not(.ar-switch){display:block;margin-top:19px}.ar-dialog form > label > input{margin-top:8px}#ar-join-form > .ar-btn{margin-top:20px}.ar-rules-copy{font-size:14px;line-height:1.8;color:var(--ar-muted)}.ar-warning{font-size:13px;line-height:1.7;color:var(--raika-warning-muted, #bcae89);background:var(--raika-warning-bg, #282317);border:1px solid var(--raika-warning-border, #594b27);border-radius:10px;padding:13px 15px;margin:17px 0}/* A stable centered stage, with rules and conditions below it. */.ar-match-name{font-size:19px;color:var(--ar-text);font-weight:700;line-height:1.35;text-align:center}.ar-match-name small{display:block;margin-top:4px;font-size:13px;font-weight:500;color:var(--ar-muted)}.ar-match-layout{max-width:900px;margin-inline:auto}.ar-match-stage{position:relative;padding:27px 34px;min-width:0}.ar-match-players{display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);align-items:center;gap:20px;padding-bottom:23px}.ar-match-players > .ar-player:last-child{flex-direction:row-reverse;text-align:right}.ar-score{display:grid;grid-template-columns:minmax(2ch, 1fr) auto minmax(2ch, 1fr);align-items:center;gap:12px;text-align:center;font-size:32px;line-height:1;font-variant-numeric:tabular-nums}.ar-score b{font-weight:700}.ar-score span{color:var(--ar-muted);font-size:23px;font-weight:400}.ar-turn-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0 12px;border-top:1px solid var(--ar-border)}.ar-turn-status{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}.ar-turn-row strong{color:var(--ar-muted);font-size:14px;font-weight:600}.ar-turn-row strong.your-turn{color:var(--ar-accent)}.ar-turn-row time{color:var(--ar-text);font-size:20px;line-height:1.3;font-weight:650;font-variant-numeric:tabular-nums;min-width:5ch;text-align:right;transition:color .3s ease}.ar-turn-row time.urgent{color:#dca078}.ar-time-track{height:3px;border-radius:3px;background:var(--ar-soft);overflow:hidden}.ar-time-track > i{display:block;height:100%;background:var(--ar-accent);width:100%;transform-origin:left center;will-change:transform;transition:background-color .3s ease}.ar-time-track > i.urgent{background:#dca078}.ar-playing-area{position:relative;padding:27px 0 3px;min-height:360px}.ar-board-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 auto 21px;max-width:620px;color:var(--ar-muted);font-size:14px;line-height:1.5}.ar-board-caption b{color:var(--ar-text);font-size:14px;font-weight:650;white-space:nowrap}.ar-board-caption .ar-btn{font-size:13px}.ar-board-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:620px;margin:23px auto 0;color:var(--ar-muted);font-size:14px;min-height:44px}.ar-board-footer.ar-center{justify-content:center}.ar-board-footer b{color:var(--ar-text);font-weight:650;margin-left:5px}.ar-playing-area > .ar-help{max-width:620px;text-align:center;margin-inline:auto}.ar-help{color:var(--ar-muted);font-size:13px;line-height:1.65;margin-top:16px !important}.ar-match-bottom{display:grid;grid-template-columns:minmax(0, 1fr) auto auto;gap:20px;align-items:start;max-width:900px;margin:16px auto 0}.ar-match-bet{display:flex;flex-direction:column;gap:5px;padding-top:9px;font-size:13px}.ar-match-bet > span{display:flex;gap:12px;justify-content:space-between;color:var(--ar-muted)}.ar-match-bet b{color:var(--ar-text);font-weight:650}.ar-rules-bottom{padding:16px 0;max-width:1040px;margin-inline:auto;border-bottom:1px solid var(--ar-border)}.ar-rules-bottom summary{cursor:pointer;color:var(--ar-muted);font-size:14px;font-weight:600}.ar-rules-bottom summary:hover{color:var(--ar-text)}.ar-rules-bottom > p{margin-top:14px;color:var(--ar-muted);font-size:14px;line-height:1.8}.ar-match-bottom .ar-rules-bottom{width:100%;padding-top:10px}.ar-grid{display:grid;grid-template-columns:repeat(var(--n), minmax(0, 1fr))}/* Memory and tic-tac-toe never animate existing pieces again. */.ar-memory{width:min(100%, 460px);gap:9px;margin-inline:auto}.ar-cell{min-width:0;padding:0;aspect-ratio:1;display:grid;place-items:center;background:var(--ar-raised);border:1px solid var(--ar-border);border-radius:9px;color:var(--ar-text);font-size:27px;box-shadow:none}.ar-cell:hover:not(:disabled):not(.lit):not(.picked):not(.correct):not(.wrong):not(.missed):not(.winning){background:var(--ar-soft);border-color:var(--ar-muted)}.ar-cell .ar-icon{width:30%;height:30%;min-width:16px;min-height:16px}.ar-cell.lit{background:var(--ar-accent);border-color:var(--ar-accent);color:#fff}.ar-cell.picked{background:var(--ar-accent);border-color:var(--ar-accent);color:#fff}.ar-cell.correct{background:color-mix(in srgb, var(--ar-positive) 13%, var(--ar-raised));border-color:color-mix(in srgb, var(--ar-positive) 65%, var(--ar-border));color:var(--ar-positive)}.ar-cell.wrong{background:color-mix(in srgb, var(--ar-negative) 12%, var(--ar-raised));border-color:color-mix(in srgb, var(--ar-negative) 50%, var(--ar-border));color:var(--ar-negative)}.ar-cell.missed{border:2px dashed color-mix(in srgb, var(--ar-positive) 65%, var(--ar-border));background:color-mix(in srgb, var(--ar-positive) 7%, var(--ar-raised));color:var(--ar-positive)}.ar-tic{width:min(100%, 370px);margin-inline:auto;gap:12px}.ar-tic .ar-cell{font-family:Arial,sans-serif;border-radius:13px;font-size:clamp(52px, 7vw, 76px);line-height:1;font-weight:400}.ar-tic .ar-cell.p1{color:var(--ar-accent)}.ar-tic-mark{display:block;width:60%;height:60%;max-width:68px;max-height:68px}.ar-tic .ar-cell.p2{color:var(--ar-opponent)}.ar-tic .ar-cell.winning{border-color:var(--ar-positive);background:color-mix(in srgb, var(--ar-positive) 10%, var(--ar-raised))}/* Connect: matte discs and destination ghosts. */.ar-connect-wrap{width:min(100%, 540px);margin-inline:auto}.ar-column-buttons{display:grid;grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:8px;padding:0 13px 9px}.ar-column-buttons button{display:grid;place-items:center;min-height:32px;padding:3px;border:0;background:transparent;border-radius:6px;color:var(--ar-muted)}.ar-column-buttons button:hover:not(:disabled),.ar-column-buttons .selected{color:var(--ar-text);background:var(--ar-soft)}.ar-column-buttons button:disabled{opacity:.25}.ar-column-buttons .ar-icon{width:18px;height:18px}.ar-connect{position:relative;padding:13px;gap:8px;border:1px solid #48515a;border-bottom-width:5px;border-radius:15px;background:#303840}.ar-disc{display:grid;place-items:center;min-width:0;aspect-ratio:1;padding:0;border:1px solid #45505a;border-radius:50%;background:#171c22;box-shadow:inset 0 2px 3px #0003}.ar-disc > i{display:block;width:92%;height:92%;border-radius:50%;position:relative;background:transparent}.ar-disc.p1 > i{--disc-color:var(--ar-accent)}.ar-disc.p2 > i{--disc-color:var(--ar-opponent)}.ar-disc.p1 > i,.ar-disc.p2 > i{background:linear-gradient(160deg, #ffffff14, transparent 60%),var(--disc-color);border:1px solid color-mix(in srgb, var(--disc-color) 80%, #fff);box-shadow:inset 0 -2px 2px #00000018,inset 0 1px 1px #ffffff20}.ar-disc.p1 > i::after,.ar-disc.p2 > i::after{content:'';position:absolute;inset:17%;border-radius:50%;border:1px solid #ffffff24}.ar-connect:not(:has(.hover-ghost)) .ar-disc.selected-ghost:not(.p1):not(.p2) > i,.ar-disc.hover-ghost:not(.p1):not(.p2) > i{background:var(--ar-accent);opacity:.3;border:2px dashed #fff}.ar-disc.winning{outline:2px solid var(--ar-positive);outline-offset:2px}.ar-disc.dropping > i{transform-origin:50% 100%;animation:ar-connect-drop .44s both}.ar-disc.dropping:not(.p1):not(.p2) > i{animation:none}@keyframes ar-connect-drop{0%{transform:translateY(calc(var(--drop-rows, 1) * -110%));animation-timing-function:cubic-bezier(.35, 0, .8, .55)}70%{transform:translateY(0) scale(1.025, .975);animation-timing-function:ease-out}85%{transform:translateY(-5%) scale(.99, 1.01);animation-timing-function:ease-in}100%{transform:translateY(0)}}/* Battleship: two permanent, equally sized boards. */.ar-match-layout.ar-match-sea{width:100%;max-width:1280px}.ar-sea-layout{row-gap:0;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:44px}.ar-sea-side{min-width:0}.ar-match-sea .ar-playing-area{padding-top:16px}.ar-sea-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.ar-sea-heading h3{font-size:18px}.ar-sea-heading p{color:var(--ar-muted);font-size:13px;margin-top:3px}.ar-sea-count{color:var(--ar-muted);font-size:12px;white-space:nowrap;padding-top:4px;font-variant-numeric:tabular-nums}.ar-sea-board{--sea-axis:22px;--sea-gap:2px;padding-left:var(--sea-axis)}@media (min-width: 761px){.ar-sea-board{width:94%;margin-inline:auto}}.ar-sea-labels{display:grid;grid-template-columns:repeat(10, minmax(0, 1fr));gap:var(--sea-gap);text-align:center;margin-bottom:7px;color:var(--ar-muted);font-size:12px}.ar-sea-row{position:relative}.ar-sea-numbers{position:absolute;inset:0 auto 0 calc(-1 * var(--sea-axis));display:grid;grid-template-rows:repeat(10, minmax(0, 1fr));gap:var(--sea-gap);width:var(--sea-axis);font-size:12px;color:var(--ar-muted);text-align:center;padding-right:5px}.ar-sea-numbers > span{display:grid;place-items:center}.ar-sea-wrap{position:relative;isolation:isolate}.ar-sea{width:100%;gap:var(--sea-gap)}.ar-sea-cell{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1;padding:0;background:var(--ar-raised);border:1px solid var(--ar-border);border-radius:3px;color:var(--ar-muted)}.ar-sea-cell:hover:not(:disabled){background:var(--ar-soft);border-color:var(--ar-accent)}.ar-sea-cell[data-ship]:not([data-ship="-1"]){touch-action:none;cursor:grab}.ar-sea-cell .ar-icon{width:54%;height:54%}.ar-sea-vessels{position:absolute;inset:0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr));gap:var(--sea-gap);pointer-events:none}.ar-vessel{position:relative;margin:5px 3px;border:1px solid var(--ar-muted);border-radius:6px 40% 40% 6px;background:color-mix(in srgb,var(--ar-muted) 35%,var(--ar-raised));box-shadow:inset 0 0 0 3px var(--ar-raised)}.ar-vessel > i{position:absolute;inset:27% 25%;border:1px solid var(--ar-muted);border-radius:3px;opacity:.6}.ar-vessel.vertical{margin:3px 5px;border-radius:40% 40% 6px 6px}.ar-vessel.vertical > i{inset:25% 27%}.ar-vessel.selected{border-color:var(--ar-accent);background:color-mix(in srgb,var(--ar-accent) 22%,var(--ar-raised));box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--ar-accent) 12%,var(--ar-panel))}.ar-vessel.selected > i{visibility:hidden}.ar-vessel.ghost{z-index:4;display:grid;grid-template-columns:repeat(var(--ship-size),minmax(0,1fr));gap:var(--sea-gap);background:transparent;border:0;box-shadow:none}.ar-vessel.ghost[hidden]{display:none}.ar-vessel.ghost.vertical{grid-template-columns:1fr;grid-template-rows:repeat(var(--ship-size),minmax(0,1fr))}.ar-ship-preview-cell{min-width:0;min-height:0;border:2px dashed var(--ar-accent);border-radius:4px;background:color-mix(in srgb,var(--ar-accent) 30%,transparent)}.ar-ship-preview-cell.invalid{border-color:var(--ar-negative);background:color-mix(in srgb,var(--ar-negative) 42%,var(--ar-panel))}.dragging .ar-vessel.selected{opacity:.3}.ar-vessel.destroyed{border-color:var(--ar-negative);opacity:.5}.ar-hull-rotate{position:absolute;left:50%;top:50%;width:24px;height:24px;display:grid;place-items:center;padding:3px;transform:translate(-50%,-50%);border:0;background:transparent;color:var(--ar-accent);border-radius:5px;z-index:5;pointer-events:auto}.ar-hull-rotate .ar-icon{width:18px;height:18px}.ar-hull-rotate:disabled{color:var(--ar-muted);opacity:.55}.ar-hull-rotate:hover:not(:disabled){color:var(--ar-text)}.ar-sea-cell.target{border-color:var(--ar-accent);color:var(--ar-accent);background:color-mix(in srgb,var(--ar-accent) 14%,var(--ar-raised))}.ar-sea-cell.hit,.ar-sea-cell.sunk{z-index:2;background:color-mix(in srgb,var(--ar-negative) 12%,var(--ar-raised));border-color:color-mix(in srgb,var(--ar-negative) 40%,var(--ar-border));color:var(--ar-negative)}.ar-sea-cell.sunk{background:color-mix(in srgb,var(--ar-negative) 23%,var(--ar-raised))}.ar-sea-cell.last-shot{outline:2px solid var(--ar-text);outline-offset:-2px;z-index:3}.ar-sea-cell.water,.ar-sea-cell.miss{color:var(--ar-muted)}.ar-water-dot{display:inline-block;width:5px;height:5px;background:currentColor;border-radius:50%}.ar-sea-cell.splash{animation:ar-sea-impact .4s ease-out}@keyframes ar-sea-impact{from{outline:3px solid var(--ar-muted);outline-offset:4px}to{outline:2px solid var(--ar-text);outline-offset:-2px}}.ar-ship-picker{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px;margin-top:12px}.ar-ship-picker .ar-btn{position:relative;padding:8px;min-height:34px;min-width:30px;border-radius:6px;touch-action:none;cursor:grab;gap:4px}.ar-ship-picker .unplaced{border-style:dashed}.ar-ship-mini{display:inline-flex;gap:2px;align-items:center;height:16px}.ar-ship-mini i{display:block;width:7px;height:11px;border-radius:2px;background:var(--ar-muted)}.ar-ship-picker .selected .ar-ship-mini i{background:var(--ar-accent)}.ar-ship-picker .ar-btn.selected,.ar-ship-picker .ar-btn.selected:hover:not(:disabled){background:color-mix(in srgb,var(--ar-accent) 12%,var(--ar-panel));color:var(--ar-accent)}.ar-fleet-strip{min-height:34px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:12px}.ar-fleet-strip .destroyed{opacity:.3}.ar-fleet-strip .destroyed i{background:var(--ar-negative)}.ar-sea-toolbar{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--ar-border);margin-top:16px;padding-top:12px}.ar-sea-tools,.ar-sea-fire,.ar-sea-legend{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.ar-sea-tools .ar-btn{gap:7px}.ar-sea-tools .ar-icon{width:16px;height:16px}.ar-sea-fire > span{color:var(--ar-muted);font-size:13px}.ar-sea-legend{gap:18px;color:var(--ar-muted);font-size:13px}.ar-sea-legend > span{display:inline-flex;align-items:center;gap:7px}.ar-sea-legend .ar-icon{width:15px;height:15px;color:var(--ar-negative)}.ar-sea-sunk-key{display:inline-block;width:14px;height:10px;background:color-mix(in srgb,var(--ar-negative) 23%,var(--ar-raised));border:1px solid var(--ar-negative);border-radius:3px}.ar-sea-hint{width:100%;margin-top:0 !important;text-align:left}@media (max-width: 1100px) and (min-width: 761px){.ar-sea-layout{gap:24px}.ar-sea-heading{flex-direction:column;gap:2px}.ar-sea-count{padding:0}}@media (max-width: 760px){.ar-sea-layout{grid-template-columns:minmax(0,1fr);gap:28px}.ar-sea-side{width:min(100%,460px);margin-inline:auto}.ar-sea-layout.battle .enemy{order:-1}.ar-sea-layout.battle .own,.ar-sea-layout.placing .enemy{order:2}.ar-sea-heading{margin-bottom:14px}.ar-sea-layout.battle .own{border-top:1px solid var(--ar-border);padding-top:22px}.ar-sea-fire{justify-content:space-between;width:100%}.ar-sea-toolbar{margin-top:18px;padding-top:16px}.ar-sea-toolbar > .ar-btn.primary{width:100%}.ar-sea-hint{font-size:13px}}/* Quoridor: moves and both wall orientations remain available together. */.ar-path-board{--wall-gap:10px;display:grid;grid-template-columns:var(--tracks);grid-template-rows:var(--tracks);position:relative;width:min(100%, 535px);aspect-ratio:1;margin-inline:auto;padding:12px;border:1px solid var(--ar-border);border-radius:13px;background:var(--ar-raised);isolation:isolate}.ar-path-cell{display:grid;place-items:center;min-width:0;min-height:0;padding:0;border:1px solid color-mix(in srgb, var(--ar-muted) 25%, var(--ar-border));border-radius:4px;background:var(--ar-soft)}.ar-path-cell.goal-top{border-top:2px solid var(--ar-accent)}.ar-path-cell.goal-bottom{border-bottom:2px solid var(--ar-opponent)}.ar-path-cell.reachable{border-color:var(--ar-border);background:var(--ar-soft)}.ar-path-cell.reachable::after{content:'';width:19%;height:19%;min-width:4px;min-height:4px;border-radius:50%;background:var(--ar-accent)}.ar-path-cell.reachable:hover{border-color:var(--ar-accent);background:var(--ar-raised)}.ar-pawn{display:block;width:62%;aspect-ratio:1;border-radius:50%;background:var(--ar-accent);border:1px solid rgb(255 255 255 / 25%);box-shadow:inset 0 1px 1px #ffffff25,inset 0 -2px 2px #00000018,0 1px 2px #00000020}.ar-pawn.p2{background:var(--ar-opponent)}.ar-wall-slot{position:relative;min-width:0;min-height:0;padding:0;border:0;background:transparent;border-radius:3px;z-index:2}.ar-wall-slot::before{content:'';position:absolute;inset:-3px 0}.ar-wall-slot.v::before{inset:0 -3px}.ar-wall-slot::after{content:'';display:none;position:absolute;left:0;top:0;width:calc(200% + var(--wall-gap));height:100%;border-radius:3px;background:#9ca9b160;outline:1px solid #a4b0b8;pointer-events:none}.ar-wall-slot.v::after{width:100%;height:calc(200% + var(--wall-gap))}.ar-wall-slot.h.reverse::after{left:calc(-100% - var(--wall-gap))}.ar-wall-slot.v.reverse::after{top:calc(-100% - var(--wall-gap))}.ar-wall-slot:hover:not(:disabled)::after,.ar-wall-slot:focus-visible:not(:disabled)::after{display:block}.ar-wall-slot:hover:not(:disabled),.ar-wall-slot:focus-visible{z-index:3;outline:none}.ar-wall{position:relative;background:var(--ar-wall);border:1px solid color-mix(in srgb, var(--ar-wall) 75%, #fff);border-radius:3px;z-index:4;pointer-events:none}.ar-wall.preview{z-index:5;opacity:.85}.ar-wall.preview.valid{background:var(--ar-positive);border-color:var(--ar-positive)}.ar-wall-count{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.ar-wall-count b:first-of-type{color:var(--ar-accent)}.ar-wall-count b:last-child{color:var(--ar-opponent)}.ar-corridor-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px auto 0;max-width:535px}.ar-corridor-controls .ar-help{margin-top:0 !important}/* Perception and knowledge games. */.ar-color{--ar-color-gap:7px;width:min(100%, 450px);aspect-ratio:1;gap:var(--ar-color-gap);margin-inline:auto;padding:8px;border:1px solid var(--ar-border);background:var(--ar-raised);border-radius:13px}.ar-color-cell{min-width:0;aspect-ratio:1;padding:0;border:0;border-radius:5px}.ar-color-cell:focus-visible{outline-color:var(--ar-text);outline-offset:-3px}.ar-color-cell.shuffling{animation:ar-color-shuffle var(--ar-color-duration,650ms) cubic-bezier(.22,.68,.16,1) both;pointer-events:none;cursor:default;opacity:1}@keyframes ar-color-shuffle{from{transform:translate(calc(var(--ar-color-dx) * (100% + var(--ar-color-gap))),calc(var(--ar-color-dy) * (100% + var(--ar-color-gap))))}25%{transform:translate(calc(var(--ar-color-dx) * (100% + var(--ar-color-gap))),calc(var(--ar-color-dy) * (100% + var(--ar-color-gap)))) scale(.88)}80%{transform:translate(0,0) scale(.94)}to{transform:translate(0,0) scale(1)}}@media (prefers-reduced-motion: reduce){.ar-color-cell.shuffling{animation:none}}.ar-flag{width:min(100%, 360px);height:220px;margin:25px auto 30px;padding:0}.ar-flag img{display:block;width:100%;height:100%;object-fit:contain}.ar-answers{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;max-width:580px;margin-inline:auto}.ar-answers .ar-btn{justify-content:flex-start;min-height:54px;font-size:14px;text-align:left;white-space:normal;padding:11px 14px}.ar-answer-letter{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--ar-border);border-radius:6px;font-size:12px;color:var(--ar-muted);flex-shrink:0}.ar-answers .ar-btn .ar-icon{margin-left:auto}.ar-answers .ar-btn.correct{background:color-mix(in srgb, var(--ar-positive) 13%, var(--ar-raised));border-color:color-mix(in srgb, var(--ar-positive) 65%, var(--ar-border));color:var(--ar-positive);opacity:1}.ar-answers .ar-btn.wrong{background:color-mix(in srgb, var(--ar-negative) 12%, var(--ar-raised));border-color:color-mix(in srgb, var(--ar-negative) 50%, var(--ar-border));color:var(--ar-negative);opacity:1}.ar-answers .ar-btn:disabled:not(.correct):not(.wrong):not(.selected){opacity:.55}/* Results and retained scene controls. */.ar-result{max-width:760px;margin-inline:auto;padding:42px 30px;text-align:center}.ar-result-symbol{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;border:1px solid var(--ar-border);border-radius:18px;background:var(--ar-raised);color:var(--ar-muted)}.ar-result-symbol .ar-icon{width:30px;height:30px}.ar-result.win .ar-result-symbol{color:var(--ar-positive)}.ar-result h1{font-size:32px;margin-bottom:11px}.ar-result > p{color:var(--ar-muted);font-size:14px;max-width:460px;margin-inline:auto}.ar-result-score{display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr);align-items:center;gap:24px;padding:28px 0}.ar-result-score span{min-width:0;color:var(--ar-muted);font-size:14px;overflow-wrap:anywhere}.ar-result-score > span:first-child{text-align:right}.ar-result-score > span:last-child{text-align:left}.ar-result-score b{font-size:42px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:1px}.ar-result-total{display:flex;flex-direction:column;gap:5px;padding:22px 0 28px;margin-top:2px;border-top:1px solid var(--ar-border)}.ar-result-total span{font-size:14px;color:var(--ar-muted)}.ar-result-total strong{font-size:30px;font-weight:700;letter-spacing:-.5px}.ar-result .ar-controls{gap:10px}.ar-result .ar-controls .ar-btn{min-width:145px}.ar-result-actions{display:flex;flex-direction:column;gap:18px}.ar-result-notice{margin:0 !important;color:var(--ar-muted);font-size:13px;line-height:1.6}.ar-rematch-invite{display:grid;grid-template-columns:44px minmax(0, 1fr) auto;align-items:center;gap:14px;margin:0 0 16px;padding:20px;border:1px solid var(--ar-border);border-left:3px solid var(--ar-accent);border-radius:12px;background:var(--ar-raised);text-align:left}.ar-rematch-copy{min-width:0}.ar-rematch-copy strong{display:block;font-size:16px;font-weight:650;line-height:1.4}.ar-rematch-copy span{display:block;margin-top:4px;color:var(--ar-muted);font-size:14px;overflow-wrap:anywhere}.ar-rematch-invite .ar-btn{min-height:44px}.ar-rematch-invite.ar-rematch-double{border:1px solid var(--ar-accent);background:linear-gradient(110deg, color-mix(in srgb, var(--ar-accent) 14%, var(--ar-panel)), var(--ar-raised))}.ar-rematch-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.ar-rematch-badge{display:inline-flex;align-items:center;justify-content:center;padding:0 5px;border-radius:4px;background:var(--ar-accent);color:#fff;font-size:16px;line-height:1.4;font-weight:650}.ar-rematch-details{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-top:7px}.ar-rematch-copy .ar-rematch-details span{margin:0}.ar-rematch-amount{color:var(--ar-text);font-size:18px;font-weight:750}@media (max-width: 600px){.ar-rematch-invite{grid-template-columns:44px minmax(0, 1fr);padding:16px}.ar-rematch-invite > .ar-btn{grid-column:1/-1;width:100%}}.ar-history-item{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:19px 0;border-bottom:1px solid var(--ar-border);font-size:14px}.ar-history-item:last-child{border:0;padding-bottom:0}.ar-history-item > div:last-child{text-align:right}.ar-history-item strong{font-weight:650}.ar-history-item small{display:block;margin-top:5px;color:var(--ar-muted);font-size:13px}.ar-empty{padding:35px 5px;text-align:center;color:var(--ar-muted)}.ar-empty > .ar-icon{width:34px;height:34px;margin-bottom:18px}.ar-empty h3{font-size:18px;color:var(--ar-text)}.ar-empty p{margin-top:9px;font-size:14px}.ar-spinner{width:30px;height:30px;border:2px solid var(--ar-border);border-top-color:var(--ar-muted);border-radius:50%;animation:ar-spin 1s linear infinite}.ar-toast{position:fixed;z-index:10050;bottom:85px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);padding:13px 18px;border:1px solid var(--ar-border);border-radius:11px;color:var(--ar-text);background:var(--ar-soft);box-shadow:0 6px 26px #0003;font-size:14px;line-height:1.5}@media (min-width: 1024px){.raika-shell .ar-turn-notice,.raika-shell .ar-toast{left:calc(50% + var(--raika-sidebar-width, 0px) / 2);max-width:calc(100vw - var(--raika-sidebar-width, 0px) - 32px)}}@keyframes ar-spin{to{transform:rotate(360deg)}}/* Light mode follows the same site tokens. */html[data-theme="light"] .arena{--ar-opponent:#d84055;--ar-wall:#737981}html[data-theme="light"] .arena select{color-scheme:light}html[data-theme="light"] .arena .ar-bet-input{background:#f3f6f9}html[data-theme="light"] .ar-cell.picked{background:var(--ar-accent);color:#fff}@media (min-width: 1500px){.ar-game-art{height:190px}}@media (max-width: 1250px){.ar-catalog{grid-template-columns:repeat(2, minmax(0, 1fr));gap:18px}.ar-game-art{height:180px}.ar-intro{align-items:flex-start;flex-direction:column;gap:20px}.ar-game-copy{padding:19px}}@media (max-width: 1000px){.ar-mode-nav{display:flex}.ar-room-layout{grid-template-columns:minmax(0, 1fr) 300px;gap:16px}.ar-room-main{padding:25px 22px}.ar-invite{padding:24px 20px}.ar-versus{gap:12px}.ar-avatar{width:39px;height:39px}.ar-player{gap:9px}}@media (max-width: 800px){.ar-room-layout{grid-template-columns:1fr}.ar-room-main{max-width:none}.ar-invite{display:grid;grid-template-columns:minmax(0, 1fr) auto;column-gap:22px;align-items:center}.ar-invite h2,.ar-invite > p{grid-column:1}.ar-invite .ar-code-box{grid-column:1;margin:18px 0 0}.ar-invite > .ar-btn{grid-column:2;grid-row:3;margin-top:18px}.ar-room-visibility{grid-column:1/-1;margin-top:17px}.ar-filter-row{align-items:flex-start;flex-direction:column;gap:9px}.ar-match-stage{padding:24px}}@media (max-width: 600px){.arena{padding:2px 0 28px}.ar-page-header{gap:12px;padding-bottom:18px;margin-bottom:23px}.ar-wordmark{font-size:21px;gap:9px;letter-spacing:1px}.ar-wordmark small{font-size:9px;letter-spacing:.5px}.ar-header-right{gap:6px;justify-content:flex-start}.ar-header-right .ar-btn{padding:8px 10px;min-height:38px;font-size:13px}.ar-header-right .ar-demo{font-size:12px}.ar-intro{margin-bottom:23px;gap:18px}.ar-intro h1{font-size:30px;letter-spacing:-.8px}.ar-intro p{font-size:14px;max-width:340px}.ar-intro-actions{width:100%;gap:8px;padding:0}.ar-intro-actions .ar-btn{flex:1;min-width:0;font-size:13px;padding:10px 11px}.ar-intro-actions .ar-icon{width:18px;height:18px}.ar-filter-row{margin-bottom:18px}.ar-filters{flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none;padding:2px 0 4px}.ar-filters .ar-btn{padding:8px 12px;flex-shrink:0}.ar-filter-row > .ar-muted{font-size:13px}.ar-catalog{grid-template-columns:1fr;gap:15px}.ar-game-art{height:175px}.ar-game-copy{padding:18px}.ar-game-copy h3{font-size:20px}.ar-game-copy p{font-size:14px}.ar-section-title{align-items:flex-start;flex-direction:column;gap:6px}.ar-section-title h2{font-size:20px}.ar-open-rooms{margin-top:28px;padding-top:24px}.ar-room-row{gap:16px 10px;padding:14px 12px}.ar-room-players{gap:7px;grid-template-columns:minmax(0, auto) 16px auto}.ar-room-host{gap:7px}.ar-room-host strong{max-width:86px;font-size:13px}.ar-room-players .ar-avatar,.ar-room-empty{width:32px;height:32px}.ar-room-seat > span:last-child{display:none}.ar-room-empty{border-style:dashed}.ar-room-join{min-height:38px}.ar-panel{padding:21px 16px;border-radius:15px}.ar-room-heading{margin-bottom:25px}.ar-room-heading h1{font-size:27px}.ar-versus{gap:10px;padding-bottom:22px}.ar-versus .ar-player,.ar-versus > .ar-player:last-child{flex-direction:column;text-align:center;gap:9px}.ar-player strong{font-size:14px}.ar-player small{font-size:13px}.ar-avatar{width:42px;height:42px}.ar-room-money{column-gap:14px;margin-top:22px}.ar-room-money strong{font-size:24px}.ar-room-actions{margin-top:22px}.ar-invite{display:block}.ar-invite .ar-code-box{margin:19px 0 12px}.ar-invite > .ar-btn{margin-top:0}.ar-match-name{font-size:17px}.ar-match-name small{font-size:13px}.ar-match-stage{padding:19px 13px}.ar-match-players{gap:10px;padding-bottom:17px}.ar-match-players .ar-player{gap:7px}.ar-match-players .ar-avatar{width:32px;height:32px;border-radius:9px;font-size:17px}.ar-match-players .ar-avatar .ar-icon{width:18px;height:18px}.ar-match-players .ar-player strong{font-size:13px}.ar-match-players .ar-player small{font-size:12px;margin-top:3px}.ar-score{font-size:27px;gap:7px}.ar-score span{font-size:19px}.ar-turn-row{padding:13px 0 11px}.ar-turn-row strong{font-size:13px}.ar-turn-row time{font-size:19px}.ar-playing-area{padding-top:21px;min-height:320px}.ar-board-caption{font-size:13px;gap:11px;margin-bottom:18px}.ar-board-caption b{font-size:13px}.ar-board-caption > span:first-child{max-width:72%}.ar-board-footer{font-size:13px;gap:10px;margin-top:19px;flex-wrap:wrap}.ar-board-footer .ar-btn{font-size:13px;padding-inline:13px}.ar-match-bottom{grid-template-columns:minmax(0, 1fr) auto;gap:12px;margin-top:10px}.ar-match-bottom > .ar-rules-bottom{grid-column:1/-1}.ar-match-bet{padding-top:0;font-size:13px;gap:5px;min-width:160px}.ar-match-bottom > .ar-btn{align-self:center}.ar-memory{gap:6px}.ar-cell{border-radius:6px;font-size:23px}.ar-tic{width:min(100%, 320px);gap:9px}.ar-tic .ar-cell{font-size:62px;border-radius:10px}.ar-column-buttons{padding:0 9px 7px;gap:5px}.ar-column-buttons button{min-height:28px}.ar-connect{padding:9px;gap:5px;border-radius:12px;border-bottom-width:4px}.ar-disc.p1 > i,.ar-disc.p2 > i{border-width:1px}.ar-disc.winning{outline-width:1px;outline-offset:1px}.ar-sea-board{--sea-axis:21px}.ar-sea-labels{gap:2px;font-size:11px;margin-bottom:5px}.ar-sea-numbers{gap:2px;font-size:11px;padding-right:3px}.ar-sea{gap:var(--sea-gap)}.ar-sea-cell{border-radius:3px}.ar-hull{border-radius:2px}.ar-hull-rotate{width:24px;height:24px;padding:4px}.ar-hull-rotate .ar-icon{width:15px;height:15px}.ar-ship-picker{gap:6px;margin-top:17px}.ar-ship-picker .ar-btn{min-height:36px;padding:7px 8px}.ar-ship-mini i{width:8px;height:12px}.ar-placement-controls{gap:7px}.ar-placement-controls .ar-btn{font-size:13px;padding:9px 10px}.ar-fleet-strip{gap:9px}.ar-path-board{--wall-gap:7px;padding:7px;border-radius:10px}.ar-path-cell{border-radius:3px}.ar-wall{border-radius:2px}.ar-corridor-controls{margin-top:17px;gap:12px;flex-wrap:wrap}.ar-corridor-controls .ar-btn{flex:1}.ar-color{--ar-color-gap:5px;padding:6px;border-radius:10px}.ar-color-cell{border-radius:3px}.ar-flag{max-width:300px;height:190px;margin:22px auto 25px}.ar-answers{grid-template-columns:1fr;gap:8px}.ar-answers .ar-btn{min-height:48px;font-size:14px;padding:9px 12px}.ar-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:21px 18px;border-radius:16px}.ar-dialog > header{margin-bottom:23px}.ar-dialog h2{font-size:22px}.ar-segments span{font-size:13px;padding:9px 5px}.ar-dialog-actions{gap:8px;margin-top:25px}.ar-dialog-actions > .ar-btn{flex:1;min-width:0;font-size:14px}.ar-result{padding:32px 18px}.ar-result h1{font-size:29px}.ar-result-score{gap:18px;padding:23px 0}.ar-result-score b{font-size:38px}.ar-result-score span{font-size:13px}.ar-result .ar-controls{flex-wrap:nowrap}.ar-result .ar-controls > .ar-btn{flex:1;min-width:0;padding:11px;font-size:13px}.ar-history-item{gap:12px;font-size:13px}.ar-history-item small{font-size:12px}.ar-toast{font-size:13px;padding:12px 15px}}@media (max-width: 380px){.ar-page-header{flex-wrap:wrap;gap:12px}.ar-header-right{margin-left:auto}.ar-match-players .ar-player,.ar-match-players > .ar-player:last-child{flex-direction:column;text-align:center}.ar-room-money strong{font-size:22px}}@media (max-width: 640px){.ar-page-header{align-items:center;flex-wrap:nowrap;gap:14px}.ar-header-brand{flex-direction:column;align-items:flex-start;gap:4px}.arena .ar-header-tagline{padding-left:0;border-left:0;font-size:13px}.ar-header-join .ar-btn{padding:10px 12px;font-size:13px}.ar-header-game{flex-direction:column;align-items:flex-start;gap:5px;padding-left:14px}.ar-header-game strong{font-size:17px}.ar-header-game > span{padding:0;background:transparent;font-size:13px}}/* Keep a complete board in view on laptops without shrinking its typography. */@media (min-width: 1001px) and (max-height: 850px){.ar-result{padding-block:28px}.ar-result-score{padding-block:18px}.ar-result-total{padding-block:16px 20px}.ar-match-stage{padding:20px 30px}.ar-match-players{padding-bottom:16px}.ar-turn-row{padding:11px 0 9px}.ar-playing-area{padding-top:16px;min-height:0}.ar-board-caption{margin-bottom:14px}.ar-memory,.ar-color,.ar-tic{width:min(100%, max(280px, calc(100dvh - 420px)), 420px)}.ar-connect-wrap{width:min(100%, max(320px, calc((100dvh - 415px) * 1.18)), 540px)}.ar-path-board{width:min(100%, max(320px, calc(100dvh - 400px)), 535px)}}@media (prefers-reduced-motion: reduce){.arena *,.arena *::before,.arena *::after{animation-duration:.001ms !important;animation-delay:0ms !important;transition-duration:.001ms !important;scroll-behavior:auto !important}}.ar-bet-hint{color:var(--ar-muted);font-size:13px;margin-top:8px !important}