:root{--ink:#0d0e12;--ink-raised:#161821;--ink-line:#242734;--text:#ecedf2;--text-dim:#8e93a4;--text-faint:#5e6375;--accent:#f5a524;--accent-ink:#1a1200;--font-display:"Bricolage Grotesque";--font-body:"IBM Plex Sans";--radius:14px;--gutter:clamp(20px, 5vw, 44px);--maxw:1180px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ink);color:var(--text);font-family:var(--font-body), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display), var(--font-body), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700;line-height:1.08}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{width:100%;max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.site-header{border-bottom:1px solid var(--ink-line);top:env(safe-area-inset-top,0px);background:color-mix(in srgb, var(--ink) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;position:sticky}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;padding-block:15px;display:flex}.logo{font-family:var(--font-display), sans-serif;letter-spacing:-.025em;align-items:center;gap:9px;font-size:19px;font-weight:800;display:inline-flex}.logo .mark{width:26px;height:26px;color:var(--accent);flex:none;display:block}.site-header nav{color:var(--text-dim);gap:22px;font-size:14.5px;display:flex}.site-header nav a:hover{color:var(--text)}.hero{padding-block:clamp(44px,8vw,84px) clamp(28px,4vw,40px)}.hero h1{max-width:15ch;font-size:clamp(38px,8vw,68px)}.hero p{color:var(--text-dim);max-width:52ch;margin:18px 0 0;font-size:clamp(16.5px,2.2vw,19px)}.section{padding-block:clamp(26px,4vw,40px)}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;scroll-margin-top:86px;display:flex}.section-head h2{font-size:clamp(19px,2.6vw,23px)}.section-head .meta{color:var(--text-faint);font-size:13.5px}.grid{grid-template-columns:repeat(var(--cols,1), minmax(0, 1fr));gap:20px;display:grid}@media (min-width:560px){.grid{--cols:2}}@media (min-width:880px){.grid{--cols:3}}.rail-wrap{position:relative}.rail{--per:1;--peek:42px;--rail-gap:16px;gap:var(--rail-gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;--fade-l:0px;--fade-r:0px;-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent 100%);margin:0;padding:0 0 2px;list-style:none;display:flex;overflow-x:auto}.rail.more-left{--fade-l:40px}.rail.more-right{--fade-r:40px}.rail::-webkit-scrollbar{display:none}.rail-item{flex:0 0 calc((100% - (var(--per) - 1) * var(--rail-gap) - var(--peek)) / var(--per));scroll-snap-align:start;min-width:0}@media (min-width:620px){.rail{--per:2;--peek:48px;--rail-gap:18px}}@media (min-width:920px){.rail{--per:3;--peek:56px;--rail-gap:20px}}.rail-arrow{z-index:2;width:40px;height:40px;color:var(--text);background:color-mix(in srgb, var(--ink-raised) 92%, transparent);border:1px solid var(--ink-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border-color .15s,opacity .15s;display:none;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 20px #00000073}.rail-arrow:hover{border-color:var(--text-faint)}.rail-arrow:disabled{opacity:0;pointer-events:none}.rail-arrow.prev{left:-8px}.rail-arrow.next{right:-8px}@media (hover:hover) and (min-width:920px){.rail-arrow{display:inline-flex}}.rail-dots{justify-content:center;gap:7px;margin-top:15px;display:flex}.rail-dot{background:var(--ink-line);cursor:pointer;border:0;border-radius:999px;width:7px;height:7px;padding:0;transition:background .15s,width .15s;position:relative}.rail-dot:after{content:"";position:absolute;inset:-9px}.rail-dot:hover{background:var(--text-faint)}.rail-dot.on{background:var(--accent);width:22px}.browse-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 18px;margin-bottom:20px;display:flex}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip{font:inherit;color:var(--text-dim);cursor:pointer;background:var(--ink-raised);border:1px solid var(--ink-line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;min-height:38px;padding:7px 13px;font-size:13.5px;font-weight:600;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.chip:hover{color:var(--text);border-color:var(--text-faint)}.chip .chip-n{color:var(--text-faint);font-variant-numeric:tabular-nums;font-weight:500}.chip.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.chip.on .chip-n{color:color-mix(in srgb, var(--accent-ink) 60%, var(--accent))}.sort-pick{flex:none;align-items:center;gap:9px;display:inline-flex}.sort-pick>span{color:var(--text-faint);font-size:13.5px}.sort-pick select{font:inherit;color:var(--text);border:1px solid var(--ink-line);cursor:pointer;appearance:none;background:var(--ink-raised) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%238E93A4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 13px center;border-radius:999px;min-height:38px;padding:8px 36px 8px 14px;font-size:14px;font-weight:600}.sort-pick select:hover{border-color:var(--text-faint)}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:34px;display:flex}.pager .btn:disabled{opacity:.4;cursor:default}.pager .btn:disabled:hover{border-color:var(--ink-line)}.pager-nums{align-items:center;gap:6px;display:flex}.pager-n{font-variant-numeric:tabular-nums;justify-content:center;min-width:42px;padding-inline:12px}.pager-gap{color:var(--text-faint);padding-inline:2px}.tile{flex-direction:column;gap:13px;display:flex}.tile .shot{aspect-ratio:16/9;border-radius:var(--radius);background:var(--ink-raised);border:1px solid var(--ink-line);max-width:100%;transition:border-color .18s,transform .18s;position:relative;overflow:hidden}.tile .shot img{object-fit:cover;width:100%;height:100%;display:block}.tile:hover .shot{border-color:color-mix(in srgb, var(--accent) 45%, var(--ink-line));transform:translateY(-2px)}.tile .shot .fallback{font-family:var(--font-display), sans-serif;color:var(--text-faint);letter-spacing:-.02em;place-items:center;font-size:26px;font-weight:800;display:grid;position:absolute;inset:0}.tile h3{font-size:17.5px}.tile-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.tile-title h3{min-width:0}.tile-likes{color:var(--text-dim);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:5px;font-size:14px;font-weight:600;display:inline-flex}.tile p{color:var(--text-dim);margin:4px 0 0;font-size:14.5px;line-height:1.45}.badges{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.badge{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);border:1px solid var(--ink-line);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px}.badge.hot{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);font-weight:700}.badge.draft{color:#e5484d;border-color:color-mix(in srgb, #e5484d 45%, var(--ink-line))}.empty{border:1px dashed var(--ink-line);border-radius:var(--radius);text-align:center;color:var(--text-dim);padding:40px 24px}.game-main{padding-block:clamp(18px,3vw,28px) clamp(40px,6vw,64px)}.game-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.game-head h1{font-size:clamp(26px,4.4vw,36px)}.game-head p{color:var(--text-dim);margin:7px 0 0;font-size:15.5px}.game-intro{flex:340px;min-width:0}.game-desc{max-width:64ch;font-size:15px;margin-top:9px!important}.game-head p.kbd-note{color:var(--text-faint);margin-top:5px;font-size:13.5px}.game-actions{flex-wrap:wrap;gap:9px;display:flex}.btn{font:inherit;border:1px solid var(--ink-line);background:var(--ink-raised);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:9px 17px;font-size:14.5px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.btn:hover{border-color:var(--text-faint)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.primary:hover{background:color-mix(in srgb, var(--accent) 88%, #fff)}.btn.like{justify-content:center;min-width:76px;padding-inline:14px 16px}.btn.like:disabled{cursor:default;opacity:.7}.btn.like .like-n{font-variant-numeric:tabular-nums}.btn.like .heart{transition:transform .18s}.btn.like.on{border-color:var(--text-faint)}.btn.like.pop .heart{animation:.38s like-pop}@keyframes like-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.btn.like.pop .heart{animation:none}}.stage{border:1px solid var(--ink-line);border-radius:var(--radius);background:#000;height:min(78vh,820px);min-height:460px;position:relative;overflow:hidden}.stage iframe{border:0;width:100%;height:100%;display:block}.sheet{background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050609bd}.sheet-panel{background:var(--ink-raised);border:1px solid var(--ink-line);border-radius:var(--radius);width:min(620px,100% - 32px);max-height:min(82vh,680px);color:var(--text);flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #0009}.sheet-head{border-bottom:1px solid var(--ink-line);justify-content:space-between;align-items:center;gap:14px;padding:15px 18px;display:flex}.sheet-head h2{font-size:17.5px}.sheet-x{font:inherit;width:34px;height:34px;color:var(--text-dim);border:1px solid var(--ink-line);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;transition:color .15s,border-color .15s;display:grid}.sheet-x:hover{color:var(--text);border-color:var(--text-faint)}.sheet-body{overscroll-behavior:contain;color:var(--text-dim);padding:16px 18px 32px;font-size:15px;overflow-y:auto}.sheet-panel:after{content:"";pointer-events:none;border-radius:0 0 var(--radius) var(--radius);background:linear-gradient(#16182100, var(--ink-raised) 78%);height:36px;position:absolute;bottom:1px;left:1px;right:1px}.sheet-body p{margin:0 0 11px}.sheet-body p:last-child{margin-bottom:0}.sheet-body strong{color:var(--text)}.related{margin-top:44px}.lb-offer{background:color-mix(in srgb, var(--ink-raised) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid color-mix(in srgb, var(--accent) 55%, var(--ink-line));border-radius:var(--radius);width:min(560px,100% - 24px);padding:14px 16px;font-size:14.5px;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000080}.lb-offer form{grid-template-columns:auto 1fr;align-items:end;gap:10px 16px;display:grid}.lb-score{flex-direction:column;display:flex}.lb-score span,.lb-name span{color:var(--text-dim);font-size:12.5px}.lb-score strong{font-family:var(--font-display), sans-serif;color:var(--accent);font-size:26px;line-height:1.1}.lb-name{flex-direction:column;gap:4px;min-width:0;display:flex}.lb-name input{font:inherit;color:var(--text);background:var(--ink);border:1px solid var(--ink-line);border-radius:10px;width:100%;min-height:42px;padding:9px 12px}.lb-name input:focus{border-color:var(--accent);outline:none}.lb-actions{grid-column:1/-1;gap:9px;display:flex}.lb-msg{color:#ff8a8f;grid-column:1/-1;margin:0;font-size:13.5px}.lb-done{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.lb-done strong{font-family:var(--font-display), sans-serif;color:var(--accent);font-size:22px}.lb-done span{color:var(--text-dim)}.board{margin-top:26px}.board-note{color:var(--text-dim);margin:0;font-size:15px}.board-list{border:1px solid var(--ink-line);border-radius:var(--radius);background:var(--ink-raised);margin:0;padding:0;list-style:none;overflow:hidden}.board-list li{border-top:1px solid var(--ink-line);grid-template-columns:3.2em 1fr auto;align-items:baseline;gap:12px;padding:10px 16px;font-size:15px;display:grid}.board-list li:first-child{border-top:0}.board-list .rk{color:var(--text-faint);font-variant-numeric:tabular-nums}.board-list li:nth-child(-n+3) .rk{color:var(--accent);font-weight:700}.board-list .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-list .nm em{color:var(--text-dim);font-size:13px;font-style:normal}.board-list .sc{font-variant-numeric:tabular-nums;font-weight:600}.board-list li.me{background:color-mix(in srgb, var(--accent) 12%, transparent)}.board-more{margin-top:12px}.board-tabs{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;max-width:520px;margin:0 0 12px;display:grid}.board-tabs button{font:inherit;color:var(--text-dim);cursor:pointer;background:var(--ink-raised);border:1px solid var(--ink-line);white-space:nowrap;border-radius:999px;min-height:42px;padding:8px 6px;font-size:14px;font-weight:600}.board-tabs button:hover{color:var(--text);border-color:var(--text-faint)}.board-tabs button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.site-footer{border-top:1px solid var(--ink-line);color:var(--text-faint);margin-top:64px;font-size:13.5px}.site-footer .wrap{padding-block:26px calc(26px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}@media (prefers-reduced-motion:reduce){.tile:hover .shot{transform:none}.rail-dot{transition:none}*{scroll-behavior:auto!important}}