/* Approved Blue & Silver Games presentation. Native game interiors keep their skins. */
#arenaFull{--games-surface:linear-gradient(145deg,#f7fbff,#e8f1f8);--games-edge:#c4d5e5;--games-blue:#1c4d74;--games-muted:#526d84;background:linear-gradient(155deg,#f0f6fb,#e3edf5);color:#173952}
html.dark #arenaFull{--games-surface:linear-gradient(145deg,#263c51,#1b2e42);--games-edge:#425c72;--games-blue:#c5deef;--games-muted:#a9bfce;background:linear-gradient(155deg,#172b3e,#101f30);color:#e2edf5}
#arenaFull .arf-bar{position:relative;min-height:58px;padding:calc(9px + var(--safe-top,0px)) 14px 9px;border-bottom:1px solid var(--games-edge)}
#arenaFull .arf-title{font-size:21px;margin:auto;color:var(--games-blue)}
#arenaFull .arf-close{position:absolute;left:10px;top:calc(10px + var(--safe-top,0px));display:flex;align-items:center;justify-content:center;gap:2px;min-width:44px;width:auto;min-height:44px;height:44px;padding:0 6px;border-radius:7px;background:transparent;box-shadow:none;color:var(--games-blue);font-size:11px;font-weight:600}
#arenaFull .arf-close svg{flex-shrink:0}
#arenaFull .ar-tabs{padding:0 12px;gap:12px;border-bottom:1px solid var(--games-edge);background:transparent}
#arenaFull .ar-tab{min-height:48px;letter-spacing:0;font-size:14px;font-weight:600;color:var(--games-muted);border-radius:0;background:transparent;box-shadow:none;border-bottom:3px solid transparent}
#arenaFull .ar-tab.on{color:var(--games-blue);border-bottom-color:#6da5ce;font-weight:750}
#arenaFull .arf-body{padding:14px 12px calc(18px + var(--safe-bot,0px));gap:10px}
#arenaFull .ar-play-page h2{margin:0 0 5px;font-family:'Cinzel',serif;font-size:22px;line-height:1.3;color:var(--games-blue)}
#arenaFull .ar-play-intro{font-size:13px;line-height:1.45;color:var(--games-muted);margin:0 0 15px}
#arenaFull .ar-play-cards{display:grid;gap:13px}
#arenaFull .ar-scheduled-card{display:grid;grid-template-columns:minmax(100px,40%) minmax(0,1fr);gap:12px;padding:11px;border:1px solid var(--games-edge);border-radius:13px;background:var(--games-surface);box-shadow:inset 0 1px 0 #ffffff38,0 3px 8px #0a203514}
#arenaFull .ar-scheduled-card>.neoes-game-art{display:block;width:100%;align-self:center;aspect-ratio:1;border-radius:9px}
#arenaFull .ar-scheduled-main{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:3px 0}
#arenaFull .ar-game-cadence{font-size:11px;line-height:1.3;color:var(--games-muted);font-weight:700;letter-spacing:.025em;margin-bottom:5px}
#arenaFull .ar-scheduled-main h3{font-family:'Cinzel',serif;font-size:21px;line-height:1.15;letter-spacing:-.5px;color:var(--games-blue);margin:0 0 7px;overflow-wrap:anywhere}
#arenaFull .ar-scheduled-main p{font-size:12px;line-height:1.45;color:var(--games-muted);margin:0 0 12px}
#arenaFull .ar-scheduled-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:auto;width:100%}
#arenaFull .ar-game-status{font-size:11px;line-height:1.3;padding:5px 7px;border-radius:7px;background:#e0ecdf;color:#346b43;font-weight:650}
#arenaFull .ar-game-status.progress{background:#dceaf7;color:#24567c}
#arenaFull .ar-game-status.played{background:#e0e9ef;color:#4b6175}
html.dark #arenaFull .ar-game-status{background:#284b3b;color:#b0ddbd}
html.dark #arenaFull .ar-game-status.progress{background:#294b68;color:#c4e2f5}
html.dark #arenaFull .ar-game-status.played{background:#314353;color:#bfd0dc}
#arenaFull .ar-game-action{min-height:44px;min-width:66px;border:1px solid #6086a4;border-radius:9px;padding:8px 12px;background:linear-gradient(#386c94,#1b4468);color:#f2f7fa;font-family:inherit;font-weight:650;font-size:13px;box-shadow:inset 0 1px 0 #d5eafb55,0 2px 3px #10263a30;cursor:pointer}
#arenaFull .ar-game-action:active{filter:brightness(1.15)}
#arenaFull .ar-game-action:disabled{background:transparent;color:var(--games-muted);border-color:var(--games-edge);box-shadow:none;cursor:default}
#arenaFull .ar-result-unavailable{display:block;margin-top:7px;color:var(--games-muted);font-size:10px;line-height:1.4}
#arenaFull .ar-play-foot{text-align:center;font-size:12px;line-height:1.5;color:var(--games-muted);margin:16px 0 0}
#arenaFull .ar-boardbar{display:flex;justify-content:center;margin:0 0 5px}
#arenaFull .ar-seg{border:1px solid var(--games-edge);border-radius:9px;background:#112f4a09;padding:3px;gap:3px;box-shadow:inset 0 1px 3px #08213b18}
#arenaFull .ar-sbtn{min-height:36px;min-width:72px;padding:6px 15px;border-radius:6px;font-size:12px;color:var(--games-muted)}
#arenaFull .ar-sbtn.on{background:linear-gradient(#46789b,#2a5679);color:#fff;box-shadow:inset 0 1px 0 #d7edff30}
#arenaFull .ar-cols{border:1px solid var(--games-edge);border-radius:10px;padding:9px 1px;background:var(--games-surface)}
#arenaFull .ar-col{padding:0 5px}
#arenaFull .ar-col.sep{border-left:1px solid var(--games-edge)}
#arenaFull .ar-col-h{font-size:13px;color:var(--games-blue)}
#arenaFull .ar-crow{min-height:33px;font-size:11px;border-bottom:1px solid #68829b22;border-radius:4px}
#arenaFull .ar-crow.me{background:#6da6cd22}
#arenaFull .ar-racego{min-height:44px;margin:5px 0 7px;border-radius:6px;border:1px solid var(--games-edge);background:#527fa412}
#arenaFull .ar-pcard,#arenaFull .ar-dash{background:var(--games-surface);border:1px solid var(--games-edge);box-shadow:inset 0 1px 0 #ffffff20,0 2px 5px #08182b14}
#arenaFull .ar-pcard-nm,#arenaFull .ar-rank-h,#arenaFull .ar-glabel,#arenaFull .ar-board-h,#arenaFull .ar-rival-nm{color:var(--games-blue)}
#arenaFull .ar-gsub,#arenaFull .ar-rival-sub{color:var(--games-muted)}
#arenaFull .ar-rnk,#arenaFull .ar-tile{background:transparent;box-shadow:none}
#arenaFull .ar-all-games{display:flex;align-items:center;gap:9px;min-height:46px;width:100%;padding:8px 5px;margin:4px 0;border:0;border-top:1px solid var(--games-edge);border-radius:0;background:transparent;color:var(--games-blue);font-family:inherit;font-weight:700;font-size:14px;text-align:left;cursor:pointer}
#arenaFull .ar-all-games span:nth-child(1){font-weight:400;font-size:12px;color:var(--games-muted);margin-left:auto}
#arenaFull .ah-entry{margin-top:5px;margin-bottom:0;background:var(--games-surface);color:var(--games-blue);border:1px solid var(--games-edge);box-shadow:none;min-height:62px}
#arenaFull .ag-cover .neoes-game-art{display:block;width:100%;height:100%;min-height:115px}
#arenaFull .ag-cover[data-game]{padding:0;background:transparent;overflow:hidden}
#arenaFull .ag-cover[data-game]::before,#arenaFull .ag-cover[data-game]::after{display:none}
#arenaFull button:focus-visible{outline:3px solid #71a8d2;outline-offset:2px}
.neoes-games-entry .neoes-controller-art{display:block;width:65px;height:43px;flex:0 0 65px}
.neoes-games-entry .neoes-games-status{font-size:10px;white-space:nowrap;color:var(--ink-2);margin-left:auto;font-weight:650}
@media(max-width:374px){#arenaFull .ar-scheduled-card{gap:9px;padding:9px;grid-template-columns:37% minmax(0,1fr)}#arenaFull .ar-scheduled-main h3{font-size:19px}#arenaFull .ar-tab{font-size:13px}#arenaFull .ar-col{padding:0 4px}}
.pair-comparison-locked{overflow:hidden}
.pair-comparison{--pair-line:#668da658;--pair-accent:#48799b;--pair-silver:#647d90;--pair-person-a:#17778d;--pair-person-b:#875d9f;position:fixed;inset:0;z-index:1350;display:flex;flex-direction:column;background:linear-gradient(145deg,#f1f6fa,#e4eef5);color:#19364d;touch-action:auto}
.pair-comparison[hidden]{display:none}
html.dark .pair-comparison{--pair-line:#7299b14d;--pair-accent:#a8d6eb;--pair-silver:#b0bdca;--pair-person-a:#78d4e4;--pair-person-b:#c7a8df;background:radial-gradient(ellipse at 50% 15%,#173c53 0,#0b2539 42%,#071c2d 100%);color:#e6f1f7}
.pair-comparison-bar{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:calc(9px + var(--safe-top,0px)) 12px 9px}
.pair-comparison-bar button{min-width:64px;min-height:44px;border:0;background:transparent;color:var(--ink);font-family:inherit;font-size:15px}
.pair-comparison-bar h2{font-family:'Cinzel',serif;font-size:19px;margin:0}
.pair-comparison-body{overflow-y:auto;min-height:0;flex:1;padding:12px 16px calc(12px + var(--safe-bot,0px));scrollbar-width:thin}
.pair-comparison-people{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);align-items:start;gap:10px;padding:4px 0 14px;border-bottom:1px solid var(--pair-line)}
.pair-connection-arc{position:absolute;z-index:-1;inset:0 0 auto;width:100%;height:105px;fill:none;opacity:.9}
.pair-link-a{stop-color:var(--pair-person-a)}
.pair-link-mid{stop-color:var(--pair-silver)}
.pair-link-b{stop-color:var(--pair-person-b)}
.pair-link-ribbon{opacity:.38}
.pair-link-flow{stroke-width:5;opacity:.48;stroke-linecap:round}
.pair-link-highlight{stroke:var(--pair-silver);stroke-width:.8;opacity:.8;stroke-linecap:round}
.pair-comparison-people .pair-person{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:0;border:0;background:none;color:inherit;cursor:pointer;font:inherit;text-align:center}
.pair-person>b{font-size:14px;line-height:1.2;overflow-wrap:anywhere}
.pair-comparison-people button:focus-visible{outline:3px solid #71a8d2;outline-offset:4px}
.pair-comparison-people .photo{border-radius:50%;object-fit:contain}
.pair-comparison .pair-person .photo:not(.portrait-frame)>img{object-fit:contain;object-position:50% 50%}
.pair-person-0 .photo{outline:2px solid var(--pair-person-a);outline-offset:2px}
.pair-person-1 .photo{outline:2px solid var(--pair-person-b);outline-offset:2px}
.pair-person-0>b::before,.pair-person-1>b::before{content:"";display:inline-block;width:6px;height:6px;margin:0 5px 2px 0;vertical-align:middle;background:var(--pair-person-a);border-radius:50%}
.pair-person-1>b::before{background:var(--pair-person-b);border-radius:1px}
.pair-comparison-index{display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:center;min-height:83px;aspect-ratio:1;border:1px solid var(--pair-silver);border-radius:50%;background:linear-gradient(150deg,#cadde9,#eff6fb);box-shadow:0 0 0 5px #85a5ba14,inset 0 1px 1px #fff8;transform:translateY(-8px);text-align:center}
html.dark .pair-comparison-index{background:linear-gradient(140deg,#294c62,#102b40);box-shadow:0 0 0 5px #abc3d114,inset 0 1px 1px #d5e8f840}
.pair-comparison-index b{font-size:26px;line-height:1.15;color:var(--pair-accent)}
.pair-comparison-index span{font-size:12px;line-height:1.2;max-width:85%;color:var(--pair-silver)}
.pair-comparison-body h3{font-family:'Cinzel',serif;font-size:18px;line-height:1.25;margin:0 0 7px;color:inherit}
.pair-comparison-body h3.pair-explainer{font-family:inherit;font-size:14px;font-weight:650;line-height:1.3;color:var(--pair-silver);text-align:center;margin-bottom:9px;overflow-wrap:anywhere}
.pair-traits{padding:10px 0 8px;border-bottom:1px solid var(--pair-line)}
.pair-traits h3{font-size:16px;margin-bottom:8px}
.pair-trait-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pair-trait-grid:has(>.pair-trait:only-child){grid-template-columns:minmax(0,150px);justify-content:center}
.pair-trait-grid:has(>.pair-trait:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,135px));justify-content:center}
.pair-trait{min-width:0;text-align:center}
.pair-trait b{font-size:12px;font-weight:600}
.pair-trait-track{display:block;position:relative;height:2px;margin:12px 6px 8px;background:var(--pair-line)}
.pair-trait-track i{position:absolute;width:7px;height:7px;border-radius:50%;transform:translate(-50%,-3px);background:var(--pair-person-a);outline:1px solid #f4fbff}
.pair-trait-track .pair-trait-b{width:8px;height:8px;transform:translate(-50%,1px);border-radius:2px;background:var(--pair-person-b);outline:1px solid #0b263a}
.pair-trait small{font-size:11px;color:var(--pair-silver)}
.pair-trait small span:first-child{color:var(--pair-person-a)}
.pair-trait small span:last-child{color:var(--pair-person-b)}
.pair-favorites{margin-top:10px}
.pair-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
.pair-gallery{min-width:0;padding:7px 10px 5px;border-bottom:1px solid var(--pair-line)}
.pair-gallery:nth-child(odd){padding-left:0;border-right:1px solid var(--pair-line)}
.pair-gallery:nth-child(even){padding-right:0}
.pair-gallery-grid[data-pair-category-count="1"]{grid-template-columns:1fr}
.pair-gallery-grid[data-pair-category-count="1"] .pair-gallery,.pair-gallery-grid[data-pair-category-count="3"] .pair-gallery:last-child{grid-column:1/-1;border-right:0;padding-left:0;padding-right:0}
.pair-gallery h3{font-size:17px;text-align:center;margin:0 0 3px}
.pair-gallery-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y;align-items:stretch}
.pair-gallery-item{flex:0 0 100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;scroll-snap-align:center;padding:0 3px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.pair-gallery-item img{display:block;width:100%;height:clamp(76px,10.5svh,101px);object-fit:contain}
.pair-gallery-item>span{font-size:13px;line-height:1.25;text-align:center;overflow-wrap:anywhere;margin-top:3px}
.pair-gallery-item.text-only{min-height:90px}
.pair-gallery-progress{display:flex;justify-content:center;align-items:center;gap:5px;min-height:13px;margin-top:2px}
.pair-gallery-progress i{width:4px;height:4px;border-radius:50%;background:var(--pair-line)}
.pair-gallery-progress i.on{width:5px;height:5px;background:var(--pair-accent)}
.pair-picks,.pair-extra{padding:11px 0 0}
.pair-picks h3 span{font:500 12px/1.2 system-ui,sans-serif;color:var(--pair-silver);margin-left:5px}
.pair-picks-rail,.pair-extra-rail{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x pan-y}
.pair-picks-rail{gap:4px}
.pair-pick-item{display:flex;flex:0 0 26%;flex-direction:column;min-width:0;align-items:center;scroll-snap-align:start;background:none;border:0;padding:0 2px;color:inherit;font:inherit;cursor:pointer}
.pair-pick-item img{display:block;width:100%;height:58px;object-fit:contain}
.pair-pick-item span{font-size:12px;text-align:center;line-height:1.25;overflow-wrap:anywhere}
.pair-pick-item.text-only{justify-content:center;min-height:58px;border:1px solid var(--pair-line);border-radius:8px;padding:8px}
.pair-extra{border-top:1px solid var(--pair-line);margin-top:11px}
.pair-extra h3{font-size:16px}
.pair-extra-rail>button{flex:0 0 auto;max-width:76%;display:flex;align-items:center;gap:7px;min-height:44px;border:0;border-right:1px solid var(--pair-line);padding:3px 14px 3px 0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.pair-extra-rail>button span{font-size:13px;font-weight:650;line-height:1.25;overflow-wrap:anywhere}
.pair-extra-copy{display:flex;flex-direction:column;min-width:0}
.pair-extra-copy b{font-weight:650}
.pair-extra-rail .pair-place-marker{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:22px;color:var(--pair-accent)}
.pair-extra-rail .pair-place-marker:empty{display:none}
.pair-place-marker img,.pair-place-marker svg{display:block;max-width:24px;max-height:21px;width:24px;height:auto;object-fit:contain}
.pair-place-marker .neoes-travel-state-icon{fill:currentColor;stroke:var(--pair-silver);stroke-width:.4}
.pair-extra-rail>button small{font-size:11px;color:var(--pair-silver);line-height:1.3;margin-top:3px}
.pair-comparison-empty{font-size:15px;line-height:1.5;text-align:center;color:var(--pair-silver);padding:28px 10px}
.pair-item-reveal{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:#031320c9;overflow-y:auto}
.pair-item-reveal-card{max-width:370px;width:100%;padding:14px 18px 24px;border:1px solid var(--pair-silver);border-radius:16px;background:#edf4f9;color:#19364d;box-shadow:0 8px 40px #0005}
html.dark .pair-item-reveal-card{background:#102d43;color:#e6f1f7}
.pair-item-reveal-card>button{display:flex;align-items:center;gap:6px;min-height:44px;border:0;background:none;color:inherit;font:inherit;cursor:pointer;margin-bottom:8px}
.pair-item-reveal-card>button>.neoes-icon{width:20px;height:20px}
.pair-item-reveal-card>img{display:block;width:100%;max-height:45svh;object-fit:contain!important}
.pair-item-reveal-card h3{font-family:'Cinzel',serif;font-size:23px;line-height:1.3;text-align:center;margin:14px 0 8px;overflow-wrap:anywhere}
.pair-item-reveal-card p{font-size:15px;line-height:1.5;margin:0;text-align:center;overflow-wrap:anywhere}
.pair-comparison button:focus-visible{outline:2px solid var(--pair-accent);outline-offset:-2px}
@media(max-height:760px){.pair-comparison-body{padding:8px 12px 12px}.pair-comparison-people{padding-bottom:10px}.pair-traits{padding:7px 0}.pair-gallery-grid{margin-top:5px}.pair-gallery{padding-top:5px}.pair-gallery-item img{height:72px}.pair-pick-item img{height:51px}.pair-picks,.pair-extra{padding-top:8px}.pair-extra{margin-top:8px}}
@media(min-height:880px){.pair-comparison-body:not(:has(.pair-picks,.pair-extra)) .pair-gallery-item img{height:clamp(112px,14svh,132px)}.pair-comparison-body:not(:has(.pair-picks,.pair-extra)) .pair-gallery{padding-top:12px;padding-bottom:10px}.pair-comparison-body:not(:has(.pair-picks,.pair-extra)) .pair-traits{padding-top:14px;padding-bottom:14px}}
@media(min-width:700px){.pair-comparison{inset:0 auto;width:430px;left:50%;transform:translateX(-50%)}}
#arenaFull .ar-today-leaders{border-top:1px solid var(--games-edge);margin-top:5px}
#arenaFull .ar-today-leaders>summary{min-height:44px;padding:13px 4px;color:var(--games-blue);font-size:13px;font-weight:650;cursor:pointer}
