:root{--bg:#fbf6ec;--ink:#2b2522;--muted:#6b5f57;--brand:#8a4b2a;--accent:#1f6f78;--card:#fff;--line:#eadfcd;--gold:#c8962e}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Rubik","Assistant","Heebo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;overflow-x:hidden}
.top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 16px 14px;background:linear-gradient(135deg,#8a4b2a,#b8763f 60%,#c8962e);color:#fff}
.top h1{margin:0;font-size:1.45rem;line-height:1.25}
.top .tag{margin:4px 0 0;font-size:.95rem;opacity:.95}
.chips{position:sticky;top:0;z-index:5;display:flex;gap:8px;overflow-x:auto;padding:10px 12px;background:rgba(251,246,236,.96);border-bottom:1px solid var(--line);scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:.95rem;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.chip.on,.chip:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
main{max-width:1100px;margin:0 auto;padding:6px 14px 30px}
.sec{padding-top:18px;scroll-margin-top:70px}
.sec-h{font-size:1.35rem;margin:6px 0 4px;color:var(--brand)}
.intro{margin:0 0 10px;color:var(--muted)}
.tip{background:#eef7f6;border:1px solid #cfe7e4;border-inline-start:5px solid var(--accent);border-radius:12px;padding:12px 14px;margin:0 0 14px;font-size:.98rem}
.grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:700px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1020px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 2px 10px rgba(80,50,20,.08);display:flex;flex-direction:column;min-width:0}
.media{position:relative;display:block;aspect-ratio:16/9;background:#222}
.media img,.media iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;display:block}
.facade{position:absolute;inset:0;padding:0;border:0;background:none;cursor:pointer;width:100%}
.pbtn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;border-radius:14px;background:rgba(204,0,0,.92);color:#fff;font-size:1.4rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.facade:hover .pbtn,.facade:focus-visible .pbtn{background:#e00}
.dur{position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.78);color:#fff;font-size:.85rem;padding:2px 7px;border-radius:6px;direction:ltr}
.num{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;background:var(--gold);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.t{margin:0;font-size:1.12rem;line-height:1.35}
.d{margin:0}
.meta{margin:0;font-size:.9rem;color:var(--muted)}
.cr{margin:0;font-size:.88rem;color:var(--muted);overflow-wrap:anywhere}
.cr a{color:var(--accent)}
.btn{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 16px;border-radius:14px;font-size:1.08rem;font-weight:700;text-decoration:none;color:#fff;margin-top:6px}
.btn.yt{background:#c4302b}.btn.deck{background:var(--accent)}.btn.pdf{background:var(--brand)}
.btn:hover{filter:brightness(1.08)}
.q{margin-top:6px;border:1px solid var(--line);border-radius:12px;background:#fffaf1}
.q summary{cursor:pointer;padding:12px;font-weight:600;min-height:44px}
.q ol{margin:0;padding:0 34px 12px 14px}
.q li{margin:4px 0}
.empty{background:#fff;border:2px dashed var(--line);border-radius:14px;padding:22px;text-align:center;color:var(--muted)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.foot{text-align:center;padding:20px 14px 30px;color:var(--muted);border-top:1px solid var(--line)}
.foot p{margin:6px 0}
.foot .note{font-size:.88rem}

.topbox{padding-top:14px}
.toplinks{display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:700px){.toplinks{grid-template-columns:1fr 1fr}}
.idx-h{font-size:1.2rem;margin:16px 0 8px;color:var(--brand)}
.idx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(min-width:700px){.idx{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ix{display:flex;align-items:center;gap:8px;min-height:52px;padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem;line-height:1.25;min-width:0}
.ix:hover{border-color:var(--accent);background:#f3fbfa}
.ix .ie{font-size:1.35rem;flex:0 0 auto}.ix .it{min-width:0;overflow-wrap:anywhere}
.blk-h{font-size:1.1rem;margin:18px 0 8px;color:var(--ink)}
.grp-h{font-size:1rem;margin:12px 0 6px;color:var(--accent)}
.frow{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.frow .btn{flex:1 1 220px;margin-top:0}
.btn.small{min-height:46px;font-size:.98rem;padding:10px 12px}
.btn.drive{background:#2f6db3}.btn.site{background:linear-gradient(135deg,#1f6f78,#2f9aa6)}.btn.play{background:var(--gold)}
.btn.moreb{background:#fff;color:var(--accent);border:2px solid var(--accent);width:100%;margin-top:12px}
.grid.clip .more{display:none}
.card.mini .body{padding:12px 12px 14px}
.card.site{border:2px solid var(--accent);background:linear-gradient(180deg,#f1fbfa,#fff)}
.card.site .t{font-size:1.3rem}
.card.pack{border:2px solid var(--gold)}
.smp{margin:2px 0 0;padding:0 18px 0 0;font-size:.9rem;color:var(--muted)}
.smp li{margin:2px 0;overflow-wrap:anywhere}
.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#eee;padding:4px}.thumbs.n1{grid-template-columns:minmax(0,180px);justify-content:center}.thumbs.n2{grid-template-columns:repeat(2,minmax(0,150px));justify-content:center}.thumbs.n3{grid-template-columns:repeat(3,1fr)}
.thumbs .th{padding:0;border:0;background:#fff;cursor:zoom-in;aspect-ratio:3/4;overflow:hidden;border-radius:6px}
.thumbs .th img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.vid{width:100%;display:block;background:#000;aspect-ratio:16/9}
.lb{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;padding:12px}
.lb.on{display:flex}
.lb img{max-width:100%;max-height:100%;object-fit:contain;background:#fff;border-radius:6px}
.lb-x{position:absolute;top:10px;left:10px;width:48px;height:48px;border-radius:50%;border:0;background:#fff;font-size:1.3rem;cursor:pointer}
.actbox{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.hint{margin:0;color:var(--muted);font-size:.95rem}
.opt{display:block;width:100%;text-align:right;min-height:48px;padding:10px 12px;border-radius:12px;border:2px solid var(--line);background:#fff;font:inherit;font-size:1rem;color:var(--ink);cursor:pointer;margin:0}
.opt:disabled{opacity:.55;cursor:default}
.opt.sel{border-color:var(--gold);background:#fff6e0}
.opt.ok,.picked li.ok{border-color:#2e8b57;background:#e9f7ee;opacity:1}
.opt.no,.picked li.no{border-color:#c0392b;background:#fdecea;opacity:1}
.pool{display:flex;flex-direction:column;gap:6px}
.picked{margin:0;padding:0 26px 0 0;display:flex;flex-direction:column;gap:4px}
.picked li{padding:8px 10px;border-radius:10px;border:2px solid var(--line);background:#fffaf1}
.yr{color:var(--muted);font-size:.9rem}
.match{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.match .col{display:flex;flex-direction:column;gap:6px;min-width:0}
.match .opt{font-size:.92rem;overflow-wrap:anywhere}
.shake{animation:sh .35s}
@keyframes sh{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.fb{margin:4px 0 0;padding:10px 12px;border-radius:12px;font-weight:600}
.fb.ok{background:#e9f7ee;color:#1e6b40}.fb.no{background:#fdecea;color:#8e2a20}
.qn{margin:0;color:var(--muted);font-size:.9rem}.qq{margin:0;font-weight:700;font-size:1.05rem}
.row{display:flex;gap:8px}

.game .vid{aspect-ratio:auto;max-height:520px;object-fit:contain;margin:0 auto}