@font-face{font-family:BM HANNA Pro;src:url(/fonts/BMHANNAPro.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+20-7E,U+11??,U+3131-318E,U+AC00-D7A3}:root{--bg:#fff;--bg-2:#f5f6f8;--bg-3:#eceef2;--board:#e6e8ee;--ink:#0f1222;--ink-2:#3a3f55;--muted:#6b7188;--line:#e3e6ec;--line-2:#d2d6df;--accent:#14172a;--accent-deep:#000;--accent-soft:#eceef2;--accent-glow:#0f122259;--gold:#f0a71b;--gold-soft:#fff4dc;--box:#f7f2e7;--box-2:#eee6d3;--box-3:#d9cfb5;--box-frame:#b08d55;--hd:64px;--hd-gap:12px;--top-h:calc(var(--hd) + var(--hd-gap));--r:24px;--r-sm:14px;--max:1440px;--gutter:clamp(20px, 4vw, 64px);--font:"Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--head:"BM HANNA Pro", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--brand:"Syne", var(--font);--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100dvh;margin:0;font-size:16px;line-height:1.6;display:flex;overflow-x:hidden}a{color:var(--ink);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}h1,h2,h3{letter-spacing:-.01em;font-weight:800;line-height:1.15;font-family:var(--head);margin:0}.seo h3,.field label{font-family:var(--font)}img{max-width:100%}html[data-play=on]{overflow:hidden}html[data-play=on] .foot{display:none}.wrap{width:100%;max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.top{height:calc(var(--hd) + var(--hd-gap));padding:0 max(var(--gutter), calc((100% - var(--max)) / 2));z-index:20;transition:padding-top .5s var(--ease);grid-template-columns:auto 1fr auto;align-items:center;gap:28px;display:grid;position:sticky;top:0}.top.scrolled{padding-top:var(--hd-gap)}.top:before{content:"";z-index:-1;-webkit-backdrop-filter:saturate(1.5)blur(16px);transition:left .5s var(--ease), right .5s var(--ease), top .5s var(--ease), border-radius .5s var(--ease), box-shadow .5s var(--ease), background .5s, border-color .5s;background:#ffffffb8;border:1px solid #0000;border-radius:0;position:absolute;inset:0;box-shadow:0 0 #0f122200}.top.scrolled:before{left:calc(max(var(--gutter), (100% - var(--max)) / 2) - 18px);right:calc(max(var(--gutter), (100% - var(--max)) / 2) - 18px);top:var(--hd-gap);background:#ffffffd1;border-color:#ffffffe6;border-radius:22px;box-shadow:0 18px 40px -20px #0f122266,0 1px 2px #0f122214}#main>:first-child{margin-top:calc((var(--hd) + var(--hd-gap)) * -1);padding-top:calc(var(--hd) + var(--hd-gap) + clamp(20px, 3vw, 40px))}.mark{color:var(--ink);font-family:var(--brand);letter-spacing:-.02em;align-items:center;font-size:1.45rem;font-weight:800;line-height:1;display:inline-flex}.mark:hover{text-decoration:none}.nav{justify-self:center;gap:2px;display:flex}.nav a{color:var(--ink-2);white-space:nowrap;border-radius:999px;padding:9px 14px;font-size:.95rem;font-weight:600;transition:background .15s,color .15s}.nav a:hover{background:var(--bg-3);color:var(--ink);text-decoration:none}.right{align-items:center;gap:10px;display:flex}.acct{border:1px solid var(--line);color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;max-width:160px;padding:7px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.acct span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.acct:hover{background:var(--bg-3);text-decoration:none}.acct[data-noauth="1"]{display:none}@media (width<=860px){.acct{justify-content:center;width:36px;height:36px;padding:0}.acct span{display:none}}.langsel{position:relative}.langsel>summary{background:var(--bg-3);color:var(--muted);letter-spacing:.02em;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:.74rem;font-weight:700;list-style:none;display:inline-flex}.langsel>summary::-webkit-details-marker{display:none}.langsel>summary::marker{content:""}.langsel>summary:hover{color:var(--ink)}.langsel[open]>summary{color:var(--ink);background:var(--bg);box-shadow:0 1px 3px #0f122226}.langsel-pop{z-index:60;border:1px solid var(--line);background:var(--bg);border-radius:14px;gap:2px;min-width:172px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0f122229}.langsel-pop a{color:var(--ink-2);white-space:nowrap;border-radius:9px;align-items:center;gap:9px;padding:8px 10px;font-size:.86rem;font-weight:600;display:flex}.langsel-pop a b{letter-spacing:.04em;min-width:20px;color:var(--muted);font-size:.68rem}.langsel-pop a:hover{background:var(--bg-3);color:var(--ink);text-decoration:none}.langsel-pop a[aria-current]{background:var(--ink);color:#fff}.langsel-pop a[aria-current] b{color:#ffffffb8}.menu-btn{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:none}.menu-btn span{background:var(--ink);width:18px;height:2px;transition:transform .2s var(--ease), opacity .2s;border-radius:2px;display:block}.menu-btn[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}.menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.menu{z-index:19;position:fixed;inset:0}.menu-bg{background:#0f122259;position:absolute;inset:0}.menu-sheet{left:var(--gutter);right:var(--gutter);top:calc(var(--hd) + var(--hd-gap) + 8px);background:var(--bg);border:1px solid var(--line);animation:sheet .25s var(--ease);border-radius:22px;flex-direction:column;gap:2px;padding:12px 20px 24px;display:flex;position:absolute;box-shadow:0 30px 60px -30px #0f122280}@keyframes sheet{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.menu-sheet>a:not(.btn){border-bottom:1px solid var(--line-soft);padding:14px 6px;font-size:1.15rem;font-weight:700}.menu-sheet .btn{margin-top:14px}.menu-langs{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.menu-langs a{background:var(--bg-3);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600}.menu-langs a[aria-current]{background:var(--ink);color:#fff}@media (width<=860px){:root{--hd:56px;--hd-gap:10px}.top{grid-template-columns:auto 1fr;gap:12px}.top.scrolled:before{left:calc(var(--gutter) - 10px);right:calc(var(--gutter) - 10px);border-radius:18px}.nav{display:none}.right{justify-self:end}.langsel{display:none}.menu-btn{width:40px;height:40px;display:flex}}@media (width<=1023px){html:not([lang=ko]) .nav{display:none}html:not([lang=ko]) .menu-btn{width:40px;height:40px;display:flex}}@media (width>=861px){html[lang=ko] .menu{display:none!important}}@media (width>=1024px){.menu{display:none!important}}@media (width>=861px) and (width<=1280px){.top{gap:10px}.nav a{padding:9px 7px;font-size:.88rem}.acct{max-width:96px;padding:7px 9px}.langsel>summary{padding:6px 8px}}html[data-play=on] .top{display:none}html[data-play=on]{--top-h:0px}@media (width<=640px){.top .play-btn{display:none}}#main{flex-direction:column;flex:1;display:flex}.foot{background:var(--ink);color:#c9cde0;margin-top:90px}.foot-in{grid-template-columns:1.2fr 1fr;gap:28px;padding-top:56px;padding-bottom:56px;display:grid}.mark-text{color:#fff;font-family:var(--brand);letter-spacing:-.02em;align-items:center;font-size:1.4rem;font-weight:800;display:inline-flex}.foot-brand p{color:#9aa0bd;margin:8px 0 0;font-size:1rem}.foot-links{flex-wrap:wrap;place-content:start end;gap:8px 22px;display:flex}.foot-links a{color:#dfe2f0;font-size:.95rem;font-weight:600}.foot-meta{color:#8189a8;border-top:1px solid #ffffff1a;flex-wrap:wrap;grid-column:1/-1;gap:6px 22px;padding-top:22px;font-size:.82rem;display:flex}.foot-meta a{color:#8189a8}@media (width<=640px){.foot-in{grid-template-columns:1fr}.foot-links{justify-content:start}}.sec{padding:clamp(56px,8vw,110px) 0 0}.sec-h{margin:0 0 10px;font-size:clamp(1.7rem,3.4vw,2.6rem)}.sec-sub{color:var(--muted);max-width:46em;margin:0 0 30px;font-size:1.08rem}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;display:flex}.sec-head .sec-sub{margin:0}[data-reveal]{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(22px)}[data-reveal].in{opacity:1;transform:none}[data-reveal="1"]{transition-delay:80ms}[data-reveal="2"]{transition-delay:.16s}[data-reveal="3"]{transition-delay:.24s}.scene{display:none}.scene.active{display:block}.scene.page{width:100%;max-width:var(--max);padding:28px var(--gutter) 40px;margin:0 auto}.scene.play{bottom:0;left:0;right:0;top:var(--top-h);background:var(--board);z-index:10;position:fixed}.gdlg{z-index:60;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.gdlg-bg{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f122280;position:absolute;inset:0}html.dlg-open{overflow:hidden}.gdlg-box{background:var(--bg);border-radius:22px;width:min(92vw,400px);max-height:92%;padding:28px 26px 22px;animation:.18s ease-out gdlg-pop;position:relative;overflow:auto;box-shadow:0 30px 80px -20px #0f122280}@keyframes gdlg-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}.gdlg-x{background:var(--bg-2);width:36px;height:36px;color:var(--ink-2);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.gdlg-x:hover{background:var(--bg-3)}.aw-fx{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.aw-box{text-align:center;width:min(92vw,420px)}.aw-lv{flex-direction:column;align-items:center;gap:8px;margin:4px 0 14px;display:flex}.aw-ring{background:var(--gold-soft);border:3px solid var(--gold);width:112px;height:112px;animation:aw-ring .5s var(--ease) both;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.aw-ring:after{content:"";border:3px solid var(--gold);border-radius:50%;animation:1.5s ease-out .35s 2 both aw-ping;position:absolute;inset:-3px}.aw-ring small{letter-spacing:.08em;color:#8a5f00;font-size:.68rem;font-weight:800;line-height:1}.aw-ring b{font-family:var(--head);color:#8a5f00;font-variant-numeric:tabular-nums;font-size:2.5rem;line-height:1.1}.aw-tier{letter-spacing:-.02em;font-size:1.1rem}.aw-jump{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:700}.aw-xp{color:#8a5f00;font-variant-numeric:tabular-nums;margin:6px 0 0;font-weight:800}.aw-nb{letter-spacing:.08em;color:var(--muted);margin:18px 0 8px;font-size:.74rem;font-weight:800}.aw-list{text-align:left;gap:8px;margin:0;padding:0;list-style:none;display:grid}.aw-list li{background:var(--bg-2);border:1px solid var(--gold);animation:aw-in .45s var(--ease) both;border-radius:14px;align-items:center;gap:11px;padding:11px 13px;display:flex}.aw-list .i{flex:none;font-size:1.5rem;line-height:1}.aw-list b{font-size:.95rem;display:block}.aw-list small{color:var(--muted);margin-top:1px;font-size:.78rem;line-height:1.45;display:block}.aw-cta{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}@keyframes aw-ring{0%{opacity:0;transform:scale(.55)}62%{transform:scale(1.09)}to{opacity:1;transform:scale(1)}}@keyframes aw-ping{0%{opacity:.65;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes aw-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.aw-ring,.aw-ring:after,.aw-list li,.aw-box{animation:none!important}}.gdlg-box h2{letter-spacing:-.03em;margin:0 0 6px;font-size:1.45rem}.auth-lead{color:var(--muted);margin:0 0 18px;font-size:.92rem;line-height:1.55}.auth-mark{color:var(--muted);letter-spacing:-.02em;margin-bottom:14px;font-family:BM HANNA Pro,Pretendard Variable,Pretendard,sans-serif;font-size:1rem}.gbtn{border:1px solid var(--line-2);color:#1f1f1f;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:8px 18px;font-size:1rem;font-weight:700;text-decoration:none;transition:background .15s,box-shadow .15s,transform .15s;display:flex}.gbtn:hover{background:#f7f8fa;text-decoration:none;transform:translateY(-1px);box-shadow:0 8px 20px -12px #0f122280}.gbtn svg{flex:none}.auth-pts{color:var(--ink-2);flex-direction:column;gap:8px;margin:18px 0 0;padding:0;font-size:.86rem;list-style:none;display:flex}.auth-pts li{align-items:flex-start;gap:8px;line-height:1.45;display:flex}.auth-pts li svg{color:#2f9e6b;flex:none;margin-top:3px}.auth-foot{color:var(--muted);text-align:center;margin:18px 0 0;font-size:.78rem}.auth-foot a{color:inherit;text-decoration:underline}.nick-in{text-align:center;min-height:52px;font-size:1.15rem;font-weight:700}.nick-hint{color:var(--muted);text-align:center;margin:8px 0 0;font-size:.78rem}.nick-row{gap:8px;margin-top:18px;display:flex}.nick-row .btn{flex:1}.nick-wrap{gap:8px;display:flex}.nick-wrap .input{flex:1;min-width:0}.nick-shuffle{border:1px solid var(--line-2);background:var(--bg);width:52px;height:52px;color:var(--ink-2);cursor:pointer;border-radius:12px;flex:none;place-items:center;display:grid}.nick-shuffle:hover{background:var(--bg-2)}.btn{border:1px solid var(--line-2);background:var(--bg);min-height:48px;color:var(--ink);cursor:pointer;transition:transform .15s var(--ease), box-shadow .2s, background .15s;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 22px;font-weight:700;display:inline-flex}.btn:hover{background:var(--bg-2);text-decoration:none;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 10px 24px -12px #0f122299}.btn.primary:hover{background:#000;box-shadow:0 14px 30px -12px #0f122299}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--bg-3)}.btn.lg{min-height:58px;padding:12px 30px;font-size:1.08rem}.btn.sm{min-height:38px;padding:4px 16px;font-size:.9rem}.btn.danger{color:#c0203f;border-color:#e9b8c2}.btn.danger:hover{background:#fdf0f3}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:24px}.chip{background:var(--bg);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.input{border:1px solid var(--line-2);background:var(--bg);width:100%;min-height:46px;color:var(--ink);border-radius:12px;padding:8px 14px;font-size:16px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.field label{color:var(--muted);margin-bottom:4px;font-size:.85rem;display:block}.muted{color:var(--muted)}.toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;transition:opacity .2s, transform .2s var(--ease);z-index:50;border-radius:999px;padding:12px 18px;font-size:.92rem;font-weight:600;position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px);box-shadow:0 16px 40px -12px #0f122280}.toast.show{opacity:1;transform:translate(-50%)}.xp-tip{display:none}html.member .xp-tip{background:var(--gold-soft);color:#8a5f00;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}html.member .xp-tip:before{content:"⚡";font-size:.95em}html.member .xp-tip:empty{display:none}html.member a.xp-tip:hover{box-shadow:inset 0 0 0 1px var(--gold);text-decoration:none}.lb{margin:0;padding:0;list-style:none}.lb li{border-top:1px solid var(--line);align-items:center;gap:14px;padding:12px 0;display:flex}.lb li:first-child{border-top:0}.lb li.empty{color:var(--muted);padding:6px 0}.lb .rank{background:var(--bg-3);width:30px;height:30px;color:var(--ink-2);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:800;display:grid}.lb li:first-child .rank{background:var(--gold);color:#fff}.lb li:nth-child(2) .rank{color:#fff;background:#c9ced9}.lb li:nth-child(3) .rank{color:#fff;background:#d8a880}.lb .nick{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.lb .score{font-variant-numeric:tabular-nums;font-weight:800}.lb .score small{color:var(--muted);font-weight:500}.box3d{--bw:var(--w,200px);--bh:var(--h,180px);--bd:var(--d,40px);width:calc(var(--bw) + var(--bd) * .55);height:calc(var(--bh) + var(--bd) * .7);color:var(--ink);perspective:1100px;perspective-origin:35% 35%;-webkit-tap-highlight-color:transparent;cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;flex:none;padding:0;text-decoration:none;display:block;position:relative}.box3d:hover{text-decoration:none}.box3d .cube{left:calc(var(--bd) * .55);top:calc(var(--bd) * .4);width:var(--bw);height:var(--bh);transform-style:preserve-3d;transition:transform .65s var(--ease);position:absolute;transform:rotateX(-9deg)rotateY(26deg)}.box3d:hover .cube,.box3d.on .cube{transform:rotateX(-4deg)rotateY(10deg)translateY(-10px)}.box3d .face{backface-visibility:hidden;position:absolute}.box3d .front{width:var(--bw);height:var(--bh);transform:translateZ(calc(var(--bd) / 2));background:linear-gradient(160deg, #fdfaf3, var(--box) 60%, var(--box-2));border-radius:3px;flex-direction:column;padding:6% 6% 5%;display:flex;top:0;left:0;box-shadow:inset 0 0 0 1px #fff9}.box3d .side{width:var(--bd);height:var(--bh);left:calc(50% - var(--bd) / 2);transform:rotateY(-90deg) translateZ(calc(var(--bw) / 2));background:linear-gradient(90deg, var(--box-3), var(--box-2));border-radius:2px 0 0 2px;place-items:center;display:grid;top:0;overflow:hidden}.box3d .side span{writing-mode:vertical-rl;color:#6b6352;white-space:nowrap;letter-spacing:.04em;max-height:92%;font-size:.6rem;font-weight:700;overflow:hidden}.box3d .topf{width:var(--bw);height:var(--bd);left:0;top:calc(50% - var(--bd) / 2);transform:rotateX(90deg) translateZ(calc(var(--bh) / 2));background:linear-gradient(180deg, #fcf9f1, var(--box-2));border-radius:2px 2px 0 0}.box3d .shadow{filter:blur(7px);height:20%;transition:transform .65s var(--ease), opacity .65s;z-index:-1;background:radial-gradient(at 55%,#0f12226b,#0f122200 70%);border-radius:50%;position:absolute;bottom:-3%;left:-6%;right:4%}.box3d:hover .shadow{opacity:.75;transform:translateY(10px)scale(1.06)}.box3d .bt{justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:4%;display:flex}.box3d .bt small{color:#7a715e;font-variant-numeric:tabular-nums;font-size:.6rem;font-weight:600}.box3d .bt b{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:800;overflow:hidden}.box3d img{object-fit:cover;border:2px solid var(--box-frame);background:var(--board);flex:1;width:100%;min-height:0;display:block}.box3d .bf{justify-content:space-between;align-items:baseline;gap:6px;margin-top:4%;display:flex}.box3d .bf .logo{font-family:var(--brand);color:var(--ink);letter-spacing:-.01em;font-size:.55rem;font-weight:800}.box3d .bf small{color:#7a715e;text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.boxw{flex:none;display:inline-block;position:relative}.boxw.big{display:block}.fav{border:1px solid var(--line);background:var(--bg);color:#d0345c;cursor:pointer;opacity:0;width:34px;height:34px;transition:opacity .15s, transform .15s var(--ease);z-index:2;border-radius:50%;place-items:center;font-size:1.05rem;line-height:1;display:grid;position:absolute;top:2px;right:-6px;box-shadow:0 4px 12px -6px #0f122280}.boxw:hover .fav,.fav[aria-pressed=true],.fav:focus-visible{opacity:1}.fav:hover{transform:scale(1.12)}@media (hover:none){.fav{opacity:.9}}.boxw.big .fav{opacity:1;width:44px;height:44px;font-size:1.4rem;top:10px;right:6px}.search{border:1px solid var(--line-2);background:var(--bg);border-radius:999px;align-items:center;gap:8px;min-width:240px;min-height:46px;padding:0 14px;display:flex}.search input{font:inherit;background:0 0;border:0;outline:0;width:100%;min-width:0}.search svg{color:var(--muted);flex:none}.shelf-row{padding:18px var(--gutter) 26px;margin:0 calc(var(--gutter) * -1);scroll-snap-type:x proximity;scroll-padding:0 var(--gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:clamp(14px,2vw,28px);display:flex;overflow-x:auto}.shelf-row::-webkit-scrollbar{display:none}.shelf-row>*{scroll-snap-align:start}.shelf-row.dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.shelf-row.dragging *{pointer-events:none}.shelf-scroller{position:relative}.shelf-arrow{z-index:3;border:1px solid var(--line);background:var(--bg);width:44px;height:44px;color:var(--ink);cursor:pointer;opacity:0;transition:opacity .15s, transform .15s var(--ease);border-radius:50%;place-items:center;margin-top:-22px;display:grid;position:absolute;top:50%;box-shadow:0 8px 20px -8px #0f122273}.shelf-arrow.prev{left:calc(var(--gutter) * -1 + 6px)}.shelf-arrow.next{right:calc(var(--gutter) * -1 + 6px)}.shelf-scroller:hover .shelf-arrow:not([hidden]),.shelf-arrow:focus-visible{opacity:1}.shelf-arrow:hover{transform:scale(1.08)}.shelf-arrow[hidden]{display:none}@media (hover:none),(pointer:coarse){.shelf-arrow{display:none}}.shelf-grid{grid-template-columns:repeat(auto-fill, minmax(min(100%, calc(var(--w) + var(--d) * .55)), 1fr));justify-items:center;gap:clamp(14px,2vw,26px) clamp(10px,1.4vw,20px);padding:18px 0 26px;display:grid}.shelf:not(.open):not(.searching) .shelf-grid.capped>.boxw:nth-child(n+11){display:none}.shelf-all{border:1px solid var(--line-2);background:var(--bg);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .15s, transform .15s var(--ease), box-shadow .15s;border-radius:999px;align-items:center;gap:8px;margin-top:4px;padding:10px 20px;font-size:.9rem;font-weight:700;display:inline-flex}.shelf-all:hover{border-color:var(--ink);transform:translateY(-1px);box-shadow:0 10px 20px -14px #0f122299}.shelf.searching .shelf-all{display:none}.seo{color:var(--ink)}.seo h2{margin:40px 0 10px;font-size:1.5rem}.seo h3{margin:22px 0 6px;font-size:1.08rem}.seo p,.seo li{color:var(--ink-2);max-width:72ch}.seo .lead{color:var(--ink);font-size:1.15rem}.seo ol,.seo ul{padding-left:20px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}