.head-stats{flex-wrap:wrap;align-items:flex-end;gap:22px;margin-top:34px;display:flex}.hstat{position:relative}.hstat b{z-index:0;color:var(--ink);font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;padding:0 .14em;font-size:40px;font-weight:700;line-height:1.16;display:inline-block;position:relative}.hstat b:after{content:"";z-index:-1;background:var(--lime);transform-origin:0;transition:transform .5s var(--ease-in) .15s;border-radius:9px;position:absolute;inset:.07em 0 .05em;transform:scaleX(0)}.rv.on .hstat b:after{transform:scaleX(1)}.hstat .unit{font-style:normal;font-family:var(--mono);color:var(--muted-2);margin-left:5px;font-size:15px;font-weight:700}.hstat span{color:var(--muted);letter-spacing:-.01em;margin-top:12px;font-size:13.5px;display:block}.hstat-sep{color:var(--muted-2);-webkit-user-select:none;user-select:none;align-self:flex-start;margin-top:14px;font-size:15px;line-height:1}@media (prefers-reduced-motion:reduce){.hstat b:after{transition:none;transform:scaleX(1)}}@media (max-width:640px){.head-stats{gap:14px}.hstat b{font-size:30px}.hstat span{margin-top:8px;font-size:12.5px}.hstat-sep{margin-bottom:18px}}:root{--rib-rise:calc(3.29vw + 20px);--rib-fall:calc(3.29vw - 20px)}@media (max-width:960px){:root{--rib-rise:73px;--rib-fall:7px}}.page-head{padding-bottom:calc(var(--rib-rise) + var(--rib-gap-top))}.panels{padding:calc(var(--rib-fall) + var(--rib-gap-bottom)) 0 8px}.panels>.panel:first-child{margin-top:0}.panel{border-radius:30px;margin-top:26px;padding:clamp(28px,4vw,52px);scroll-margin-top:96px}.panel--tint{background:var(--paper-2);border:1px solid var(--line)}.panel--sand{background:var(--paper-3);border:1px solid var(--line-2)}.panel__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.panel__no{font-family:var(--mono);letter-spacing:.09em;color:var(--ink-2);align-items:center;gap:11px;margin-bottom:14px;font-size:13px;font-weight:700;display:flex}.panel__no i{background:var(--ink);color:var(--lime);letter-spacing:.06em;border-radius:8px;padding:3px 9px;font-style:normal;font-weight:700}.panel__head h2{margin:0 0 4px;font-size:clamp(24px,3vw,32px)}.panel__sub{color:var(--muted);word-break:keep-all;margin:0;font-size:16px}.panel__side{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;padding-top:30px;font-size:14px;display:flex}.panel__side a{font-family:var(--mono);letter-spacing:.02em;background:var(--lime);color:var(--ink);border:1.5px solid var(--ink);white-space:nowrap;transition:background var(--hover), color var(--hover), transform var(--hover);border-radius:999px;align-items:center;gap:8px;padding:9px 17px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 2px #0e0e0c1f}.panel__side a:hover{background:var(--ink);color:var(--lime)}.panel__side a:active{box-shadow:none;transform:translateY(2px)}.panel__side a i{transition:transform var(--hover);font-style:normal}.panel__side a:hover i{transform:translateY(2px)}.panel__side a.up:hover i{transform:translateY(-2px)}@media (max-width:760px){.panel__side{padding-top:0}}.quiz{border:1.5px solid var(--ink);background:#fff;border-radius:22px;max-width:820px;overflow:hidden;box-shadow:0 16px 44px #0e0e0c12}.quiz__head{background:var(--ink);color:var(--paper);justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex}.quiz__head b{letter-spacing:-.02em;font-size:16px;font-weight:800}.quiz__head b em{color:var(--lime);font-style:normal}.quiz__head .time{font-family:var(--mono);color:#f4f1ea8c;letter-spacing:.1em;font-size:11.5px}.prog{gap:6px;padding:18px 28px 0;display:flex}.prog i{background:var(--paper-3);border-radius:99px;flex:1;height:5px;transition:all .25s}.prog i.done{background:var(--lime)}.quiz__body{padding:20px 28px 28px}.qstep{display:none}.qstep.on{display:block}.qq{letter-spacing:-.03em;margin:0 0 18px;font-size:20px;font-weight:800}.qq small{font-family:var(--mono);color:var(--muted-2);letter-spacing:.14em;margin-bottom:6px;font-size:11.5px;font-weight:400;display:block}.opts{flex-wrap:wrap;gap:10px;display:flex}.opt{border:1px solid var(--line);background:var(--paper-2);color:var(--ink);font-family:var(--sans);cursor:pointer;border-radius:999px;padding:13px 24px;font-size:15.5px;font-weight:600;transition:all .15s}.opt:hover{border-color:var(--ink);background:var(--lime)}.qres .lead{color:var(--muted);word-break:keep-all;margin:0 0 18px;font-size:16.5px}.qres .lead em{color:var(--ink);background:linear-gradient(transparent 62%, var(--lime) 62%);padding:0 2px;font-style:normal;font-weight:800}.picks{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:22px;display:grid}@media (max-width:760px){.picks{grid-template-columns:1fr}}.pick{background:var(--paper-2);border:1px solid var(--line);color:inherit;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:all .15s;display:flex}.pick:hover{border-color:var(--ink)}.pick img{object-fit:cover;border-radius:16px;flex:none;width:52px;height:52px}.pick b{font-size:16.5px;display:block}.pick span{color:var(--muted);font-size:13.5px}.pick .why{font-family:var(--mono);background:var(--lime);color:var(--ink);letter-spacing:.06em;white-space:nowrap;border-radius:999px;margin-left:auto;padding:5px 10px;font-size:10.5px;font-weight:700}.redo{color:var(--muted);font-family:var(--sans);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin-left:14px;font-size:14px;text-decoration:underline}.redo:hover{color:var(--ink)}.qback{font-family:var(--sans);color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:20px;padding:0;font-size:14px;font-weight:600;display:inline-flex}.qback:before{content:"←";font-family:var(--mono);transition:transform .15s}.qback:hover{color:var(--ink)}.qback:hover:before{transform:translate(-3px)}.qres .qback{margin:0 0 0 14px}.bld__grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.bcard{flex-direction:column;text-decoration:none;display:flex}.bcard .slot{aspect-ratio:4/5;outline-offset:-2px;transition:outline-color var(--hover);border-radius:20px;outline:2px solid #0000}.bcard .slot>img{object-fit:cover;filter:grayscale(28%);width:100%;height:100%;transition:transform .7s var(--ease-in), filter .35s;position:absolute;inset:0}.bcard:hover .slot{outline-color:var(--ink)}.bcard:hover .slot>img{filter:grayscale(0);transform:scale(1.045)}.bcard .lv{z-index:3;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:color-mix(in srgb, var(--paper) 86%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:11px;position:absolute;top:14px;left:14px}.bcard .lv--lead{background:var(--lime);border-color:var(--ink);font-weight:700}.bcard .lv--new{background:var(--ink);color:var(--lime);border-color:var(--ink);font-weight:700}.bcard .ct{z-index:3;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#f4f1eae6;background:linear-gradient(#0000,#0e0e0ca8);justify-content:space-between;align-items:center;gap:10px;padding:48px 16px 14px;font-size:11.5px;display:flex;position:absolute;bottom:0;left:0;right:0}.bcard .ct .cnt{background:var(--lime);color:var(--ink);letter-spacing:0;text-transform:none;white-space:nowrap;border-radius:999px;align-items:baseline;gap:4px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-flex}.bcard .ct .cnt .num{letter-spacing:-.01em;font-size:16px;font-weight:700}.bcard .ct .go{opacity:0;transition:opacity var(--hover), transform .25s var(--ease-in);transform:translate(-6px)}.bcard:hover .ct .go{opacity:1;transform:none}.bcard .meta{flex-direction:column;flex:1;padding:14px 2px 0;display:flex}.bcard b{letter-spacing:-.03em;color:var(--ink);font-size:18px;font-weight:800;display:block}.bcard:hover b{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.bcard .role{color:var(--muted);margin:4px 0 8px;font-size:13px;display:block}.bcard p{color:var(--ink-2);word-break:keep-all;margin:0;font-size:13.5px;line-height:1.6}.bcard .stk{flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:12px;display:flex}.bcard .stk i{font-style:normal;font-family:var(--mono);letter-spacing:.03em;background:var(--paper-3);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:11.5px}.panel--tint .bcard .stk i{background:var(--paper-3)}.bld-note{font-family:var(--mono);color:var(--muted-2);letter-spacing:.04em;margin:30px 0 0;font-size:12px}.bld-note b{color:var(--muted);font-weight:700}@media (max-width:1000px){.bld__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.bld__grid{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;grid-template-rows:repeat(2,auto);grid-template-columns:none;grid-auto-columns:44vw;grid-auto-flow:column;gap:18px 14px;margin:0 -20px;padding:0 20px 8px;scroll-padding:0 20px;display:grid;overflow-x:auto}.bld__grid::-webkit-scrollbar{display:none}.bcard{scroll-snap-align:start;min-width:0}.bcard .slot{aspect-ratio:4/4.6;border-radius:16px}.bcard .meta{padding:9px 2px 0}.bcard b{font-size:15px}.bcard .role{margin:2px 0 0;font-size:11.5px}.bcard p,.bcard .stk{display:none}.bcard .lv{letter-spacing:.12em;padding:4px 8px;font-size:9px;top:9px;left:9px}.bcard .ct{padding:34px 10px 9px;font-size:9.5px}.bcard .ct .cnt{gap:3px;padding:4px 10px;font-size:11px}.bcard .ct .cnt .num{font-size:14px}}.pxg{grid-template-columns:repeat(3,1fr);align-items:start;gap:44px 22px;display:grid}.pxg .wcard{min-width:0}.pxg .wcard .slot{aspect-ratio:16/10}.pxg .wcard .cover{transition:transform .5s var(--ease-in)}.pxg .wcard:hover .cover{transform:scale(1.045)}.pxg .wcard .tag{font-family:var(--sans);text-transform:none;letter-spacing:.01em;font-weight:700}@media (max-width:900px){.pxg{grid-template-columns:1fr 1fr;gap:24px 14px}.pxg .wcard .slot{aspect-ratio:4/3}.pxg .wcard h3{margin:0 0 3px;font-size:15.5px}.pxg .wcard .bf__bar{display:none}.pxg .wcard .meta{padding:12px 2px 0;position:relative}.pxg .wcard .mrow{z-index:4;margin:0;position:absolute;bottom:calc(100% + 10px);left:8px;right:8px}.pxg .wcard .mrow .tag{padding:4px 9px;font-size:10px;box-shadow:0 6px 14px #0e0e0c47}.pxg .wcard .mrow .yr{display:none}.pxg .wcard p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.pxg .wcard .builders{white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:11px;overflow:hidden}}.list-note{text-align:center;margin:48px 0 0}.head-cnt{font-family:var(--mono);letter-spacing:.16em;color:var(--muted-2);font-size:13px}.slot .cover{object-fit:cover;object-position:top center;width:100%;height:100%;display:block;position:absolute;inset:0}.ribbon-sep{--rib-h:max(200px, 7vw);--rib-mid:-20px;z-index:6;pointer-events:none;height:0;position:relative}.ribbon-sep svg{left:0;right:0;top:calc(var(--rib-mid) - var(--rib-h) / 2);width:100%;height:var(--rib-h);filter:drop-shadow(0 12px 24px #0e0e0c24);display:block;position:absolute;overflow:visible}.ribbon-sep .edge2{fill:none;stroke:var(--paper);stroke-width:56px;stroke-linecap:round}.ribbon-sep .lane2{fill:none;stroke:var(--ink);stroke-width:50px;stroke-linecap:round}.ribbon-sep text{font-family:var(--sans);dominant-baseline:central;word-spacing:.48em}.ribbon-sep text.t2{letter-spacing:.17em;fill:var(--lime);font-size:14.5px;font-weight:700}@media (max-width:960px){.ribbon-sep{--rib-h:150px;--rib-mid:-33px}.ribbon-sep svg{filter:drop-shadow(0 8px 16px #0e0e0c24)}}