:root{--paper:#f5f1e8;--paper-2:#ece6d8;--card:#fbf9f4;--ink:#15130f;--ink-2:#2a2620;--muted:#6b655a;--faint:#867e6d;--faint-text:#726b5d;--line:#15130f24;--line-2:#15130f47;--red:#c23b22;--gold:#9c7a43;--serif:"Noto Serif TC", "Songti TC", "SimSun", Georgia, serif;--display:"Instrument Serif", "Noto Serif TC", Georgia, serif;--sans:"Noto Sans TC", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.22, 1, .36, 1);--gutter:clamp(20px, 4.4vw, 64px);--shadow-frame:0 0 0 1px #15130f0f, 0 2px 4px #15130f0d, 0 28px 56px -28px #15130f6b}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.75;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:70;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{background:var(--red);color:#fff}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--red);outline-offset:3px}.wrap{max-width:1360px;padding:0 var(--gutter);margin:0 auto}.label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500;line-height:1.5}.nb{white-space:nowrap}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{position:absolute;left:-999px}.skip-link:focus{z-index:99;background:var(--ink);color:var(--paper);padding:10px 14px;top:12px;left:12px}.btn{background:var(--ink);min-height:44px;color:var(--paper);border:1px solid var(--ink);font-family:var(--sans);letter-spacing:.12em;cursor:pointer;white-space:nowrap;transition:background-color .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--red);border-color:var(--red)}.btn--line{color:var(--ink);border-color:var(--line-2);background:0 0}.btn--line:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn--lg{min-height:54px;padding:0 32px;font-size:15px}.textbtn{cursor:pointer;font-family:var(--sans);letter-spacing:.1em;color:var(--ink);transition:color .3s, background-size .4s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;border:0;padding:4px 0;font-size:14px;font-weight:500;text-decoration:none}.textbtn:hover{color:var(--red);background-position:100% 100%;background-size:0 1px}.textbtn--lg{font-size:15px}.textbtn--preview:before{content:"▣ ";font-size:.85em}.topbar{z-index:50;background:color-mix(in srgb, var(--paper) 86%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border-bottom:1px solid var(--line);position:fixed;inset:0 0 auto}.topbar__in{align-items:center;gap:28px;height:64px;display:flex}.brand{align-items:center;gap:12px;min-height:44px;text-decoration:none;display:flex}.brand__mark{width:22px;height:22px}.brand__name{font-family:var(--serif);letter-spacing:.32em;font-size:14px;font-weight:700}.nav{gap:4px;margin-left:auto;display:flex}.nav button{cursor:pointer;letter-spacing:.2em;color:var(--muted);background:0 0;border:0;padding:8px 14px;font-size:14px;transition:color .3s}.nav button:hover{color:var(--red)}.topbar__meta{border-left:1px solid var(--line);padding-left:24px}.progress{background:var(--red);transform-origin:0;height:2px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.hero{padding-top:clamp(120px,17vh,180px)}.hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:start;gap:clamp(40px,6vw,110px);display:grid}.hero__copy{padding-top:clamp(0px,5vh,48px)}.hero__badge{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.hero__badge b{background:var(--ink);color:var(--paper);letter-spacing:.16em;align-items:center;gap:10px;padding:7px 14px 7px 12px;font-size:14px;font-weight:700;display:inline-flex}.hero__badge b:before{content:"";background:var(--red);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #c23b2240}.hero h1{font-family:var(--serif);letter-spacing:-.02em;margin-top:clamp(26px,4vh,42px);font-size:clamp(50px,5.5vw,96px);font-weight:900;line-height:1.06}.hero h1 em{font-family:var(--display);color:var(--red);letter-spacing:-.03em;padding:0 .04em;font-size:1.12em;font-style:italic;font-weight:400;line-height:.8}.hero__ai{margin-inline:.1em .14em;display:inline-block;position:relative}.pen{pointer-events:none;width:136%;height:124%;position:absolute;top:-12%;left:-18%;overflow:visible}.pen path{fill:none;stroke:var(--red);stroke-width:2.6px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.1s cubic-bezier(.6,0,.3,1) 1s forwards pen}@keyframes pen{to{stroke-dashoffset:0}}.hero__line{white-space:nowrap;animation:rise 1.2s var(--ease) both;display:block}.hero__line:nth-child(2){animation-delay:80ms}.hero__line--accent{color:var(--red);animation-delay:.16s}.hero__sub{max-width:31em;color:var(--ink-2);text-wrap:pretty;animation:rise 1.2s var(--ease) .26s both;margin-top:clamp(22px,3.6vh,34px);font-size:17px;line-height:1.9}.hero__cta{animation:rise 1.2s var(--ease) .34s both;align-items:center;gap:28px;margin-top:clamp(28px,5vh,44px);display:flex}@keyframes rise{0%{opacity:0;transform:translateY(22px)}}.board{background:var(--card);box-shadow:var(--shadow-frame);padding:clamp(18px,2vw,28px);position:relative}.board:before{content:"";background:var(--ink);height:4px;position:absolute;inset:0 0 auto}.board__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:14px;display:flex}.board__head h2{color:var(--ink);font-weight:700}.board__champ{border-bottom:1px solid var(--line-2);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"thumb thumb""id score";align-items:end;gap:22px 18px;padding:14px 0 20px;text-decoration:none;display:grid}.board__rail{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding-top:6px;display:grid}.board__seg{cursor:pointer;text-align:left;background:0 0;border:0;gap:5px;min-height:36px;padding:8px 0 6px;display:grid}.board__seg-no{font-family:var(--mono);letter-spacing:.12em;color:var(--faint-text);font-size:10px;line-height:1;transition:color .3s}.board__seg-line{background:var(--line);height:2px;transition:background-color .4s;display:block;position:relative;overflow:hidden}.board__seg-line i{background:var(--red);transform-origin:0;position:absolute;inset:0}.board__seg-line i.is-run{animation:linear both fill}.board__seg.is-past .board__seg-line{background:var(--line-2)}.board__seg.is-on .board__seg-no,.board__seg:hover .board__seg-no{color:var(--red)}.board__seg:hover .board__seg-line{background:var(--line-2)}@keyframes fill{0%{transform:scaleX(0)}}.board__thumb{box-shadow:var(--shadow-frame);transition:transform .6s var(--ease), box-shadow .6s var(--ease);background:#fff;grid-area:thumb;padding:clamp(8px,1vw,12px);display:block;position:relative}.board__thumb:after{content:"";z-index:1;pointer-events:none;position:absolute;inset:clamp(8px,1vw,12px);box-shadow:inset 0 0 0 1px #15130f1a}.board__thumb{display:grid}.board__thumb img{aspect-ratio:16/10;object-fit:cover;background:var(--paper-2);opacity:0;width:100%;height:auto;transition:opacity .8s var(--ease);grid-area:1/1}.board__thumb img.is-on{opacity:1;animation:9s ease-in-out infinite alternate pan}@keyframes pan{0%{object-position:50% 0}to{object-position:50% 100%}}.board__champ-id{animation:swap .7s var(--ease) both}@keyframes swap{0%{opacity:0;transform:translateY(10px)}}.board__champ:hover .board__thumb{transform:translateY(-4px);box-shadow:0 0 0 1px #15130f0f,0 4px 8px #15130f0f,0 40px 70px -30px #15130f80}.board__champ-id{grid-area:id;gap:4px;min-width:0;display:grid}.board__champ-id .board__rank{font-family:var(--display);color:var(--red);font-size:30px;font-style:italic;line-height:1}.board__champ-id b{font-family:var(--display);letter-spacing:-.01em;font-size:clamp(28px,2.5vw,38px);font-weight:400;line-height:1}.board__champ-id i,.board__id i{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-style:normal;overflow:hidden}.board__score{font-family:var(--display);text-align:right;font-variant-numeric:tabular-nums;font-size:30px;line-height:1}.board__score--big{color:var(--red);grid-area:score;font-size:clamp(60px,5.4vw,84px);line-height:.82}.board__list{margin:0;padding:0;list-style:none}.board__list a{border-bottom:1px solid var(--line);grid-template-columns:34px minmax(0,1fr) minmax(48px,22%) 44px;align-items:center;gap:14px;padding:11px 0;text-decoration:none;transition:background-color .3s;display:grid}.board__list a:hover{background:color-mix(in srgb, var(--paper-2) 60%, transparent)}.board__list .board__rank{font-family:var(--mono);color:var(--faint-text);letter-spacing:.1em;padding-left:4px;font-size:11px;transition:color .3s}.board__list li.is-sel a{background:color-mix(in srgb, var(--paper-2) 60%, transparent);box-shadow:inset 2px 0 0 var(--red)}.board__list li.is-sel .board__rank{color:var(--red)}.board__list li.is-sel .board__bar i{background:var(--red)}.board__id{min-width:0;display:grid}.board__id b{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:400;line-height:1.15;overflow:hidden}.board__bar{background:var(--line);height:3px;display:block}.board__bar i{background:var(--ink);transform-origin:0;height:100%;transition:transform 1.3s var(--ease) calc(.45s + var(--i,0) * .11s), background-color .3s;display:block;transform:scaleX(0)}.board.in .board__bar i{transform:none}.board__more{cursor:pointer;letter-spacing:.12em;width:100%;color:var(--ink);background:0 0;border:0;justify-content:space-between;align-items:center;margin-top:14px;padding:12px 0 2px;font-size:14px;font-weight:500;display:flex}.board__more span{transition:transform .4s var(--ease)}.board__more:hover{color:var(--red)}.board__more:hover span{transform:translate(6px)}.reel{inset:var(--reel-inset,0);z-index:1;pointer-events:none;opacity:0;background-position:0 0;background-repeat:no-repeat;background-size:600% 1200%;transition:opacity .35s;position:absolute}.reel.is-on{opacity:1}.reel.is-play{animation:.5s steps(6,end) infinite reel-x,6s steps(12,end) infinite reel-y}@keyframes reel-x{0%{background-position-x:0%}to{background-position-x:120%}}@keyframes reel-y{0%{background-position-y:0%}to{background-position-y:109.091%}}.reel__tag{background:var(--ink);color:var(--paper);font-family:var(--mono);letter-spacing:.14em;padding:3px 8px;font-size:10px;line-height:1.5;position:absolute;top:8px;left:8px}.reel.is-play .reel__tag{background:var(--red);color:#fff}.reel__bar{background:var(--red);transform-origin:0;height:3px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.reel.is-play .reel__bar{animation:linear infinite reel-bar}@keyframes reel-bar{to{transform:scaleX(1)}}.mat__frame .reel{--reel-inset:clamp(10px, 1.2vw, 16px)}.board__thumb .reel{--reel-inset:clamp(8px, 1vw, 12px);z-index:2}.duel__frame .reel{--reel-inset:clamp(8px, 1vw, 12px)}.duel__stamp{z-index:2}.mat--s .mat__frame .reel{--reel-inset:5px}.sheet{border-top:1px solid var(--ink);max-width:560px;animation:rise 1.2s var(--ease) .42s both;margin-top:clamp(40px,7vh,64px);padding-top:14px}.sheet__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sheet__head .label:first-child{color:var(--ink);font-weight:700}.sheet__hint{color:var(--faint-text)}.sheet__grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.sheet__grid li{animation:tile .8s var(--ease) both;animation-delay:calc(.55s + var(--i) * 35ms)}@keyframes tile{0%{opacity:0;transform:translateY(10px)scale(.96)}}.sheet__tile{cursor:pointer;width:100%;transition:transform .45s var(--ease), box-shadow .45s var(--ease), opacity .35s;background:#fff;border:0;padding:3px;display:block;position:relative;box-shadow:0 0 0 1px #15130f14,0 8px 16px -12px #15130f73}.sheet__tile img{aspect-ratio:16/10;object-fit:cover;object-position:top;background:var(--paper-2);width:100%;height:auto}.sheet__tile.is-on{z-index:1;transform:translateY(-4px);box-shadow:0 0 0 1px #15130f14,0 16px 26px -14px #15130f8c}.sheet__grid:has(.sheet__tile.is-on) .sheet__tile:not(.is-on){opacity:.42}.sheet__tile.is-shown:after{content:"";border:1.5px solid var(--red);pointer-events:none;animation:ring .6s var(--ease) both;position:absolute;inset:-3px}@keyframes ring{0%{opacity:0;transform:scale(1.18)}}.sheet__no{background:var(--ink);color:var(--paper);font-family:var(--mono);letter-spacing:.06em;padding:1px 4px;font-size:9px;line-height:1.4;transition:background-color .3s;position:absolute;bottom:3px;left:3px}.sheet__tile.is-shown .sheet__no{background:var(--red)}.sheet__cap{border-bottom:1px solid var(--line);min-height:46px;margin-top:12px;padding-bottom:10px;overflow:hidden}.sheet__cap>span{white-space:nowrap;min-width:0;animation:swap .45s var(--ease) both;font-family:var(--display);align-items:baseline;gap:10px;font-size:24px;line-height:1.3;display:flex}.sheet__cap b{font-family:var(--mono);letter-spacing:.14em;color:var(--red);flex:none;font-size:11px;font-weight:500}.sheet__cap i{text-overflow:ellipsis;min-width:0;font-style:normal;font-family:var(--serif);color:var(--muted);font-size:14px;overflow:hidden}.sheet__cap em{color:var(--red);margin-left:auto;font-style:normal}.sheet__cap>.sheet__idle{font-family:var(--sans);letter-spacing:.06em;color:var(--muted);padding-top:8px;font-size:13px}.duel{background:var(--card);box-shadow:var(--shadow-frame);margin-top:clamp(80px,13vh,130px);padding:clamp(26px,3.4vw,48px);position:relative}.duel:before{content:"";background:var(--red);height:4px;position:absolute;inset:0 0 auto}.duel__head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 32px;padding-bottom:22px;display:flex}.duel__kicker{color:var(--red)}.duel__title{font-family:var(--serif);text-wrap:balance;margin-top:10px;font-size:clamp(28px,3.2vw,46px);font-weight:900;line-height:1.2}.duel__title em{color:var(--red);font-style:normal}.duel__tally b{font-family:var(--display);color:var(--red);letter-spacing:0;vertical-align:-3px;font-size:26px;font-weight:400}.duel__ring{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,96px);padding-top:clamp(26px,4vh,40px);display:grid;position:relative}.duel__vs{font-family:var(--display);color:var(--red);transition:opacity .4s, scale .6s var(--ease);font-size:clamp(40px,5vw,76px);font-style:italic;line-height:1;position:absolute;top:calc(clamp(26px,4vh,40px) + 22%);left:50%;translate:-50% -50%}.duel__ring.is-done .duel__vs{opacity:.25;scale:.8}.duel__side{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"art art""id score";align-items:end;gap:18px 16px;transition:opacity .5s;display:grid}.duel__side.is-lose{opacity:.55}.duel__art{cursor:pointer;text-align:left;background:0 0;border:0;grid-area:art;padding:0;display:block;position:relative}.duel__art:disabled{cursor:default}.duel__frame{box-shadow:var(--shadow-frame);transition:transform .5s var(--ease), box-shadow .5s var(--ease);background:#fff;padding:clamp(8px,1vw,12px);display:block;position:relative}.duel__frame img{aspect-ratio:16/10;object-fit:cover;object-position:top;background:var(--paper-2);width:100%;height:auto}.duel__art:not(:disabled):hover .duel__frame,.duel__art:focus-visible .duel__frame{box-shadow:0 0 0 2px var(--red), 0 40px 70px -30px #15130f80;transform:translateY(-6px)rotate(-.6deg)}.duel__side:nth-child(2) .duel__art:not(:disabled):hover .duel__frame{transform:translateY(-6px)rotate(.6deg)}.duel__side.is-win .duel__frame{box-shadow:0 0 0 2px var(--red), var(--shadow-frame)}.duel__cta{white-space:nowrap;background:var(--ink);color:var(--paper);letter-spacing:.12em;opacity:0;transition:opacity .3s, translate .4s var(--ease);padding:6px 14px;font-size:13px;font-weight:500;position:absolute;bottom:-14px;left:50%;translate:-50%}.duel__art:hover .duel__cta,.duel__art:focus-visible .duel__cta{opacity:1;background:var(--red);translate:-50% -6px}.duel__stamp{border:3px solid var(--red);color:var(--red);font-family:var(--serif);letter-spacing:.1em;background:#ffffffe0;padding:6px 14px;font-size:clamp(22px,2.6vw,36px);font-weight:900;animation:.5s cubic-bezier(.3,1.6,.5,1) both stamp;position:absolute;top:14%;right:8%;rotate:-8deg}.duel__stamp.is-miss{border-color:var(--ink);color:var(--ink);rotate:6deg}@keyframes stamp{0%{opacity:0;scale:2.2}}.duel__id{grid-area:id;min-width:0}.duel__id .label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.duel__model{font-family:var(--display);animation:swap .6s var(--ease) both;margin-top:6px;font-size:clamp(26px,2.6vw,40px);font-weight:400;line-height:1.05}.duel__hidden{color:var(--faint);letter-spacing:.04em}.duel__score{font-family:var(--display);font-variant-numeric:tabular-nums;grid-area:score;font-size:clamp(54px,5vw,84px);line-height:.85}.duel__side.is-win .duel__score{color:var(--red)}.duel__q{color:var(--faint)}.duel__foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;margin-top:clamp(26px,4vh,40px);padding-top:20px;display:flex}.duel__note{color:var(--muted);font-size:15px}.duel__actions{flex-wrap:wrap;align-items:center;gap:12px 22px;display:flex}.how{border-top:1px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(72px,12vh,120px) 0 0;padding:0;list-style:none;display:grid}.how li{border-right:1px solid var(--line-2);padding:26px clamp(18px,2.4vw,36px) 6px;position:relative}.how li:first-child{padding-left:0}.how li:last-child{border-right:0}.how__no{font-family:var(--display);color:var(--red);font-size:46px;line-height:1}.how h3{font-family:var(--serif);margin-top:16px;font-size:22px;font-weight:900}.how p{color:var(--muted);margin-top:8px;font-size:15px;line-height:1.85}.how b{color:var(--ink);font-weight:700}.mat{text-decoration:none;display:block;position:relative}.mat__frame{box-shadow:var(--shadow-frame);transition:transform .6s var(--ease), box-shadow .6s var(--ease);background:#fff;padding:clamp(10px,1.2vw,16px);display:block;position:relative}.mat__frame:after{content:"";pointer-events:none;position:absolute;inset:clamp(10px,1.2vw,16px);box-shadow:inset 0 0 0 1px #15130f1a}.mat__frame img{aspect-ratio:16/10;object-fit:cover;background:var(--paper-2);width:100%;height:auto}.mat--s .mat__frame{padding:5px}.mat--s .mat__frame:after{inset:5px}.mat:hover .mat__frame{transform:translateY(-4px);box-shadow:0 0 0 1px #15130f0f,0 4px 8px #15130f0f,0 40px 70px -30px #15130f80}.mat__hint{font-family:var(--mono);letter-spacing:.16em;color:var(--red);opacity:0;transition:opacity .4s, transform .4s var(--ease);font-size:11px;position:absolute;bottom:-28px;right:0;transform:translateY(-4px)}.mat:hover .mat__hint,.mat:focus-visible .mat__hint{opacity:1;transform:none}.stamp{border:2px solid var(--red);color:var(--red);font-family:var(--serif);background:#ffffffd9;padding:6px 10px;font-weight:900;position:absolute;top:18px;right:18px;transform:rotate(-6deg)}.stats{border-top:1px solid var(--line-2);grid-template-columns:repeat(4,1fr);margin-top:clamp(40px,7vh,72px);display:grid}.stats>div{border-right:1px solid var(--line);padding:20px 0 26px 24px}.stats>div:first-child{padding-left:0}.stats>div:last-child{border-right:0}.stats dt{font-family:var(--mono);letter-spacing:.18em;color:var(--muted);font-size:11px}.stats dd{font-family:var(--display);letter-spacing:-.01em;margin-top:10px;font-size:clamp(48px,5vw,76px);line-height:1}.stats>div:last-child dd{color:var(--red)}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;margin-top:clamp(32px,6vh,64px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.ticker__track{animation:70s linear infinite ticker;display:inline-flex}.ticker:hover .ticker__track{animation-play-state:paused}.ticker__set{display:inline-flex}.ticker__set>span{font-family:var(--serif);border-right:1px solid var(--line);align-items:baseline;gap:12px;padding:14px 34px;font-size:15px;font-weight:600;display:inline-flex}.ticker b{font-family:var(--mono);color:var(--faint-text);letter-spacing:.1em;font-size:11px;font-weight:500}.ticker em{font-style:normal;font-family:var(--display);color:var(--red);font-size:22px}@keyframes ticker{to{transform:translate(-50%)}}.section{padding:clamp(110px,16vh,180px) 0}.section--tint{background:var(--paper-2)}.section__head{max-width:1120px;margin-bottom:clamp(56px,9vh,96px)}.section__no{color:var(--red)}.section__head h2{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;margin-top:18px;font-size:clamp(40px,5.2vw,78px);font-weight:900;line-height:1.12}.section__head h2 em{color:var(--red);font-style:normal}.section__desc{max-width:36em;color:var(--muted);margin-top:20px;font-size:16px}.rv{opacity:0;transition:opacity 1s var(--ease), transform 1s var(--ease);transform:translateY(28px)}.rv.in{opacity:1;transform:none}.podium{gap:clamp(100px,16vh,170px);display:grid}.feature{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(36px,5vw,88px);display:grid}.feature--flip .feature__art{order:2}.feature__art{padding-bottom:40px;position:relative}.pip{width:36%;box-shadow:var(--shadow-frame);transition:transform .5s var(--ease);background:#fff;padding:5px;text-decoration:none;display:block;position:absolute;bottom:0;right:-4%;transform:rotate(-1.5deg)}.feature--flip .pip{left:-4%;right:auto;transform:rotate(1.5deg)}.pip:hover{transform:rotate(0)translateY(-4px)}.pip img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto}.pip span{background:var(--ink);color:var(--paper);font-family:var(--mono);letter-spacing:.14em;padding:4px 8px;font-size:10px;position:absolute;bottom:5px;left:5px}.feature__copy{padding-top:6px}.lot{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}.lot__no{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(56px,5.4vw,84px);font-style:italic;line-height:.9}.feature:first-child .lot__no{color:var(--red)}.feature__kind{color:var(--red);margin-top:22px}.feature__model{font-family:var(--display);letter-spacing:-.015em;margin-top:8px;font-size:clamp(40px,4.2vw,66px);font-weight:400;line-height:.98}.feature__model small{font-family:var(--mono);letter-spacing:.16em;color:var(--muted);margin-top:10px;font-size:11px;display:block}.feature__work{align-items:baseline;gap:12px;margin-top:16px;display:flex}.feature__work a{font-family:var(--serif);background-image:linear-gradient(var(--red), var(--red));transition:background-size .5s var(--ease), color .3s;background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;font-size:clamp(18px,1.6vw,22px);font-weight:700;text-decoration:none}.feature__work a:hover{color:var(--red);background-size:100% 1px}.scores{border-top:1px solid var(--line-2);border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:28px;margin-top:28px;padding:22px 0;display:grid}.scores dt{font-family:var(--mono);letter-spacing:.18em;color:var(--muted);font-size:11px}.scores dd{margin-top:6px}.count{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(52px,4.6vw,70px);line-height:1;display:block}.count--na{color:var(--faint)}.gauge{background:var(--line);height:2px;margin-top:12px;display:block}.gauge i{background:var(--ink);transform-origin:0;height:100%;display:block}.feature:first-child .gauge i{background:var(--red)}.stage{--paper:#15130f;--paper-2:#1f1c17;--card:#1b1814;--ink:#f3eee3;--ink-2:#d9d3c6;--muted:#a39b8b;--faint:#7d7566;--faint-text:#a39b8b;--line:#f5f1e81f;--line-2:#f5f1e842;--red:#e0583b;background:var(--paper);color:var(--ink);margin-inline:calc(50% - 50vw);padding:clamp(64px,10vh,112px) calc(50vw - 50%) clamp(110px,16vh,170px);position:relative;overflow-x:clip}.stage__head{border-bottom:1px solid var(--line-2);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:clamp(72px,11vh,120px);padding-bottom:16px;display:flex}.stage__note{letter-spacing:.12em}.stage+.index__head{margin-top:clamp(90px,13vh,140px)}.stage .feature__art{isolation:isolate}.stage .feature__art:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--tone,#b9a27a) 62%, transparent), transparent 100%);filter:blur(36px);opacity:0;transition:opacity 1.8s var(--ease) .5s, transform 2.2s var(--ease) .5s, background .8s;position:absolute;inset:-16% -12% -4%;transform:scale(.85)}.stage .feature.in .feature__art:before{opacity:.9;transform:none}.stage .mat__frame{clip-path:inset(0 0 100%);transition:clip-path 1.3s var(--ease) .1s, box-shadow .5s var(--ease);box-shadow:0 0 0 1px #ffffff0a,0 36px 80px -34px #000000d9}.stage .mat:hover .mat__frame{box-shadow:0 0 0 1px #ffffff0f,0 48px 100px -36px #000000e6}.stage .mat__frame img{transition:transform 2.4s var(--ease) .1s;transform:scale(1.12)}.stage .feature.in .mat__frame{clip-path:inset(-120px)}.stage .feature.in .mat__frame img{transform:none}.stage .pip{box-shadow:0 24px 50px -24px #000000e6}.verdictbox{margin-top:24px}.verdictbox__text{font-family:var(--serif);color:var(--ink-2);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:16.5px;line-height:1.95;display:-webkit-box;overflow:hidden}.verdictbox.is-open .verdictbox__text{display:block}.verdictbox .textbtn{color:var(--muted);margin-top:8px;font-size:13px}.specs{flex-wrap:wrap;gap:8px 20px;margin:22px 0 0;padding:0;list-style:none;display:flex}.specs li{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);align-items:center;gap:8px;font-size:11px;display:inline-flex}.specs li:before{content:"";background:var(--red);opacity:.7;width:4px;height:4px}.attempts{flex-wrap:wrap;align-items:baseline;gap:0 16px;margin-top:10px;display:flex}.attempts a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:5px;padding:6px 0;font-size:13px;text-decoration-thickness:1px;transition:color .3s,text-decoration-color .3s;display:inline-block}.attempts a:hover{color:var(--red);-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red)}.actions{flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:30px;display:flex}.actions .btn{min-height:44px}.actions .btn+.btn{margin-left:-12px}.index__head{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:end;gap:20px;margin-top:clamp(110px,16vh,170px);padding-bottom:14px;display:flex}.index__head .section__desc{margin:0}.index__cols{text-align:right;grid-template-columns:96px 96px 52px;display:grid}.index__cols span:last-child{padding-right:0}.index__cols--nologo{grid-template-columns:96px 52px}.index--nologo .row__main{grid-template-columns:72px var(--row-thumb) minmax(0, 1fr) 96px 52px}.index--rankonly .row__main{grid-template-columns:72px var(--row-thumb) minmax(0, 1fr) 52px}.rankonly{border-top:1px solid var(--line-2);border-bottom:1px solid var(--line);margin-top:28px;padding:16px 0}.zone+.zone{margin-top:clamp(140px,20vh,220px)}.zone__head{border-top:1px solid var(--ink);max-width:1120px;margin-bottom:clamp(48px,8vh,80px);padding-top:18px}.zone__title{font-family:var(--display);letter-spacing:-.01em;margin-top:14px;font-size:clamp(32px,4vw,56px);font-weight:400;line-height:1.05}.index{--row-thumb:clamp(220px, 24vw, 320px);margin:0;padding:0;list-style:none}.row{border-bottom:1px solid var(--line);transition:background-color .4s}.row:hover,.row.is-open{background:color-mix(in srgb, var(--card) 70%, transparent)}.row__main{grid-template-columns:72px var(--row-thumb) minmax(0, 1fr) 96px 96px 52px;align-items:center;gap:0 28px;padding:26px 0;display:grid}.row__rank{font-family:var(--display);color:var(--faint);padding-left:6px;font-size:40px;line-height:1;transition:color .3s}.row:hover .row__rank{color:var(--red)}.row .mat--s .mat__frame{box-shadow:0 0 0 1px #15130f14,0 10px 20px -14px #15130f73}.row__id h3{font-family:var(--display);letter-spacing:-.005em;font-size:clamp(24px,2.2vw,32px);font-weight:400;line-height:1.1}.row__id h3 a{text-decoration:none}.row__id h3 a:hover{color:var(--red)}.row__id p{font-family:var(--serif);color:var(--muted);margin-top:6px;font-size:14px}.row__score{font-family:var(--display);text-align:right;font-variant-numeric:tabular-nums;font-size:40px;line-height:1}.row__score small{display:none}.row__score--logo{color:var(--muted)}.row--pending .row__score{color:var(--faint)}.row__toggle{border:1px solid var(--line-2);cursor:pointer;background:0 0;border-radius:50%;justify-self:end;width:40px;height:40px;transition:background-color .3s,border-color .3s;position:relative}.row__toggle:hover{border-color:var(--ink)}.row__toggle i:before,.row__toggle i:after{content:"";width:12px;height:1.5px;transition:transform .4s var(--ease);background:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.row__toggle i:after{transform:translate(-50%,-50%)rotate(90deg)}.row__toggle[aria-expanded=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.row__toggle[aria-expanded=true] i:after{transform:translate(-50%,-50%)rotate(0)}.row__more{padding:4px 0 34px calc(72px + var(--row-thumb) + 56px);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 48px;display:grid}.row__more[hidden]{display:none}.row__more .verdictbox,.row__more .actions{margin-top:0}.criteria{border-top:1px solid var(--ink);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.criterion{border-right:1px solid var(--line-2);transition-delay:calc(var(--i) * 80ms);padding:28px 24px 20px}.criterion:nth-child(3n+1){padding-left:0}.criterion:nth-child(3n){border-right:0}.criterion:nth-child(n+4){border-top:1px solid var(--line-2)}.criterion__no{font-family:var(--display);color:var(--red);font-size:52px;line-height:1;display:block}.criterion h3{font-family:var(--serif);margin-top:28px;font-size:22px;font-weight:900}.criterion p{color:var(--muted);margin-top:10px;font-size:15px}.essays{grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);display:grid}.essay{border-top:2px solid var(--ink);padding-top:28px;text-decoration:none;display:block}.essay h3{font-family:var(--serif);margin-top:18px;font-size:clamp(26px,2.4vw,34px);font-weight:900;line-height:1.3;transition:color .3s}.essay:hover h3{color:var(--red)}.essay__body{color:var(--ink-2);margin-top:18px;font-size:16px;line-height:1.95}.essay__body:first-letter{float:left;font-family:var(--serif);color:var(--red);margin:6px 12px 0 0;font-size:64px;font-weight:900;line-height:.9}.essay__quote{border-left:2px solid var(--red);margin-top:28px;padding:6px 0 6px 22px}.essay__quote p{font-family:var(--serif);margin-top:6px;font-size:20px;font-weight:700;line-height:1.6}.essay__more{font-family:var(--mono);letter-spacing:.16em;color:var(--red);margin-top:26px;font-size:12px;display:inline-block}.colophon{background:var(--ink);color:#d9d3c6;padding:clamp(80px,12vh,130px) 0 28px;overflow:hidden}.colophon .label{color:#8d8576}.colophon__grid{grid-template-columns:repeat(3,1fr);gap:48px;display:grid}.colophon__grid p{margin-top:12px;font-size:15px;line-height:1.9}.wordmark{font-family:var(--display);letter-spacing:-.03em;text-align:center;white-space:nowrap;color:#f5f1e8;margin-top:clamp(64px,10vh,110px);font-size:clamp(72px,15.6vw,260px);line-height:.82}.wordmark b{color:var(--red);font-style:italic;font-weight:400}.colophon__end{border-top:1px solid #ffffff1f;margin-top:36px;padding-top:18px}.overlay{z-index:80;display:none;position:fixed;inset:0}.overlay.open{display:block}.overlay__bg{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#15130f9e;position:absolute;inset:0}.overlay__box{background:var(--paper);animation:rise .5s var(--ease) both;grid-template-rows:auto auto minmax(0,1fr);display:grid;position:absolute;inset:3vh 3vw;box-shadow:0 40px 120px -20px #00000080}.overlay__top{background:var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px 10px 22px;display:flex}.overlay__top .label{color:#d9d3c6}.overlay__nav{gap:6px;display:flex}.iconbtn{min-width:36px;height:34px;color:var(--paper);cursor:pointer;background:0 0;border:1px solid #ffffff38;padding:0 10px;font-size:16px;line-height:1}.iconbtn--wide{letter-spacing:.12em;font-size:13px}.iconbtn:hover{background:var(--red);border-color:var(--red)}.overlay__tabs{border-bottom:1px solid var(--line-2);scrollbar-width:thin;gap:0;display:flex;overflow-x:auto}.otab{border:0;border-right:1px solid var(--line);font-family:var(--mono);letter-spacing:.12em;color:var(--muted);cursor:pointer;background:0 0;flex:none;padding:10px 16px;font-size:11px}.otab:hover{color:var(--ink);background:var(--card)}.otab.active{background:var(--ink);color:var(--paper)}.overlay__stage{grid-template-columns:minmax(0,1fr) 360px;min-height:0;display:grid}.overlay__art{border-right:1px solid var(--line-2);min-height:40vh;position:relative}.frame{background:#fff;border:0;width:100%;height:100%;position:absolute;inset:0}.overlay__side{padding:28px;overflow:auto}.spread__name{font-family:var(--display);margin-top:6px;font-size:36px;font-weight:400;line-height:1.05}.spread__work{font-family:var(--serif);margin-top:8px;font-size:17px;font-weight:700}.spread__prompt{color:var(--muted);margin-top:8px;font-size:14px}.seg{border:1px solid var(--line-2);margin-top:18px;display:flex}.segbtn{cursor:pointer;letter-spacing:.06em;color:var(--muted);background:0 0;border:0;flex:1;padding:10px 8px;font-size:13px}.segbtn+.segbtn{border-left:1px solid var(--line-2)}.segbtn.active{background:var(--ink);color:var(--paper)}.overlay__side .specs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:18px;padding:14px 0}.verdict{font-family:var(--serif);margin:18px 0 22px;font-size:16px;line-height:1.9}.overlay__path{word-break:break-all;margin-top:12px}@media (width<=1100px){.hero__grid{grid-template-columns:minmax(0,1fr)}.hero__copy{padding-top:0}.board{max-width:720px}.feature{grid-template-columns:minmax(0,1fr)}.feature--flip .feature__art{order:0}.feature__art{max-width:820px}.index{--row-thumb:200px}.row__main{grid-template-columns:56px var(--row-thumb) minmax(0, 1fr) 80px 80px 48px;gap:0 18px}.index__cols{grid-template-columns:80px 80px 48px;column-gap:18px}.index__cols--nologo{grid-template-columns:80px 48px}.index--nologo .row__main{grid-template-columns:56px var(--row-thumb) minmax(0, 1fr) 80px 48px}.index--rankonly .row__main{grid-template-columns:56px var(--row-thumb) minmax(0, 1fr) 48px}.row__more{padding-left:calc(56px + var(--row-thumb) + 36px)}.overlay__stage{grid-template-columns:minmax(0,1fr) 300px}}@media (width<=760px){body{font-size:16px}.topbar__in{gap:12px;height:56px}.brand__name{letter-spacing:.24em;font-size:12px}.topbar__meta{display:none}.nav button{letter-spacing:.12em;padding:8px;font-size:13px}.hero{padding-top:104px}.hero h1{font-size:clamp(40px,11.6vw,64px)}.hero__sub{font-size:16px}.board__list a{grid-template-columns:30px minmax(0,1fr) 40px}.board__bar{display:none}.sheet{max-width:none}.sheet__grid{margin:14px calc(-1 * var(--gutter)) 0;padding:4px var(--gutter) 12px;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:none;grid-template-rows:repeat(2,auto);grid-template-columns:none;grid-auto-columns:112px;grid-auto-flow:column;overflow-x:auto}.sheet__grid::-webkit-scrollbar{display:none}.sheet__grid li{scroll-snap-align:start}.sheet__no{font-size:10px}.duel{margin-inline:calc(-1 * var(--gutter) + 8px);padding:22px 18px 24px}.duel__ring{gap:14px}.duel__side{grid-template-columns:minmax(0,1fr);grid-template-areas:"art""id""score";gap:10px}.duel__frame{padding:5px}.duel__frame .reel{--reel-inset:5px}.duel__vs{font-size:30px;top:calc(clamp(26px,4vh,40px) + 13%)}.duel__model{font-size:20px}.duel__score{font-size:44px}.duel__stamp{border-width:2px;padding:3px 8px;font-size:16px}.duel__cta{display:none}.duel__foot .btn,.duel__actions{width:100%}.how{grid-template-columns:minmax(0,1fr)}.how li{border-right:0;border-bottom:1px solid var(--line-2);grid-template-columns:56px 1fr;column-gap:12px;padding:22px 0;display:grid}.how__no{grid-row:span 2;font-size:38px}.how h3{margin-top:0}.row__id h3{font-size:22px}.hero__cta{gap:20px}.stats{grid-template-columns:1fr 1fr}.stats>div{padding-left:16px}.stats>div:nth-child(odd){padding-left:0}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.ticker__set>span{padding:12px 22px;font-size:14px}.pip{width:42%;right:-2%}.feature--flip .pip{left:-2%}.actions .btn+.btn{margin-left:0}.index__cols{display:none}.row__main{grid-template-columns:34px minmax(0,1fr) 40px;grid-template-areas:"thumb thumb thumb""rank id toggle""rank scores toggle";align-items:start;gap:0 14px;padding:22px 0}.index--nologo .row__main,.index--rankonly .row__main{grid-template-columns:34px minmax(0,1fr) 40px}.row .mat--s{margin-bottom:16px}.index__head{flex-direction:column;align-items:flex-start;gap:6px}.row__rank{grid-area:rank;padding-top:2px;padding-left:0;font-size:26px}.row .mat--s{grid-area:thumb}.row__id{grid-area:id}.row__score{text-align:left;grid-area:scores;margin-top:6px;font-size:26px}.row__score--logo{grid-area:scores;justify-self:end}.row__score small{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);margin-right:6px;font-size:10px;display:inline}.row__toggle{grid-area:toggle;width:36px;height:36px}.row__more{grid-template-columns:minmax(0,1fr);padding-left:0}.criteria{grid-template-columns:minmax(0,1fr)}.criteria .criterion{border-top:0;border-right:0;border-bottom:1px solid var(--line-2);grid-template-columns:56px 1fr;column-gap:12px;padding:22px 0;display:grid}.criterion__no{grid-row:span 2;font-size:40px}.criterion h3{margin-top:0}.essays{grid-template-columns:minmax(0,1fr)}.colophon__grid{grid-template-columns:minmax(0,1fr);gap:28px}.overlay__box{inset:0}.overlay__stage{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.overlay__art{border-right:0;min-height:55vh}.overlay__side{border-top:1px solid var(--line-2);max-height:34vh;padding:18px 20px}}@media (hover:none){.sheet__cap{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.rv{opacity:1;transform:none}.stage .mat__frame{clip-path:none}.stage .mat__frame img{transform:none}.stage .feature__art:before{opacity:.9;transform:none}.ticker__track{animation:none}}
