:root{--bg:#fff;--s1:#f6f6f7;--s2:#ededef;--s2-press:#e2e2e5;--line:#e3e3e6;--line-2:#cfcfd4;--ink:#111114;--ink-2:#3c3c43;--muted:#6b6b70;--faint:#a1a1a6;--accent:#f2542d;--accent-ink:#c33a17;--accent-soft:#fff1ec;--scrim:rgba(17,17,20,.48);--sh-1:0 1px 2px rgba(17,17,20,.06);--sh-2:0 8px 24px rgba(17,17,20,.12),0 2px 6px rgba(17,17,20,.06);--sh-3:0 -8px 32px rgba(17,17,20,.16);--ease:cubic-bezier(.2,.8,.2,1);--font:-apple-system,BlinkMacSystemFont,"PingFang HK","Noto Sans HK","Microsoft JhengHei",system-ui,sans-serif;--font-num:-apple-system,"SF Pro Display","Helvetica Neue",Arial,sans-serif;--m:16px;--gap:8px;--n:2.25;--whole:2;--cols:2;--rank-w:40px;--rank-size:48px;--art-radius:8px;--section-gap:28px;--card-w:calc((min(100vw,1760px) - var(--m)*2 - var(--whole)*var(--gap))/var(--n));color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;padding-bottom:calc(56px + env(safe-area-inset-bottom))}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.45}img{display:block;max-width:100%}svg{width:24px;height:24px;flex-shrink:0;stroke-width:1.75}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button,a{touch-action:manipulation}[hidden]{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:calc(48px + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--m) 0;display:flex;align-items:center;gap:24px;background:#fff;z-index:30}.brand{display:inline-flex;align-items:center;gap:8px;font-size:20px;line-height:1.1;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.brand small{font:600 9px/1.3 var(--font-num);letter-spacing:.15em;display:block;margin-top:3px}.brand-icon{font-size:29px}.site-header>.icon-button{margin-left:auto}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;font-size:23px}.icon-button:hover{background:var(--s1)}.desktop-nav,.header-search{display:none}.bottom-nav{position:fixed;inset:auto 0 0;z-index:40;display:flex;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.97);border-top:1px solid var(--line)}.bottom-nav a{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:var(--muted);font-size:11px;line-height:13px;font-weight:600}.bottom-nav a[aria-current=page],.bottom-nav a.active{color:var(--ink)}.bottom-nav svg{width:24px;height:24px}.bottom-nav a[aria-current=page] svg{stroke-width:2.5}
main#app{max-width:1760px;margin:0 auto;min-height:65vh;padding-bottom:32px}.page-heading{padding:24px var(--m) 16px}.page-heading h1{font-size:28px;line-height:34px;letter-spacing:-.035em;font-weight:700}.page-heading p{margin-top:8px;color:var(--muted);font-size:13px}.page-heading.compact{padding-top:10px;padding-bottom:8px}.page-heading.compact h1{font-size:20px;line-height:28px}.scope-pill{position:relative;display:inline-flex;align-items:center;min-height:20px;border:1px solid var(--line-2);border-radius:999px;padding:0 8px;color:var(--muted);font-size:11px;line-height:18px;font-weight:600;white-space:nowrap;vertical-align:middle}.scope-pill:before{content:"";position:absolute;inset:-12px 0}.category-chips{position:sticky;top:0;z-index:20;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;padding:8px var(--m);background:rgba(255,255,255,.94);backdrop-filter:blur(12px);margin-bottom:16px;min-height:52px}.category-chips::-webkit-scrollbar,.rail::-webkit-scrollbar{display:none}.category-chips a,.category-chips button,.chip,.active-filters a,.active-filters button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-height:36px;padding:8px 14px;border-radius:999px;background:var(--s2);font-size:14px;line-height:20px;font-weight:600}.category-chips a:after{content:"";position:absolute;inset:-4px 0}.category-chips a:active,.chip:active{background:var(--s2-press)}.chip.active,.chip[aria-pressed=true]{background:var(--ink);color:#fff}.category-chips.stuck{box-shadow:0 1px 0 var(--line)}
.section{margin:0 0 var(--section-gap)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding:0 var(--m);margin-bottom:8px}.section-heading>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;min-width:0}.section-heading h2{font-size:18px;line-height:24px;font-weight:700;letter-spacing:-.025em}.section-heading small{font-size:12px;line-height:16px;font-weight:500;color:var(--muted)}.section-heading>a{display:inline-flex;align-items:center;min-height:36px;flex-shrink:0;font-size:13px;font-weight:600;color:var(--muted)}.section-heading>a:hover{color:var(--ink)}.rail-wrap{position:relative}.rail{display:flex;gap:var(--gap);overflow-x:auto;overflow-y:hidden;padding:3px var(--m) 8px;scroll-padding-inline:var(--m);scroll-snap-type:x mandatory;scrollbar-width:none}.rail>.card{flex:0 0 var(--card-w);width:var(--card-w);scroll-snap-align:start}.card{position:relative;min-width:0}.art-button{position:relative;display:block;padding:0;width:100%;aspect-ratio:16/9;background:var(--s1);border-radius:var(--art-radius);overflow:hidden;isolation:isolate;text-align:left;transition:box-shadow 120ms var(--ease)}.art-button:after,.detail-art:after,.thumbwell:after{position:absolute;content:"";inset:0;box-shadow:inset 0 0 0 1px rgba(17,17,20,.08);border-radius:inherit;pointer-events:none;z-index:2}img.game-image,.art-button img{width:100%;height:100%;object-fit:contain!important;object-position:center;transform:none!important}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:14px;background:hsl(var(--hue,210) 40% 94%);color:var(--ink);text-align:center;font-size:16px;line-height:22px;font-weight:700}.image-placeholder small{font-size:11px;line-height:15px;font-weight:400;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.art-label{position:absolute;left:6px;top:6px;z-index:3;display:inline-flex;align-items:center;min-height:20px;max-width:calc(100% - 48px);padding:2px 8px;border-radius:5px;background:rgba(17,17,20,.76);color:#fff;font-size:11px;line-height:14px;font-weight:600}.bookmark-button{position:absolute;top:0;right:0;z-index:5;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--ink)}.bookmark-button:before{content:"";position:absolute;inset:4px;background:#fff;border-radius:50%;box-shadow:var(--sh-1);z-index:-1}.bookmark-button svg{width:20px;height:20px}.bookmark-button[aria-pressed=true],.bookmark-button.saved{color:var(--accent)}.bookmark-button[aria-pressed=true] svg{fill:var(--accent);stroke:#fff;stroke-width:1.5}.play-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:var(--sh-1);z-index:3}.play-mark svg{width:21px;height:21px}.external-mark{position:absolute;right:6px;bottom:6px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:var(--sh-1);font-size:14px;z-index:3}.external-mark svg{width:14px;height:14px}.card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;line-height:20px;font-weight:600;margin-top:8px;overflow-wrap:anywhere}.card-meta{margin-top:2px;color:var(--muted);font-size:12px;line-height:16px;font-weight:500}.card-subaction{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px}.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:4px}.card-title-row .card-title{flex:1}.rail-arrow{display:none;position:absolute;top:calc(var(--card-w)*9/32 - 19px);z-index:8;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:var(--sh-2);align-items:center;justify-content:center;font-size:26px}.rail-arrow.prev{left:8px}.rail-arrow.next{right:8px}.rail-arrow:disabled{visibility:hidden}.rank-card{flex:0 0 calc(var(--card-w) + var(--rank-w));display:flex;gap:0;min-width:0;scroll-snap-align:start}.rank-card>.card{width:var(--card-w);flex:0 0 var(--card-w)}.rank-number{font-family:var(--font-num);font-weight:800;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}.rank-card>.rank-number{width:var(--rank-w);flex-shrink:0;text-align:right;padding-right:6px;font-size:var(--rank-size);line-height:.8;padding-top:calc(var(--card-w)*9/16 - var(--rank-size)*.8)}.rank-card>.rank-number.two-digit{font-size:calc(var(--rank-size)*.76);letter-spacing:-.08em;padding-top:calc(var(--card-w)*9/16 - var(--rank-size)*.76*.8)}.rank-card .card-title{-webkit-line-clamp:1}.rank-card .card-meta{font-weight:600;color:var(--ink-2)}.game-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:16px var(--gap);padding:8px var(--m) 24px}.browse-tools{position:sticky;top:0;z-index:20;display:flex;gap:8px;padding:8px var(--m);background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.searchbox,.header-search{align-items:center;gap:8px;background:var(--s2);border-radius:12px;min-width:0;padding:0 12px}.searchbox{display:flex;flex:1}.searchbox input,.header-search input{width:100%;min-width:0;height:44px;border:0;background:none;outline-offset:0;font-size:16px}.searchbox svg,.header-search svg{width:20px;height:20px;color:var(--muted)}.searchbox button{flex-shrink:0;width:32px;height:44px}.filter-button{min-height:44px;padding:0 16px;border:1px solid var(--line-2);border-radius:12px;white-space:nowrap;font-size:14px;font-weight:600;background:#fff}.active-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px var(--m) 12px}.active-filters a,.active-filters button{min-height:32px;font-size:12px;padding:6px 12px}.segmented{display:flex;padding:4px;background:var(--s2);border-radius:12px;gap:4px}.segmented button{flex:1;min-height:36px;padding:8px 12px;border-radius:9px;font-size:13px;font-weight:600}.segmented button.active,.segmented button[aria-selected=true],.segmented button[aria-pressed=true]{background:#fff;box-shadow:var(--sh-1)}.rank-tabs,.my-tabs{margin:8px var(--m) 20px}.empty-panel{margin:8px var(--m);min-height:132px;padding:20px;background:var(--s1);border-radius:12px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:8px}.empty-panel h3{font-size:16px;line-height:22px}.empty-panel p{color:var(--muted);font-size:13px;line-height:20px;max-width:600px}.empty-panel>svg{color:var(--faint);width:32px;height:32px}.empty-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;background:#fff;border:1px solid var(--line-2);border-radius:12px;font-size:14px;font-weight:600;margin-top:4px}.browse-all{margin:0 var(--m);display:flex;align-items:center;justify-content:space-between;padding:24px;border:1px solid var(--line);border-radius:12px;font-weight:600}.rank-list{padding:0 var(--m);list-style:none;margin:0}.rank-row{display:flex;align-items:center;gap:12px;min-height:76px;border-bottom:1px solid var(--line);padding:6px 0}.rank-row>.rank-number{font-size:32px;line-height:1;flex:0 0 32px;text-align:right}.thumbwell{position:relative;flex:0 0 112px;width:112px;height:63px;border-radius:6px;background:var(--s1);overflow:hidden}.thumbwell img{width:100%;height:100%;object-fit:contain!important}.rank-copy{flex:1;min-width:0}.rank-copy h3{font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric{font-size:13px;line-height:18px;color:var(--ink-2);font-weight:600}.submetric{font-size:12px;line-height:16px;color:var(--muted)}.rank-row>.chevron{color:var(--muted);flex-shrink:0}.rank-footnote,.privacy-note{padding:16px var(--m);font-size:12px;line-height:19px;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px var(--m)}.stats-grid>div,.stats-grid>article{background:var(--s1);border-radius:12px;padding:16px}.stats-grid strong{display:block;font:700 20px/26px var(--font-num);overflow-wrap:anywhere}.stats-grid small,.stats-grid span{font-size:12px;color:var(--muted)}.data-actions{padding:16px var(--m);display:flex;flex-wrap:wrap;gap:8px}.site-footer{max-width:1760px;margin:auto;padding:24px var(--m) 36px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:20px}.site-footer p+p{margin-top:6px}.site-footer a{text-decoration:underline;text-underline-offset:3px}
.button,.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:12px;font-size:14px;line-height:20px;font-weight:600;text-align:center}.primary,.button.primary{background:var(--ink);color:#fff;min-height:48px;font-size:16px;line-height:22px;font-weight:700}.secondary,.button.secondary{background:#fff;border:1px solid var(--line-2)}.link-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px;font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.secondary[aria-pressed=true]{color:var(--accent-ink);border-color:var(--accent)}.primary:hover{background:#303036}.secondary:hover{background:var(--s1)}
dialog#modal{position:fixed;inset:auto 0 0;margin:0 auto;border:0;padding:0;width:100%;max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 8px);background:#fff;color:var(--ink);border-radius:20px 20px 0 0;box-shadow:var(--sh-3);overflow-y:auto;overscroll-behavior:contain}dialog#modal::backdrop{background:var(--scrim)}dialog#modal[open]{animation:sheet-in 280ms var(--ease)}.modal-close{position:absolute;right:10px;top:10px;z-index:10;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:var(--sh-1);font-size:25px}#modal-body{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.detail-art{position:relative;width:100%;aspect-ratio:16/9;background:var(--s1)}.detail-art img{width:100%;height:100%;object-fit:contain!important;transform:none!important}.detail-content{padding:20px var(--m);display:grid;grid-template-columns:minmax(0,1fr);gap:24px}.detail-content h1,.detail-content h2{font-size:22px;line-height:28px;letter-spacing:-.03em;margin-bottom:8px}.detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:13px;line-height:20px;margin-bottom:16px}.detail-meta .chip,.detail-meta a{min-height:28px;padding:4px 10px;font-size:12px;border-radius:999px;background:var(--s2)}.detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0}.detail-actions>.primary{width:100%}.detail-actions>.link-button{width:100%;min-height:32px}.detail-actions>p{width:100%;font-size:13px;color:var(--muted)}.rating-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:12px 0;color:var(--muted);font-size:13px}.rating-buttons button{min-width:44px;min-height:44px;padding:0;color:#d97706;font-size:26px}.rating-buttons button.active,.rating-buttons button[aria-checked=true],.rating-buttons button.rated{color:#d97706}.rating-buttons svg{width:22px;height:22px}.rating-buttons button.active svg,.rating-buttons button.rated svg{fill:var(--accent)}.rating-buttons .link-button{font-size:12px}.rating-label{width:100%;margin-bottom:4px}.detail-content aside{min-width:0;padding:16px;border-radius:12px;background:var(--s1)}.detail-content aside h3{font-size:14px;margin-bottom:12px}.detail-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.detail-stats dt,.detail-stats small{font-size:12px;color:var(--muted)}.detail-stats dd{margin:4px 0 0;font-size:17px;font-weight:700;overflow-wrap:anywhere}.detail-stats strong{display:block;font-size:18px;line-height:26px}.detail-desc{font-size:15px;line-height:24px;margin:16px 0;overflow-wrap:anywhere}.source-link{margin:12px var(--m);display:flex;align-items:center;gap:8px;font-size:12px;line-height:18px;color:var(--muted)}.source-link a{word-break:break-all;flex:1}.source-link button{flex-shrink:0}.detail-modal .section{margin-top:8px;margin-bottom:16px}.detail-modal .rail>.card{width:150px;flex-basis:150px}.filter-modal #modal-body{padding-bottom:0}.filter-form{padding:20px var(--m) 0}.filter-form h2{font-size:22px;line-height:28px;padding-right:44px;margin:0 0 24px}.filter-form .field{margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.filter-form .field>label,.filter-form legend{font-size:13px;font-weight:700;color:var(--muted);padding:0}.filter-form fieldset{border:0;padding:0}.filter-form select,.filter-form input:not([type=checkbox]):not([type=radio]){width:100%;min-height:44px;border:1px solid var(--line-2);border-radius:10px;background:#fff;padding:10px 12px;font-size:16px}.filter-form .options{display:flex;flex-wrap:wrap;gap:8px}.filter-footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-top:1px solid var(--line);padding:8px 0 calc(8px + env(safe-area-inset-bottom));margin-top:24px}.filter-footer .primary{width:60%}
section#player{position:fixed;inset:0;z-index:100;background:#fff;padding-top:env(safe-area-inset-top);height:100dvh}.player-bar{height:48px;display:flex;align-items:center;gap:8px;padding:0 max(8px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:#fff}.player-bar button,.player-bar a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;font-size:13px}.player-bar h1,.player-bar .player-name,.player-bar strong{flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;font-weight:600}.player-frame{display:block;width:100%;height:calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border:0;background:#fff}.player-loading{position:absolute;inset:calc(48px + env(safe-area-inset-top)) 0 env(safe-area-inset-bottom);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#fff;pointer-events:none}.player-loading[hidden]{display:none}.player-help{position:absolute;bottom:calc(16px + env(safe-area-inset-bottom));left:16px;right:16px;margin:auto;max-width:520px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-2);border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}body.playing{overflow:hidden}body.playing .site-header,body.playing .bottom-nav{display:none}.toast{position:fixed;left:50%;bottom:calc(72px + env(safe-area-inset-bottom));transform:translate(-50%,12px);z-index:120;background:var(--ink);color:#fff;border-radius:12px;padding:12px 20px;box-shadow:var(--sh-2);font-size:14px;text-align:center;max-width:calc(100vw - 32px);width:max-content;opacity:0;pointer-events:none;transition:opacity 200ms var(--ease),transform 200ms var(--ease)}.toast.show,.toast.visible,.toast[data-visible=true]{opacity:1;transform:translate(-50%,0)}
@media(hover:hover) and (pointer:fine){.rail{scroll-snap-type:none}.art-button:hover,.card:focus-within .art-button{box-shadow:var(--sh-2)}.rail-wrap:hover .rail-arrow,.rail-wrap:focus-within .rail-arrow{display:flex}.bookmark-button:not([aria-pressed=true]):not(.saved){opacity:0}.card:hover .bookmark-button,.card:focus-within .bookmark-button{opacity:1}.category-chips a:hover{background:var(--s2-press)}}
@media(hover:none){.bookmark-button:not([aria-pressed=true]):not(.saved){visibility:hidden}.bookmark-button[aria-pressed=true]{pointer-events:none}.bookmark-button[aria-pressed=true]:before{background:transparent;box-shadow:none}.card .art-button:active{opacity:.85}}
@media(min-width:600px){:root{--m:24px;--gap:12px;--n:3.25;--whole:3;--cols:3;--rank-w:44px;--rank-size:56px}.game-grid{row-gap:20px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:900px){:root{--m:32px;--gap:14px;--n:4.25;--whole:4;--cols:4;--rank-w:56px;--rank-size:72px;--art-radius:10px;--section-gap:40px}body{padding-bottom:0}.site-header{position:sticky;top:0;height:64px;padding:0 var(--m);border-bottom:1px solid var(--line)}.site-header>.icon-button{margin-left:0}.desktop-nav{display:flex;align-items:stretch;gap:24px;align-self:stretch}.desktop-nav a{display:flex;align-items:center;font-size:15px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;padding-top:2px}.desktop-nav a[aria-current=page],.desktop-nav a.active{color:var(--ink);border-color:var(--ink)}.header-search{display:flex;width:280px;margin-left:auto;flex:0 1 280px}.header-search input{height:40px}.bottom-nav{display:none}.category-chips{position:relative;top:auto;backdrop-filter:none;background:#fff;padding-top:16px;padding-bottom:16px;margin-bottom:12px}.page-heading{padding-top:28px;padding-bottom:20px}.page-heading h1{font-size:32px;line-height:40px}.section-heading h2{font-size:20px;line-height:28px}.section-heading small{font-size:13px;line-height:18px}.card-title{font-size:15px;line-height:22px}.card-meta{font-size:13px;line-height:18px}.browse-tools{top:64px}.rank-row{min-height:88px;gap:20px}.rank-row>.rank-number{flex-basis:48px}.rank-copy h3{font-size:15px;line-height:22px}.stats-grid strong{font-size:22px;line-height:28px}.toast{bottom:24px}dialog#modal{inset:0;margin:auto;width:min(760px,calc(100vw - 64px));max-height:90dvh;border-radius:16px;box-shadow:var(--sh-2)}dialog#modal[open]{animation:modal-in 200ms var(--ease)}.detail-content{grid-template-columns:minmax(0,1fr) 240px;align-items:start;padding:24px;gap:24px}.detail-content h1,.detail-content h2{font-size:26px;line-height:32px}.detail-stats{gap:16px 10px}.detail-stats strong{font-size:17px}.detail-modal .section-heading{padding-inline:24px}.detail-modal .rail{padding-inline:24px;scroll-padding-inline:24px}.detail-modal .source-link{margin-inline:24px}.filter-modal{max-width:560px!important}.filter-form{padding:24px 24px 0}.filter-footer{padding-bottom:16px}.source-link{margin-top:16px}.site-footer{padding-top:28px}.empty-panel{padding:24px}}
@media(min-width:1280px){:root{--m:48px;--gap:16px;--n:5.25;--whole:5;--cols:5;--rank-w:64px;--rank-size:80px}.site-header{gap:36px}.desktop-nav{gap:28px}}
@media(min-width:1680px){:root{--n:6.25;--whole:6;--cols:6}.site-header{padding-inline:max(48px,calc((100vw - 1664px)/2))}}
@media(max-width:359px){.rank-row{gap:8px}.rank-row>.rank-number{flex-basis:24px;font-size:28px}.thumbwell{width:88px;height:50px;flex-basis:88px}.rank-copy h3{font-size:13px}.submetric{font-size:11px}.player-bar{gap:2px}}
@keyframes sheet-in{from{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modal-in{from{transform:scale(.98);opacity:0}to{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Final Claude Art Well revision: native-ratio shelves; every source image remains uncropped. */
:root{--shelf-h:96px;--a-min:1.25;--a-max:2}
.brand>span{font:600 9px/1.3 var(--font-num);letter-spacing:.13em;margin-left:1px;align-self:flex-end;padding-bottom:2px}.bottom-nav a>span{font-size:25px;line-height:24px;height:24px;font-weight:500}.home-intro{padding:6px var(--m) 0;color:var(--muted);font-size:12px;line-height:20px}.home-intro:empty{display:none}.art-shell{position:relative;min-width:0}.rail>.card,.rank-card>.card,.detail-modal .rail>.card{--shelf-w:calc(var(--shelf-h) * clamp(var(--a-min),var(--art-ratio,1.7777778),var(--a-max)));width:var(--shelf-w);flex:0 0 var(--shelf-w)}.rail .art-button{height:var(--shelf-h);aspect-ratio:auto}.art-button,.detail-art,.rank-thumb{background:var(--well-bg,var(--s1))}.game-grid .art-button{height:auto;aspect-ratio:3/2}.card-title{width:100%;padding:0;text-align:left;min-height:40px;margin-top:8px}.card-meta{display:flex;align-items:center;gap:4px;min-height:32px;white-space:nowrap;overflow:visible}.card-meta>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.card-meta .bookmark-button{position:relative;inset:auto;width:32px;height:32px;flex:0 0 32px;margin-left:auto;border-radius:8px;opacity:1!important;visibility:visible!important;pointer-events:auto}.card-meta .bookmark-button:before{display:none}.card-meta .bookmark-button:after{content:"";position:absolute;inset:-6px}.card-meta .bookmark-button svg{width:16px;height:16px}.card-meta .bookmark-button[aria-pressed=true] svg{stroke:currentColor;fill:currentColor}.card-meta .bookmark-button:hover{background:var(--s1)}.art-label{border-radius:999px;padding:2px 7px;max-width:calc(100% - 12px)}.art-tags,.tags{position:absolute;top:var(--tag-top,6px);left:6px;display:flex;gap:4px;z-index:3;max-width:calc(100% - 12px);pointer-events:none}.art-tags .art-label,.tags .art-label{position:static;max-width:none;white-space:nowrap}.art-tags[data-corner=tr],.tags[data-corner=tr]{left:auto;right:6px}.art-tags[data-corner=bl],.tags[data-corner=bl]{top:auto;bottom:6px}.art-tags[data-corner=br],.tags[data-corner=br]{left:auto;right:6px;top:auto;bottom:6px}.art-label[data-corner=tr]{left:auto;right:6px}.art-label[data-corner=bl]{top:auto;bottom:6px}.art-label[data-corner=br]{left:auto;right:6px;top:auto;bottom:6px}.art-label.new{background:var(--accent-ink)}.play-mark{width:36px;height:36px;font-size:16px}.rail-arrow{top:calc(4px + var(--shelf-h)/2 - 22px)}.rank-card{width:auto;flex:0 0 auto}.rank-card>.rank-number{padding-top:calc(var(--shelf-h) - var(--rank-size)*.8)}.rank-card>.rank-number.two-digit{padding-top:calc(var(--shelf-h) - var(--rank-size)*.76*.8)}.rank-card .card-title{min-height:20px}.empty-panel{min-height:calc(var(--shelf-h) + 64px)}.detail-art{aspect-ratio:var(--art-ratio,1.7777778);height:auto;max-height:56dvh;min-height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden}.detail-art>img{position:absolute;inset:0;margin:auto;width:100%;height:100%;max-width:var(--art-max-w,100%);max-height:var(--art-max-h,100%);object-fit:contain!important;transform:none!important}.detail-art>.image-placeholder{position:absolute;inset:0}.segmented a{flex:1;display:flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border-radius:9px;font-size:13px;font-weight:600;text-align:center}.segmented a.active,.segmented a[aria-selected=true],.segmented a[aria-current=page],.segmented .selected{background:#fff;box-shadow:var(--sh-1)}.rank-row{width:100%;text-align:left}.rank-thumb{position:relative;display:block;flex:0 0 112px;width:112px;height:63px;border-radius:6px;overflow:hidden}.rank-thumb img{height:100%;width:100%;object-fit:contain!important}.rank-thumb:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(17,17,20,.08);pointer-events:none}.rank-copy .metric,.rank-copy .submetric{display:block}.filter-form fieldset{margin:0 0 24px}.filter-form>.field{font-size:13px;font-weight:700;color:var(--muted)}.filter-form>.field select,.filter-form>.field input{font-weight:400;color:var(--ink)}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.filter-chips label{position:relative;display:inline-flex;align-items:center;cursor:pointer}.filter-chips input{position:absolute;opacity:0;width:1px;height:1px}.filter-chips span{display:flex;align-items:center;gap:5px;min-height:36px;padding:8px 14px;background:var(--s2);border-radius:999px;font-size:14px;line-height:20px;font-weight:600}.filter-chips input:checked+span{background:var(--ink);color:#fff}.filter-chips input:checked+span:before{content:"✓";font-size:12px}.filter-chips input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}.plain-dialog{padding:28px var(--m) 12px}.plain-dialog h2{font-size:22px;line-height:28px;padding-right:30px;margin-bottom:16px}.plain-dialog p{font-size:15px;line-height:24px;color:var(--ink-2);margin-top:12px}.source-detail{margin:0 var(--m);font-size:12px;color:var(--muted);line-height:20px}.source-detail summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px;font-size:13px}.source-detail summary:before{content:"＋"}.source-detail[open] summary:before{content:"−"}.source-detail p{margin:8px 0}.source-detail .source-link{display:block;margin:8px 0;word-break:break-all}.detail-stats span{display:block;font-size:12px;line-height:18px;color:var(--muted)}.rating-buttons button[aria-pressed=true]{color:#d97706}.rating-buttons>span:first-child{width:100%;margin-bottom:4px}.form-error{color:var(--accent-ink);font-size:13px;margin-bottom:12px}.site-footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.site-footer>span{margin-right:auto}.browse-all{gap:12px;flex-wrap:wrap}.browse-all>.primary{font-size:15px}.header-search .icon-button{width:36px;min-width:36px;height:36px;flex-basis:36px}
@media(min-width:600px){:root{--shelf-h:112px}}
@media(min-width:900px){:root{--shelf-h:128px}.card-title{min-height:44px}.rank-card .card-title{min-height:22px}.home-intro{padding-top:16px;font-size:13px}.plain-dialog{padding:28px 24px 12px}.source-detail{margin-inline:24px}.card-meta{min-height:32px}}
@media(min-width:1280px){:root{--shelf-h:144px}}
@media(min-width:1680px){:root{--shelf-h:160px}}
@media(max-width:359px){.rank-thumb{width:88px;height:50px;flex-basis:88px}.segmented a{padding-inline:8px;font-size:12px}}
.card-meta .bookmark-button{width:44px;height:44px;flex-basis:44px;margin-block:-6px}.card-meta .bookmark-button:after{inset:0}
.onlyreal-load-state{min-height:120px;display:flex;align-items:center;justify-content:center;padding:24px}.onlyreal-spinner{display:block;width:26px;height:26px;border:2px solid #dedee2;border-top-color:#202027;border-radius:50%;animation:onlyreal-spin .7s linear infinite}.onlyreal-load-failed button{min-width:44px;min-height:44px;padding:8px 18px;border:1px solid var(--line-2);border-radius:10px;background:#fff;font-size:14px;font-weight:600}.onlyreal-load-failed button:hover{background:var(--s1)}@keyframes onlyreal-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.onlyreal-spinner{animation:none;border-top-color:#202027}}
.player-loading{pointer-events:auto}body.playing,body.playing #player{overscroll-behavior-x:none}
#category-menu,#category-menu button{touch-action:pan-y}#category-menu{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
/* v12: centred Only Real wordmark and familiar category navigation. */
.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;position:sticky;top:0;border-bottom:1px solid var(--line);height:64px;padding:0 var(--m)}
.onlyreal-wordmark{grid-column:2;font-family:Georgia,'Times New Roman',serif;font-size:27px;font-weight:700;letter-spacing:-1.1px;white-space:nowrap;line-height:1.1;justify-self:center;text-decoration:none}
.category-picker{position:relative;justify-self:start;min-width:0}.category-picker>button{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:650;font-size:14px;white-space:nowrap;padding:0 8px 0 0}.category-picker>button[aria-expanded=true]{color:var(--accent-ink)}
#category-menu{position:absolute;top:calc(100% + 6px);left:0;width:200px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-2);z-index:100}#category-menu[hidden]{display:none}#category-menu button{display:flex;width:100%;justify-content:space-between;align-items:center;min-height:44px;padding:10px 14px;text-align:left;border-radius:9px;font-size:15px}#category-menu button[aria-checked=true]{background:var(--accent-soft);color:var(--accent-ink);font-weight:700}#category-menu button:hover{background:var(--s1)}
.header-right{grid-column:3;display:flex;gap:8px;align-items:center;justify-content:flex-end;min-width:0}.header-right .desktop-nav{display:none}.header-search{display:none!important}.header-search-link{display:inline-flex;align-items:center;justify-content:center}.header-right #random{display:none}.site-header .icon-button{margin:0;min-width:44px}.category-picker:focus-within{z-index:101}
@media(min-width:900px){.header-right .desktop-nav{display:flex;gap:24px}.header-right #random{display:inline-flex}.onlyreal-wordmark{font-size:31px}.site-header{height:72px}.header-right{gap:16px}.category-picker>button{font-size:16px}}
@media(max-width:359px){.onlyreal-wordmark{font-size:23px}.category-picker>button{font-size:12px;gap:4px}.site-header{gap:4px}}
body.playing .site-header{display:none}
.onlyreal-wordmark{width:135px;height:45px;display:flex;align-items:center;justify-content:center}.onlyreal-wordmark svg{display:block;width:100%;height:100%}
@media(min-width:900px){.onlyreal-wordmark{width:160px;height:54px}}
@media(max-width:359px){.onlyreal-wordmark{width:112px;height:38px}}
.bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.page-heading h1>small{font-size:15px;color:var(--muted);font-weight:500}.section-heading small a{text-decoration:none;color:var(--ink-2)}.section-heading small a:hover{text-decoration:underline}
/* v13 compact authentic logo, custom monochrome category popover. */
.onlyreal-wordmark{width:94px;height:44px}.onlyreal-wordmark svg{width:94px;height:32px}
@media(min-width:900px){.onlyreal-wordmark{width:110px;height:44px}.onlyreal-wordmark svg{width:110px;height:37px}}
@media(max-width:359px){.onlyreal-wordmark{width:84px}.onlyreal-wordmark svg{width:84px;height:29px}}
.category-picker>button{gap:8px;min-height:44px;padding:0 12px;border-radius:10px;font-weight:600}.category-picker>button:hover,.category-picker>button[aria-expanded=true]{background:#f2f2f2;color:#111}
#category-menu{width:258px;padding:10px;top:calc(100% + 10px);border:1px solid #e7e7e7;border-radius:16px;box-shadow:0 14px 40px #00000016,0 2px 8px #00000008}
.category-menu-title{margin:2px 12px 8px;font-size:11px;line-height:20px;letter-spacing:.08em;color:#777;font-weight:600}
#category-menu button{min-height:50px;display:grid;grid-template-columns:1fr auto 18px;gap:10px;padding:10px 13px;border-radius:10px;transition:background .15s,color .15s;color:#222}
#category-menu button[aria-checked=true],#category-menu button[aria-checked=true]:hover{background:#151515;color:white}.category-name{font-size:15px;font-weight:600}.category-count{font-size:12px;font-variant-numeric:tabular-nums;opacity:.55}.category-check{font-size:14px;text-align:right}#category-menu button:focus-visible{outline:2px solid #111;outline-offset:2px}
@media(max-width:599px){#category-menu{width:min(276px,calc(100vw - 32px));left:0;top:calc(100% + 10px)}}
/* v14 user-requested smaller actual logo ink; unchanged header height. */
.onlyreal-wordmark{width:66px;height:44px}.onlyreal-wordmark svg{width:66px;height:22px}
@media(min-width:900px){.onlyreal-wordmark{width:72px;height:44px}.onlyreal-wordmark svg{width:72px;height:24px}}
@media(max-width:359px){.onlyreal-wordmark{width:62px}.onlyreal-wordmark svg{width:62px;height:21px}}
/* Claude's actual v14 category component. Shared visual language for rank selector. */
.category-picker>button,.picker-trigger{display:inline-flex;align-items:center;gap:4px;height:44px;min-height:44px;padding:0 10px;margin-left:-10px;border:0;border-radius:12px;background:transparent;font-family:inherit;font-size:16px;line-height:22px;font-weight:700;letter-spacing:-.01em;color:#111114;white-space:nowrap}
.category-picker>button{max-width:calc(50vw - 33px - 24px)}.picker-label{overflow:hidden;text-overflow:ellipsis}.picker-chevron{flex:none;color:#6b6b70;transition:transform .16s}.category-picker>button[aria-expanded=true] .picker-chevron,.picker-trigger[aria-expanded=true] .picker-chevron{transform:rotate(180deg)}
.category-picker>button[aria-expanded=true],.picker-trigger[aria-expanded=true]{background:#f6f6f7;color:#111114}
#category-menu,#rank-menu{position:absolute;left:-8px;top:calc(100% + 6px);width:208px;max-width:calc(100vw - 16px);padding:6px;border:0;border-radius:16px;background:white;box-shadow:0 0 0 1px #1111140f,0 12px 32px #11111424,0 2px 6px #1111140f;overflow-y:auto;z-index:100;animation:selector-in .16s ease-out}
#category-menu[hidden],#rank-menu[hidden]{display:none}#category-menu button,#rank-menu button{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;height:44px;min-height:44px;margin:0 0 2px;padding:0 12px;border:0;border-radius:10px;font-family:inherit;font-size:15px;line-height:20px;font-weight:600;color:#3c3c43;background:transparent;text-align:left}#category-menu button:last-child,#rank-menu button:last-child{margin-bottom:0}
#category-menu button[aria-checked=true],#rank-menu button[aria-checked=true]{background:transparent;color:#111114;font-weight:700}.selection-dot{width:6px;height:6px;flex:none;border-radius:50%;background:transparent}[aria-checked=true]>.selection-dot{background:#f2542d}
@media(hover:hover){#category-menu button:hover,#rank-menu button:hover,#category-menu button[aria-checked=true]:hover,#rank-menu button[aria-checked=true]:hover,.picker-trigger:hover,.category-picker>button:hover{background:#f6f6f7}}
#category-menu button:active,#rank-menu button:active,.picker-trigger:active,.category-picker>button:active{background:#ededef}#category-menu button:focus-visible,#rank-menu button:focus-visible{outline:2px solid #f2542d;outline-offset:-2px}.picker-trigger:focus-visible,.category-picker>button:focus-visible{outline:2px solid #f2542d;outline-offset:2px}
.ranking-picker{position:relative;display:inline-block;margin-top:2px;z-index:25}.ranking-picker .picker-trigger{font-size:13px;font-weight:600;color:#6b6b70}.page-heading .ranking-picker{display:block;width:max-content;margin-top:8px}.section-heading{overflow:visible}.section-heading>div{overflow:visible}
@keyframes selector-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#category-menu,#rank-menu,.picker-chevron{animation:none;transition:none}}
/* Include scrollbar-width narrow viewports without truncating 全部遊戲. */
.category-picker>button{max-width:calc(50vw - 33px - 16px)}
@media(max-width:359px){.category-picker>button{width:max-content;max-width:none;font-size:15px;padding-inline:6px;margin-left:-6px}.category-picker .picker-label{flex-shrink:0}}
/* v15 Claude editorial hero: entire original artwork, separate copy. */
.featured-hero{display:grid;gap:20px;margin:20px 0 24px;align-items:center}.featured-art{border:0;padding:0;width:100%;background:#F6F6F7;border-radius:16px;overflow:hidden;aspect-ratio:clamp(1.33,var(--hero-ratio,1.777),2);cursor:pointer}.featured-art .game-image{width:100%;height:100%;object-fit:contain;transform:none}.featured-copy{min-width:0}.featured-eyebrow{font-size:12px;font-weight:650;color:#717177;margin:0 0 8px}.featured-copy h1{font-size:26px;line-height:32px;margin:0 0 10px;letter-spacing:-.5px}.featured-description{font-size:14px;line-height:1.6;color:#66666e;margin:0 0 16px}.featured-actions{display:flex;gap:8px}.featured-actions button,.featured-actions a{min-height:44px}.home-intro{display:none}.ranking-genre-picker{position:relative;display:inline-flex;max-width:100%}.ranking-picker{display:inline-flex;vertical-align:middle}.section-heading>div .ranking-genre-picker{margin-left:8px;vertical-align:middle}.page-heading{flex-wrap:wrap;gap:8px}.page-heading h1{margin-right:auto}.ranking-genre-picker .compact-menu{width:208px;overflow:auto}.compact-menu[hidden]{display:none!important}.game-image{object-fit:contain}.featured-hero+.category-chips{margin-bottom:24px}
@media(min-width:768px){.featured-hero{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:32px;margin:28px 0 48px}.featured-art{aspect-ratio:clamp(1.5,var(--hero-ratio,1.777),2.2)}.featured-copy h1{font-size:clamp(32px,3.35vw,48px);line-height:1.16}.featured-description{font-size:16px}.featured-eyebrow{font-size:13px}}
@media(max-width:599px){.page-heading .ranking-picker,.page-heading .ranking-genre-picker{flex:0 0 auto}.page-heading h1{flex-basis:100%}.featured-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.section-heading>div .ranking-genre-picker{margin-left:0}.section-heading>div{min-width:0}.picker-trigger{white-space:nowrap}.featured-actions .primary{padding-inline:18px}}
.featured-hero{margin-left:var(--m);margin-right:var(--m)}
/* v16: long global taxonomy stays scrollable above mobile navigation. */
.site-header{z-index:60}#category-menu{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.section-heading h2 small{font-size:12px;font-weight:600;color:var(--muted);margin-left:5px}
/* Explicit local screenshot selection, inside the fullscreen game wrapper. */
.or-share-layer{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:16px;background:#0007;overflow:auto;overscroll-behavior:contain;color:#111114}.or-share-card{box-sizing:border-box;width:min(100%,460px);max-height:calc(100dvh - 32px);overflow:auto;background:#fff;border-radius:20px;padding:20px;box-shadow:0 12px 48px #0005}.or-share-card header{display:flex;align-items:center;justify-content:space-between;gap:16px}.or-share-card h2{font-size:22px;margin:0}.or-share-close{width:44px;height:44px;border:0;border-radius:50%;background:#f6f6f7;font-size:26px}.or-share-file{display:block;width:100%;font-size:16px;margin:12px 0}.or-share-preview{display:block;width:100%;max-height:36dvh;object-fit:contain;border-radius:10px;background:#f6f6f7}.or-share-preview[hidden]{display:none}.or-share-caption-label{display:block;font-size:13px;margin-top:16px}.or-share-caption{box-sizing:border-box;display:block;width:100%;margin-top:8px;padding:10px;border:1px solid #ddd;border-radius:10px;font:inherit;font-size:16px}.or-share-status{font-size:13px;min-height:18px}.or-share-actions{display:flex;gap:10px;justify-content:flex-end}.or-share-send:disabled{opacity:.4}
/* Uniform 4:3 art wells with independent overlay controls. */
:root{--shelf-h:calc(var(--card-w)*.75);--rank-badge-h:32px;--rank-badge-font:24px}
.rail>.card,.rank-card>.card,.detail-modal .rail>.card,.rank-card{width:var(--card-w);flex:0 0 var(--card-w)}
.rank-card{display:block;padding:0}.rail .art-button,.game-grid .art-button,.art-button,.detail-art{height:auto;aspect-ratio:4/3;background:#f2f2f4}.art-button .game-image,.featured-art .game-image{width:100%;height:100%;object-fit:contain!important;transform:none!important}.card-save{position:absolute!important;right:6px!important;bottom:6px!important;top:auto!important;inset-inline-start:auto!important;z-index:4;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#fffffff0!important;opacity:1!important;visibility:visible!important;color:#111114}.card-rank{position:absolute;left:6px;bottom:6px;z-index:3;min-width:var(--rank-badge-h);height:var(--rank-badge-h);padding:0 7px;display:grid;place-items:center;border-radius:6px;background:#fffffff0;color:#111114;font-size:var(--rank-badge-font);font-weight:800;line-height:1}.rank-thumb{width:112px;height:84px;aspect-ratio:4/3}.featured-hero{position:relative;display:block;aspect-ratio:4/3;max-width:960px;margin:20px var(--m) 32px;overflow:hidden;border-radius:16px;background:#f2f2f4;isolation:isolate}.featured-art{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:4/3;z-index:0;border-radius:inherit}.featured-detail{position:absolute;inset:0;z-index:1;width:100%;height:100%}.featured-copy{position:absolute;inset:auto 0 0;z-index:2;padding:56px 24px 24px;pointer-events:none;background:linear-gradient(transparent,rgba(255,255,255,.94) 50%,#fff)}.featured-copy h1{font-size:clamp(24px,3.3vw,42px);line-height:1.15;margin:0 0 8px}.featured-description{max-width:560px;font-size:14px;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-eyebrow{color:#3c3c43}.featured-rank{font-size:12px;font-weight:700;margin-bottom:6px}.featured-actions{position:relative;z-index:3;pointer-events:none}.featured-actions>*{pointer-events:auto}.featured-save{display:grid;place-items:center;width:44px;padding:0}.featured-hero:after{content:"";position:absolute;inset:0;border:1px solid #11111412;border-radius:inherit;pointer-events:none;z-index:5}.ranking-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:12px}.ranking-heading h1{flex:0 1 auto;margin:0;font-size:24px}.ranking-heading .ranking-picker{display:inline-flex;flex:0 0 auto;width:auto;margin:0}.ranking-heading .picker-trigger{margin:0;font-size:13px}.ranking-heading #rank-menu{left:auto;right:0}.header-right{gap:0}.header-join{font-size:26px}
@media(min-width:600px){:root{--rank-badge-h:36px;--rank-badge-font:28px}}
@media(min-width:900px){:root{--rank-badge-h:44px;--rank-badge-font:34px}.header-right{gap:12px}.featured-copy{padding:80px 36px 36px}.featured-hero{margin-top:28px;margin-bottom:48px}.featured-description{font-size:16px}}
@media(min-width:1280px){:root{--rank-badge-h:52px;--rank-badge-font:40px}}
@media(max-width:599px){.featured-copy{padding:36px 16px 16px}.featured-copy h1{font-size:24px}.featured-eyebrow{font-size:11px;margin-bottom:5px}.featured-description{display:none}.featured-actions>*{min-height:44px}.ranking-heading h1{font-size:22px;flex-basis:auto}.ranking-heading h1 small{display:none}.rank-thumb{height:84px}.header-right .icon-button{min-width:40px;width:40px;flex-basis:40px}}
@media(max-width:359px){.rank-thumb{width:88px;height:66px;flex-basis:88px}.featured-copy h1{font-size:21px}.ranking-heading{gap:4px}}
.featured-art{position:relative}
.threads-image-badge{position:absolute;z-index:4;top:8px;right:8px;display:inline-flex;align-items:center;max-width:calc(100% - 16px);min-height:22px;padding:3px 8px;border:1px solid rgba(27,27,31,.12);border-radius:999px;background:rgba(255,255,255,.95);box-shadow:0 2px 8px rgba(0,0,0,.09);color:#24242a;font-size:10px;font-weight:750;line-height:14px;letter-spacing:.01em;white-space:nowrap;pointer-events:none}
.art-button:has(.art-label) .threads-image-badge{top:32px}
.detail-art .threads-image-badge,.featured-art .threads-image-badge{top:12px;right:12px;font-size:11px;min-height:26px;padding:5px 10px}

/* Requested portrait lead card; ordinary art wells remain landscape 4:3. */
.featured-hero{aspect-ratio:3/4;width:min(calc(100% - var(--m)*2),480px);max-width:480px;margin-inline:auto}.featured-art{aspect-ratio:3/4}.bottom-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.site-header .category-picker[hidden],.site-header .header-right[hidden]{display:none!important}
/* Personal shelves follow the lead; hero copy and actions settle bottom-center. */
.featured-copy{text-align:center;padding:72px 24px max(28px,env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,rgba(255,255,255,.9) 40%,#fff 100%)}.featured-eyebrow{letter-spacing:.035em;margin-bottom:10px}.featured-copy h1{max-width:100%;margin:0 auto 12px;text-wrap:balance}.featured-description{margin:0 auto 20px;max-width:360px;line-height:1.65}.featured-actions{justify-content:center;align-items:center;gap:12px}.featured-actions .primary{min-height:48px;padding:12px 26px;border-radius:999px;box-shadow:0 4px 14px #11111415}.featured-save{width:48px;height:48px;border-radius:50%;border:1px solid #11111420;background:#fff}.featured-rank{margin-bottom:10px}
@media(max-width:599px){.featured-copy{padding:64px 18px max(24px,env(safe-area-inset-bottom,0px))}.featured-copy h1{font-size:26px;line-height:1.2}.featured-eyebrow{font-size:11px;margin-bottom:8px}.featured-actions .primary{padding-inline:22px}}
/* Six-row category menu, independently scrollable without dragging the page. */
#category-menu{max-height:min(206px,calc(100dvh - 144px));overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin}#category-menu button{height:44px;min-height:44px}
.search-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px}.search-heading h1{font-size:28px}.search-heading p{font-size:13px;margin-top:6px}.search-exit{flex:none;min-height:44px;padding:8px 14px;border-radius:999px;background:#f6f6f7;font-weight:650}.search-tools{display:flex;gap:8px;align-items:center;padding-block:8px;background:#fff}.search-tools .searchbox{min-width:0;flex:1;border:1px solid #e3e3e6;background:#f6f6f7;box-shadow:none;border-radius:14px}.search-tools .searchbox input{min-width:0;font-size:16px}.search-clear{min-height:44px;padding:8px;color:#6b6b70;font-size:13px}.search-tools .filter-button{min-height:44px;border-radius:12px}.searchbox input::-webkit-search-cancel-button{display:none}@media(max-width:359px){.search-heading h1{font-size:24px}.search-heading p{max-width:190px}.search-exit{padding-inline:10px}}
/* Exact recovered OnlyReal app assets: search, home and filter only. */
.onlyreal-ui-icon{display:block;width:24px;height:24px;flex:0 0 24px;object-fit:contain;pointer-events:none}.header-search-link .onlyreal-ui-icon{width:22px;height:22px;flex-basis:22px}.bottom-nav .onlyreal-ui-icon{width:24px;height:24px;opacity:.6}.bottom-nav a[aria-current=page] .onlyreal-ui-icon{opacity:1}.searchbox .onlyreal-ui-icon{width:20px;height:20px;flex-basis:20px}.search-tools .filter-button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.filter-button .onlyreal-ui-icon{width:20px;height:20px;flex-basis:20px}
/* Explicit search submission; neutral focus styling on both complete pages. */
.search-submit{min-height:44px;flex:none;padding:10px 16px;border-radius:12px;background:#171719;color:#fff;font-size:14px;font-weight:650}.search-submit:hover{background:#343438}.page-sheet :focus-visible,.page-sheet .page-surface-close:focus-visible{outline:2px solid #66666d;outline-offset:3px}.page-sheet .searchbox:focus-within{border-color:#77777e;box-shadow:none}.page-sheet .filter-chips input:focus-visible+span{outline:2px solid #66666d;outline-offset:3px}.page-sheet .search-tools{flex-wrap:wrap}.page-sheet .searchbox{flex-basis:calc(100% - 180px)}@media(max-width:399px){.page-sheet .searchbox{flex-basis:calc(100% - 80px)}.search-tools .filter-button{margin-left:auto}.search-submit{padding-inline:14px}}
/* Menu bar remains on normal pages; the separate text footer was removed. */
.bottom-nav[hidden]{display:none!important}body.playing{padding-bottom:0}
/* My hides the desktop header actions, so keep the three-route menu at every width. */
@media(min-width:900px){body:not(.playing){padding-bottom:calc(56px + env(safe-area-inset-bottom))}.bottom-nav:not([hidden]){display:flex}}
.display-name-onboarding{width:min(420px,calc(100vw - 32px));border:0;border-radius:20px;padding:28px;background:#fff;color:var(--ink);box-shadow:var(--sh-3)}
.display-name-onboarding::backdrop{background:rgba(17,17,20,.55)}.display-name-form{display:grid;gap:12px}.display-name-form h2{font-size:23px}.display-name-form>p{font-size:14px;color:var(--muted)}.display-name-form label{font-weight:700}.display-name-form input{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--line-2);border-radius:10px}.display-name-status{min-height:20px;color:var(--accent-ink)!important}.display-name-actions{display:grid;gap:8px}.display-name-actions button{min-height:44px;border-radius:10px;font-weight:700}.display-name-actions [data-onboarding-save]{background:var(--ink);color:#fff}.display-name-actions [data-onboarding-retry]{border:1px solid var(--line-2)}.display-name-actions [data-onboarding-logout]{color:var(--muted);font-size:13px}
.my-tabs{overflow-x:auto;white-space:nowrap}.my-tabs a{flex:1 0 auto}.my-games{padding:0 var(--m) 24px}.my-games-note{font-size:13px;color:var(--muted);margin:0 0 18px}.my-game-list{display:grid;gap:12px}.my-game-record{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:14px;padding:16px}.my-game-record>div{min-width:0}.my-game-record h2{font-size:17px}.my-game-record p{font-size:13px;color:var(--muted);margin-top:5px}.my-game-url{overflow-wrap:anywhere}.my-game-record>a{flex:none}

.category-mode-label{display:block;font-size:10px;color:var(--muted);font-weight:400}
/* The original logo has a white canvas: keep every header state opaque white. */
.site-header{background:#fff;background-image:none;opacity:1;backdrop-filter:none;-webkit-backdrop-filter:none}

/* Bare header/dialog actions, not coloured frames. Preserve touch target sizes. */
.site-header .header-search-link,.site-header .header-join,.site-header .header-search-link:hover,.site-header .header-join:hover,.modal-close,.modal-close:hover,.or-share-close,.or-share-close:hover{border:0;border-radius:0;background:transparent;box-shadow:none;min-width:44px;min-height:44px}
.page-sheet{border:0;box-shadow:none}
.page-sheet .searchbox:focus-within{border-color:#e3e3e6;box-shadow:none}
body:not([data-input-modality=keyboard]) :is(:focus,:focus-visible),body:not([data-input-modality=keyboard]) input:focus-visible+span{outline:none!important}
body[data-input-modality=keyboard] :focus-visible,body[data-input-modality=keyboard] input:focus-visible+span{outline:2px solid #555!important;outline-offset:3px}

.header-login{grid-column:3;justify-self:end;min-height:44px;min-width:44px;background:transparent;border:0;box-shadow:none;padding:8px 4px;font-weight:650}
.header-login[hidden]{display:none!important}.local-account-note{font-size:13px;color:var(--muted);margin-top:8px}.my-games-heading{display:flex;justify-content:flex-end;margin-bottom:12px}.my-games-heading a{min-height:44px;display:inline-flex;align-items:center}

/* Independent fixed Search/Add sheets. Browsing DOM and menu stay in place below. */
html{scrollbar-gutter:stable}
.page-sheet{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;width:100%;height:100dvh;min-height:0;background:#fff;border:0;border-radius:0;box-shadow:none;overflow:hidden;isolation:isolate;animation:page-sheet-in 300ms var(--ease)}
.page-sheet[hidden]{display:none!important}
.page-surface-header{flex:0 0 auto;height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(var(--m),env(safe-area-inset-right)) 0;display:flex;justify-content:flex-end;align-items:center;background:#fff}
.page-surface-close{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;background:transparent;border:0;border-radius:0;box-shadow:none;font-size:30px;line-height:1}
.page-surface-close:hover{background:transparent}
.page-sheet-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;padding-bottom:env(safe-area-inset-bottom);scroll-behavior:auto}
.page-sheet-scroll> :not(.join-page){max-width:1760px;margin-inline:auto}
.page-sheet .join-page{margin-top:0;padding-top:8px}.page-sheet .join-head{margin-top:0}.page-sheet .search-heading{padding-top:8px}
@keyframes page-sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(min-width:900px){.page-sheet{animation-duration:240ms}}
@media(prefers-reduced-motion:reduce){.page-sheet{animation:none;transition:none}.page-sheet-scroll{scroll-behavior:auto}}

/* Captured pixels and recognized text remain transient; result has no export action. */
.or-share-layer[hidden]{display:none!important}.or-score-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:200px;overflow:auto;font:inherit}.or-score-candidates{max-height:220px;overflow:auto;padding-left:24px}
.game-community{margin:14px var(--m) 22px;border-top:1px solid var(--line);font-size:14px}.game-community>summary{display:flex;align-items:center;min-height:48px;cursor:pointer;font-weight:700;list-style:none}.game-community>summary::-webkit-details-marker{display:none}.game-community>summary:after{content:'＋';margin-left:auto;color:var(--muted)}.game-community[open]>summary:after{content:'−'}.community-grid{display:grid;gap:24px;padding:4px 0 18px}.community-column{min-width:0}.community-column h3,.account-panel h2{font-size:17px;line-height:24px;margin:4px 0 12px}.community-note,.community-column [role=status],.account-panel [role=status]{color:var(--muted);font-size:13px;line-height:20px}.community-comment{padding:12px 0;border-bottom:1px solid var(--line)}.community-comment strong{font-size:13px}.community-comment p{font-size:14px;line-height:21px;overflow-wrap:anywhere;white-space:pre-wrap;margin-top:4px}.community-comments,.community-scores{margin:8px 0 16px}.community-score-list{padding-left:22px}.community-score-list li{padding:7px 0;border-bottom:1px solid var(--line)}.community-score-list li span{float:right;color:var(--muted);font-size:12px}.community-own-score{font-size:13px;margin:10px 0}.community-score-controls{display:flex;gap:10px;margin:12px 0}.community-score-controls label{flex:1;min-width:0}.community-column form,.account-profile-form,.friend-search-form{display:grid;gap:10px;margin-top:14px}.community-column label,.account-panel label{display:grid;gap:5px;font-size:13px;font-weight:600}.community-column input,.community-column textarea,.community-column select,.account-panel input{width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--line-2);border-radius:10px;background:#fff;color:var(--ink);font:inherit}.community-column textarea{resize:vertical}.community-column form button,.account-panel form button{min-height:44px;justify-self:start;padding-inline:18px}.community-login{min-height:44px;padding-inline:16px;margin-top:10px}.account-panel{padding:4px var(--m) 30px;max-width:720px}.account-panel>h2{margin-bottom:8px}.account-panel .account-login{min-height:44px;padding-inline:16px;margin-top:10px}.account-friends{display:grid;gap:18px;margin-top:22px}.account-friends section{border-top:1px solid var(--line);padding-top:14px}.account-friends h3{font-size:15px;margin-bottom:8px}.account-friends p{font-size:14px;margin:8px 0}.friend-request{display:flex;align-items:center;gap:8px;min-height:48px;border-bottom:1px solid var(--line)}.friend-request span{flex:1;overflow-wrap:anywhere}.friend-request button{min-height:40px;padding:0 10px;font-weight:600}.friend-search-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.friend-search-results{margin-top:8px}@media(min-width:700px){.community-grid{grid-template-columns:minmax(0,1fr)}}
.community-delete{min-height:36px;padding:0 8px;color:var(--muted);font-size:12px;text-decoration:underline}
/* Account settings stay inside My; there is no separate Profile page. */
.account-settings{margin:28px var(--m) 24px;padding:16px;border:1px solid var(--line);border-radius:14px;max-width:620px}
.account-settings>summary{font-weight:700;cursor:pointer;min-height:28px}
.account-settings-body{padding-top:12px}
.account-settings-form{display:grid;gap:14px}
.account-settings-form>label:not(.account-ig-consent){display:grid;gap:5px;font-size:13px;font-weight:600}
.account-settings-form>label:not(.account-ig-consent)>input{width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--line-2);border-radius:10px;background:#fff}
.account-settings-form .account-ig-consent{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px}
.account-settings-form .account-ig-consent input{width:20px;height:20px;flex:none;accent-color:var(--accent)}
.account-settings-form button{min-height:44px;justify-self:start;padding-inline:20px}
.account-settings-form [role=status]{font-size:13px;color:var(--muted)}
.public-instagram{font-size:12px;color:var(--muted);margin-left:7px}
.player-rank-tabs{display:flex;gap:8px;margin:12px 0 10px}.player-rank-tabs button{min-height:40px;padding:0 14px;border-radius:10px;background:var(--s1);font-weight:650}.player-rank-tabs button.active{background:var(--ink);color:#fff}.player-rank-tabs button:disabled{background:var(--s1);color:var(--faint);opacity:1}
.community-score-list{list-style:none;padding:0;margin:12px 0}.community-score-list li,.player-rank-own{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 4px;border-bottom:1px solid var(--line)}.community-score-list li strong,.player-rank-own strong{font-size:13px}.community-score-list li span,.player-rank-own span{float:none;margin-left:auto;white-space:nowrap;font-size:13px}.community-score-list li.player-rank-self,.player-rank-own{background:var(--s1);border-radius:8px;padding-inline:12px}.player-rank-divider{text-align:center;color:var(--muted);letter-spacing:.3em;padding:6px 0}
/* Full-screen category wheel: native overflow scrolling and scroll snap. */
.category-wheel{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#fff;color:var(--ink);overflow:hidden}
.category-wheel::backdrop{background:#fff}
.category-wheel-head{height:calc(62px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}
.category-wheel-head strong{font-size:16px;font-weight:700}.category-wheel-head button{min-height:44px;padding:0 10px;font-size:15px}.category-wheel-head [data-wheel-cancel]{justify-self:start;color:var(--muted)}.category-wheel-head [data-wheel-confirm]{justify-self:end;color:var(--accent-ink);font-weight:700}
.category-wheel-stage{position:relative;height:calc(100dvh - 62px - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:grid;place-items:center;overflow:hidden;perspective:650px}
.category-wheel-selection{pointer-events:none;position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:min(82vw,420px);height:64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,#fff0,#f6f6f7b0 16%,#f6f6f7b0 84%,#fff0)}
.category-wheel-stage:before,.category-wheel-stage:after{content:"";position:absolute;z-index:3;left:0;right:0;height:29%;pointer-events:none}.category-wheel-stage:before{top:0;background:linear-gradient(#fff 5%,#fffc,#fff0)}.category-wheel-stage:after{bottom:0;background:linear-gradient(#fff0,#fffc,#fff 95%)}
.category-wheel-list{width:min(100%,500px);height:320px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scroll-snap-type:y mandatory;scrollbar-width:none;padding:128px 0;outline:none;position:relative;z-index:1}
.category-wheel-list::-webkit-scrollbar{display:none}.category-wheel-list:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.category-wheel-option{height:64px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;scroll-snap-stop:always;font-size:20px;font-weight:600;white-space:nowrap;transform:rotateX(var(--wheel-tilt,0deg)) scale(.82);opacity:.28;transition:transform .16s,opacity .16s;pointer-events:none}
.category-wheel-option[data-depth="1"]{opacity:.65;transform:rotateX(var(--wheel-tilt,0deg)) scale(.9)}.category-wheel-option[data-depth="0"]{opacity:1;transform:none;font-size:23px;font-weight:750}
@media(prefers-reduced-motion:reduce){.category-wheel-option{transition:none;transform:none!important}}
/* Suppress accidental text selection/callouts on platform chrome. Keep editing,
   native scrolling, browser accessibility zoom, and iframe game input intact. */
body{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
body :is(input,textarea,select,[contenteditable],[contenteditable] *){user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}
body :is(button,a,[role="button"],input[type="checkbox"],input[type="radio"]){touch-action:manipulation}
body img{-webkit-user-drag:none;user-drag:none}
.category-top-slot{min-height:210px}
.category-top-slot .onlyreal-loading{min-height:120px}
.category-top-empty{padding:20px 0;color:#777}
.browse-more{display:block;margin:24px auto 36px;min-width:140px}

/* Player duration leaderboard inside game details. */
.player-rank-kicker{display:block;color:#77777e;font-size:11px;font-weight:750;letter-spacing:.13em}
.game-community{margin-top:22px;padding-top:12px}.game-community>summary{font-size:18px;letter-spacing:-.025em}
.player-rank-kicker{margin:0 0 10px}.player-rank-tabs{margin:0 0 11px}.player-rank-tabs button{border-radius:999px;padding-inline:17px}
.player-rank-tabs button.active{background:#252529}.player-rank-tabs button:disabled{color:#aaaab1}
.community-column>.community-note{margin:0 0 15px}.community-score-list{margin:0}
.community-score-list .player-rank-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:13px;align-items:center;min-height:62px;padding:8px 10px;border-bottom:1px solid #ededf0;border-radius:0;background:transparent}
.community-score-list .player-rank-row.player-rank-leader{background:#f8f8f9;border-radius:10px;border:0;margin-bottom:5px}
.community-score-list .player-rank-row.player-rank-self{background:#f3f3f5;border-radius:10px;border:0;margin:5px 0}
.player-rank-position{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font:750 13px var(--font-num);font-variant-numeric:tabular-nums;background:#ededf0;color:#66666d}
.player-rank-leader .player-rank-position{background:#fff;color:#222226}.player-rank-leader:first-child .player-rank-position{background:#252529;color:#fff}
.player-rank-person{display:flex;min-width:0;flex-direction:column}.community-score-list .player-rank-person strong{font-size:14px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-rank-person em{font-style:normal;font-size:11px;color:#66666d;margin-left:4px}.player-rank-person .public-instagram{margin-left:0}
.community-score-list .player-rank-time{margin:0;color:#252529;font-size:13px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.player-rank-divider{padding:6px;color:#a0a0a7}.player-rank-own-list{margin:0}.player-rank-challenge{margin:10px 0 0;color:#55555d}
/* Keep a new-games shelf footprint until that bounded request settles. */
.home-new-pending{min-height:200px}.home-new-pending .onlyreal-load-state{min-height:190px}
.community-score-list .player-rank-row .player-rank-person{margin-left:0;float:none;min-width:0;justify-self:start}
.home-ranking-pending{min-height:200px}.home-ranking-pending .onlyreal-load-state{min-height:190px}
.rank-count{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:38px;color:var(--ink);vertical-align:middle}.rank-count-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--s2);color:var(--ink)}.rank-count-icon svg{width:18px;height:18px}.rank-count-value{font:700 13px/16px var(--font-num);font-variant-numeric:tabular-nums}.rank-card .card-meta{min-height:52px}.rank-row .rank-copy .metric{display:inline-block;margin-top:4px}.rank-row .rank-copy .submetric{display:block;margin-top:2px}
.player-loading>p{font-size:14px;color:var(--ink-2)}.player-loading .player-external-option,.player-loading .player-retry-option{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border-radius:10px;font-size:14px;font-weight:650}.player-loading .player-external-option{background:var(--ink);color:#fff}.player-loading .player-retry-option{background:var(--s2);color:var(--ink)}
/* Shared curated shelf; an empty verified collection remains visible without invented cards. */
.threads-featured .threads-state,.page-heading+.threads-state{min-height:96px;display:flex;align-items:center;padding-inline:var(--m);color:var(--muted);font-size:13px}
/* Game detail only: keep the close control visible against every cover image. */
.detail-modal>.modal-close{left:12px;right:auto;top:12px;width:48px;height:48px;min-width:48px;min-height:48px;border:1px solid rgba(20,27,35,.14);border-radius:50%;background:rgba(255,255,255,.97);color:#202832;box-shadow:0 2px 12px rgba(20,27,35,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

.card-author{margin-top:2px;color:var(--muted);font-size:12px;line-height:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-author{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:19px;overflow-wrap:anywhere}

.phishing-notice{display:flex;align-items:flex-start;gap:12px;margin:12px var(--m) 18px;padding:10px 12px;border-radius:12px;background:#f6f6f7;color:#4c4c52;font-size:12px;line-height:19px}.phishing-notice p{margin:0;flex:1}.phishing-notice button{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;margin:-8px -8px -8px 0;border:0;background:transparent;color:inherit;font:inherit;font-size:22px;cursor:pointer}.detail-safety-note{margin:12px 0 0;color:#66666e;font-size:12px;line-height:18px}

.rank-author{display:block;color:var(--muted);font-size:12px;line-height:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.featured-author{margin:0 0 6px;color:#56565c;font-size:12px;line-height:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}