:root{--bg: #fbfbfa;--bg-2: #fff7ed;--paper: #ffffff;--ink: #1f2937;--ink-soft: #313131;--dim: #5b6472;--line: #e5e7eb;--line-soft: #efece6;--accent: #d97706;--accent-dk: #b45309;--accent-ink: #ffffff;--radius: 14px;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.7}a{color:inherit}img{display:block;max-width:100%}[hidden]{display:none!important}.wrap{width:100%;max-width:1200px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}main.wrap{flex:1}.skip{position:absolute;left:12px;top:-60px;background:var(--accent);color:var(--accent-ink);padding:8px 14px;border-radius:8px;z-index:60;font-weight:700;text-decoration:none}.skip:focus{top:12px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.top{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line-soft);background:#fbfbfae0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding-top:env(safe-area-inset-top)}.top__in{display:flex;align-items:center;justify-content:space-between;height:56px}.brand{text-decoration:none;font-weight:800;font-size:13px;letter-spacing:.16em;text-transform:uppercase}.brand span{color:var(--accent-dk)}.top__nav{display:flex;align-items:center;gap:18px;font-size:14px}.top__nav a{text-decoration:none;color:var(--ink-soft);transition:color .15s}.top__nav a:hover,.top__nav a[aria-current=page]{color:var(--ink)}.top__sep{width:1px;height:16px;background:var(--line)}.top__lang{font-size:12px;font-weight:800;letter-spacing:.14em}.hero{padding:clamp(48px,10vw,96px) 0 clamp(32px,6vw,56px);border-bottom:1px solid var(--line-soft);margin-bottom:32px}.hero--small{padding-bottom:32px}.eyebrow{margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-dk)}.hero h1{margin:0 0 16px;font-size:clamp(30px,5.4vw,46px);line-height:1.25;letter-spacing:.01em}.lead{margin:0;max-width:40em;color:var(--dim);font-size:16px;line-height:1.9}.hero__facts{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0}.hero__facts span{font-size:12px;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:3px 12px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{appearance:none;font:inherit;font-size:13px;color:var(--ink-soft);background:transparent;border:1px solid var(--line);border-radius:999px;padding:5px 14px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.chip span{color:var(--dim);margin-left:4px;font-size:12px}.chip:hover{border-color:var(--accent);color:var(--ink)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.chip[aria-pressed=true] span{color:var(--accent-ink);opacity:.7}.count{margin:0;font-size:13px;color:var(--dim)}.grid{list-style:none;margin:0 0 72px;padding:0;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}.card{display:flex;flex-direction:column;height:100%;text-decoration:none;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper);transition:border-color .2s,transform .2s}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card__media{position:relative;aspect-ratio:1200 / 630;background:#0b0f16;border-bottom:1px solid var(--line);overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover .card__media img{transform:scale(1.03)}.card__id,.card__new{position:absolute;top:12px;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;border-radius:6px;padding:5px 7px}.card__id{left:12px;color:#e7ecf3;background:#0b0f16c7;border:1px solid rgba(255,255,255,.18)}.card__new{right:12px;color:var(--accent-ink);background:var(--accent)}.card__body{display:flex;flex-direction:column;gap:4px;padding:16px 18px 18px;flex:1}.card__row{display:flex;align-items:center;justify-content:space-between;gap:10px}.card__title{margin:0;font-size:18px;line-height:1.4}.pill{flex:none;font-size:11px;font-weight:700;color:var(--accent-dk);background:#fef3c7;border-radius:999px;padding:2px 10px;letter-spacing:.04em}.card__tag{margin:0;font-size:13px;color:var(--ink-soft)}.card__desc{margin:4px 0 0;font-size:13px;color:var(--dim);line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__meta{margin:auto 0 0;padding-top:12px;display:flex;gap:12px;font-size:12px;color:var(--dim)}.card__play{margin-left:auto;color:var(--accent-dk);font-weight:700}.section-h{margin:0 0 6px;font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--ink-soft)}.section-lead{margin:0 0 18px;color:var(--dim);font-size:14px}main section+section{margin-top:56px}.sites{border-top:1px solid var(--line-soft);padding-top:40px;margin-bottom:72px}.sites__list{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.sites__list a{display:flex;flex-direction:column;gap:4px;height:100%;text-decoration:none;border:1px solid var(--line);border-radius:12px;padding:16px 18px;transition:border-color .2s}.sites__list a:hover{border-color:var(--accent)}.sites__list strong{font-size:15px}.sites__list span{font-size:13px;color:var(--dim);line-height:1.7}.sites__list em{margin-top:auto;padding-top:8px;font-style:normal;font-size:12px;color:var(--accent-dk)}.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.steps li{counter-increment:s;border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:var(--paper)}.steps strong{display:block;margin-bottom:4px}.steps strong:before{content:counter(s,decimal-leading-zero) "  ";color:var(--accent-dk);font-family:ui-monospace,Menlo,monospace;font-size:12px}.steps span{color:var(--dim);font-size:14px}.guide-games{display:grid;gap:16px}.guide-game{border:1px solid var(--line);border-radius:12px;padding:18px 20px;scroll-margin-top:80px}.guide-game h3{margin:0;font-size:18px;display:flex;align-items:center;gap:10px}.guide-game h3 a{text-decoration:none}.guide-game h3 a:hover{color:var(--accent-dk)}.guide-game__tag{margin:2px 0 10px;font-size:13px;color:var(--dim)}.guide-game ol{margin:0 0 10px;padding-left:1.3em;font-size:14px}.keys{margin:0;font-size:13px;color:var(--dim)}kbd{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:0 5px;color:var(--ink)}.faq{display:grid;gap:8px}.faq details{border:1px solid var(--line);border-radius:12px;padding:0 18px}.faq summary{cursor:pointer;padding:14px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent-dk);font-weight:700}.faq details[open] summary:after{content:"−"}.faq details p{margin:0 0 16px;color:var(--dim);font-size:14px}.foot{border-top:1px solid var(--line-soft);padding:28px 0 calc(28px + env(safe-area-inset-bottom));font-size:12px;color:var(--dim)}.foot__in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px}.foot p{margin:0}.foot__links{display:flex;gap:16px}.foot a{color:var(--dim)}.foot a:hover{color:var(--ink)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important}.card:hover,.card:hover .card__media img{transform:none}}