.grid-page .nav{position:fixed;top:0;left:0;right:0}.grid-main{padding:calc(80px + env(safe-area-inset-top,0px) + 48px - 16px) calc(var(--gutter) + 16px) 64px calc(min(280px, 22vw) + 16px)}.grid-list{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));gap:32px 24px;margin:0;padding:0;list-style:none;display:grid}.grid-tile{transition:background-color .35s var(--ease-out-cubic);flex-direction:column;display:flex}.grid-tile.is-hover{background-color:#ffffff09}.grid-stage{aspect-ratio:4/5;cursor:default;outline:none;max-height:calc(100svh - 168px);display:block;position:relative}.grid-art{pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.grid-stage{cursor:grab}.grid-tile.is-turning .grid-stage{cursor:grabbing!important}.grid-stage{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.grid-stage:focus-visible{box-shadow:inset 0 0 0 1px var(--fg)}.grid-head{pointer-events:none;row-gap:4px;display:grid;position:absolute;top:16px;left:16px;right:16px}.grid-cap{justify-content:space-between;align-items:center;gap:12px;min-height:30px;padding:4px 16px 20px;display:flex}.grid-ways{align-items:center;gap:12px;display:flex}.grid-way-name{color:var(--fg-muted);margin-right:4px}.grid-way:before{content:"";content:"";position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.grid-way{background:var(--swatch);cursor:pointer;border:0;border-radius:50%;width:14px;height:14px;padding:0;position:relative;box-shadow:inset 0 0 0 1px #ffffff47}.grid-way:after{content:"";border:1px solid #0000;border-radius:50%;transition:border-color .2s;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px}.grid-way[aria-checked=true]:after{border-color:var(--fg)}.grid-way:hover:after{border-color:var(--fg-muted)}.grid-way:focus-visible{outline:1px solid var(--fg);outline-offset:5px}.grid-name{font:italic 300 24px/28px var(--serif);letter-spacing:-.03em}.grid-sub{color:var(--fg-muted)}.grid-view{color:var(--fg);align-items:center;margin:-10px 0;padding:10px 0;text-decoration:none;display:flex}.grid-view .arrow{width:1.1rem;height:1.1rem;margin-left:.5rem}@media (hover:hover) and (pointer:fine){.grid-view{filter:opacity(0);transition:filter .25s var(--ease-out-cubic)}.grid-tile.is-hover .grid-view{filter:opacity()}.grid-view:focus-visible{filter:opacity()}.grid-stage{cursor:pointer}}.grid-reveal .grid-tile:not(.is-in) :is(.grid-head>*,.grid-cap>*,.grid-art){opacity:0}.grid-reveal .grid-tile.is-in .grid-head>:first-child{animation:s8-rise .7s var(--ease-out-cubic) var(--in,0s) both}.grid-reveal .grid-tile.is-in .grid-head>:nth-child(2){animation:s8-rise .7s var(--ease-out-cubic) calc(var(--in,0s) + 90ms) both}.grid-reveal .grid-tile.is-in .grid-cap>:first-child{animation:s8-rise .7s var(--ease-out-cubic) calc(var(--in,0s) + .38s) both}.grid-reveal .grid-tile.is-in .grid-cap>:nth-child(2){animation:s8-rise .7s var(--ease-out-cubic) calc(var(--in,0s) + .46s) both}.grid-tile:not(.is-loaded) .grid-art{opacity:0}.grid-reveal .grid-tile.is-in.is-loaded .grid-art{animation:s8-fade 1.2s var(--ease-out-cubic) calc(var(--in,0s) + 60ms) both}@media (max-width:900px){.grid-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.grid-main{padding:calc(64px + env(safe-area-inset-top,0px) + 48px + 12px) var(--gutter) 40px;padding-bottom:calc(40px + env(safe-area-inset-bottom,0px));justify-content:flex-start}.grid-list{grid-template-columns:1fr;gap:40px}.grid-tile+.grid-tile{border-top:1px solid var(--rule-nav);padding-top:28px}.grid-stage{aspect-ratio:4/5}.grid-cap{padding:16px 0 0}.grid-head{row-gap:6px;top:0;left:0;right:0}.grid-name{white-space:nowrap;font-size:26px;line-height:30px}.grid-view{white-space:nowrap}.grid-tile.is-hover{background:0 0}}.grid-list.is-waiting,.grid-list.is-pending-look{visibility:hidden}[data-look] .coll-head.sia-heading{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grid-empty{color:var(--fg-muted);grid-column:1/-1}.coll-head{max-width:880px;margin:0 0 48px;position:relative}.coll-head>*{animation:s8-rise .9s var(--ease-out-cubic) both}.coll-head>:nth-child(2){animation-delay:80ms}.coll-head>:nth-child(3){animation-delay:.16s}.coll-head>:nth-child(4){animation-delay:.24s}.coll-head>:nth-child(5){animation-delay:.32s}.coll-title{font:italic 300 88px/.95 var(--serif);letter-spacing:-.045em;margin:0}.coll-desc{max-width:520px;color:var(--fg-muted);margin:20px 0 0;font-size:17px;line-height:26px}.coll-desc:empty{display:none}@media (prefers-reduced-motion:reduce){.coll-head>*{animation:none}}[data-look=issue] .coll-head{border-bottom:1px solid var(--rule-nav);max-width:none;padding-bottom:32px}[data-look=issue] .grid-list{border-left:1px solid var(--rule-nav);border-top:1px solid var(--rule-nav);grid-template-columns:repeat(2,minmax(0,1fr));gap:0}[data-look=issue] .grid-tile{border-right:1px solid var(--rule-nav);border-bottom:1px solid var(--rule-nav);position:relative}[data-look=issue] .grid-tile:after{content:attr(data-n);pointer-events:none;font:500 12px/16px var(--mono);letter-spacing:.1em;color:var(--fg-muted);position:absolute;top:16px;right:16px}[data-look=issue] .grid-head{right:64px}[data-look=defense] .coll-head{max-width:none;padding-bottom:8px}[data-look=defense] .coll-title{font:500 120px/.9 var(--mono);letter-spacing:-.06em;text-transform:uppercase;font-style:normal}[data-look=defense] .grid-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}[data-look=defense] .grid-tile{padding:12px 12px 4px}[data-look=defense] .grid-tile.is-hover{background-color:#0000}[data-look=defense] .grid-name{font:500 20px/24px var(--mono);letter-spacing:-.03em;text-transform:uppercase}[data-look=defense] .grid-head{top:20px;left:16px;right:16px}[data-look=defense] .grid-cap{padding:22px 0 24px}@media (max-width:900px){.coll-title{font-size:64px}[data-look=defense] .coll-title{font-size:80px}}@media (max-width:760px){.coll-head{margin-bottom:32px}.coll-title{font-size:48px}[data-look=issue] .grid-list,[data-look=defense] .grid-list{grid-template-columns:1fr}[data-look=issue] .grid-list{border-left:0;gap:40px}[data-look=issue] .grid-tile{border-bottom:0;border-right:0}[data-look=issue] .grid-tile:first-child{padding-top:28px}[data-look=issue] .grid-tile:after{top:34px;right:0}[data-look=issue] .grid-head{right:40px}[data-look=defense] .coll-title{font-size:56px}[data-look=defense] .grid-head{top:14px;left:12px;right:12px}[data-look=defense] .grid-tile{padding:10px 10px 4px}[data-look=defense] .grid-tile+.grid-tile{border-top:0;margin-top:0}}.s8-reveal{opacity:0;transition:opacity .9s var(--ease-out-cubic) var(--d,0s), transform .9s var(--ease-out-cubic) var(--d,0s);transform:translateY(24px)}.s8-reveal.is-shown{opacity:1;transform:none}[data-look=defense] .grid-stage{background-color:#000;overflow:visible}[data-look] .grid-tile{container-type:inline-size}[data-look] .grid-stage{aspect-ratio:auto;height:min(125cqw,100svh - 250px);min-height:320px}[data-look=defense] .grid-stage{height:round(down,min(125cqw,100svh - 250px),8.33333cqw)}.df-rows,.df-cols{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.df-rows{transform-origin:0;background:linear-gradient(#ffffff38 1px,#0000 1px) 0 0/100% 8.33333cqw;box-shadow:inset 0 -1px #ffffff38}.df-cols{transform-origin:50% 0;background:linear-gradient(90deg,#ffffff38 1px,#0000 1px) 0 0/8.33333% 100%;box-shadow:inset -1px 0 #ffffff38}.df-mark{pointer-events:none;border:0 solid var(--fg);width:18px;height:18px;position:absolute}.df-mark-tl{border-width:1px 0 0 1px;top:-10px;left:-10px}.df-mark-tr{border-width:1px 1px 0 0;top:-10px;right:-10px}.df-mark-bl{border-width:0 0 1px 1px;bottom:-10px;left:-10px}.df-mark-br{border-width:0 1px 1px 0;bottom:-10px;right:-10px}.grid-reveal [data-look=defense] .grid-tile:-webkit-any(:not(.is-in),:not(.is-loaded)) :-webkit-any(.df-rows,.df-cols,.df-mark){opacity:0}.grid-reveal [data-look=defense] .grid-tile:is(:not(.is-in),:not(.is-loaded)) :is(.df-rows,.df-cols,.df-mark){opacity:0}.grid-reveal [data-look=defense] .grid-tile.is-in.is-loaded .df-rows{animation:df-trace-x .9s var(--ease-out-cubic) calc(var(--in,0s) + .9s) both}.grid-reveal [data-look=defense] .grid-tile.is-in.is-loaded .df-cols{animation:df-trace-y .9s var(--ease-out-cubic) calc(var(--in,0s) + 1.1s) both}.grid-reveal [data-look=defense] .grid-tile.is-in.is-loaded .df-mark{animation:df-blink .52s steps(1, end) calc(var(--in,0s) + 1.9s + var(--k) * .11s) both}@keyframes df-trace-x{0%{transform:scaleX(0)}to{transform:none}}@keyframes df-trace-y{0%{transform:scaleY(0)}to{transform:none}}@keyframes df-blink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){[data-look=defense] .grid-tile :-webkit-any(.df-rows,.df-cols,.df-mark){opacity:1!important;animation:none!important}[data-look=defense] .grid-tile :is(.df-rows,.df-cols,.df-mark){opacity:1!important;animation:none!important}}.df-frame{margin:0 0 40px;padding:40px 36px;position:relative}.df-frame .df-host{margin:0}.df-coord{font:400 12px/1 var(--mono);letter-spacing:.08em;white-space:nowrap;color:var(--fg);margin:0;position:absolute}.df-coord-top,.df-coord-bottom{align-items:center;gap:0;display:flex;left:50%;translate:-50%}.df-coord-top{top:12px}.df-coord-bottom{bottom:10px}.df-coord-top:before,.df-coord-top:after,.df-coord-bottom:before,.df-coord-bottom:after{content:"★";margin:0 40px;font-size:11px}.df-coord-left{writing-mode:vertical-rl;top:50%;left:10px;translate:0 -50%;rotate:180deg}.df-coord-right{writing-mode:vertical-rl;top:50%;right:10px;translate:0 -50%}.df-coord.s8-reveal{transform:none}@media (max-width:760px){.df-frame{padding:30px 24px}.df-coord{letter-spacing:.04em;font-size:10px}.df-coord-top,.df-coord-bottom{gap:0}.df-coord-top:before,.df-coord-top:after,.df-coord-bottom:before,.df-coord-bottom:after{margin:0 14px;font-size:9px}.df-coord-top{top:9px}.df-coord-bottom{bottom:8px}.df-coord-left{left:5px}.df-coord-right{right:5px}}.df-host{background:#000;height:clamp(440px,80vh,900px);margin:0 0 40px;position:relative;overflow:hidden}.df-frame{animation:none!important}.dogfight{cursor:pointer;outline:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.df-ui{pointer-events:none;color:#fff;position:absolute;top:0;bottom:0;left:0;right:0}.df-ui p{color:#fff;text-shadow:0 0 8px #000,0 0 2px #000;margin:0;position:absolute}.df-corner{top:16px;left:16px}.df-lives{letter-spacing:.3em;top:16px;right:16px}.df-big{text-align:center;font:500 clamp(28px, 5vw, 56px)/1 var(--mono);letter-spacing:-.04em;text-transform:uppercase;top:50%;left:0;right:0;transform:translateY(-60%)}.df-prompt{text-align:center;bottom:18px;left:0;right:0}.df-ui[data-mode=title] .df-prompt,.df-ui[data-mode=over] .df-prompt{animation:1.4s steps(2,jump-none) infinite df-blink}@media (prefers-reduced-motion:reduce){.df-ui .df-prompt{animation:none}}.df-host:after{content:"";z-index:1;pointer-events:none;-webkit-backdrop-filter:blur(8px);opacity:0;background:#0006;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0;right:0}.df-host:has(.df-entry:not([hidden])):after{opacity:1}.df-entry{background:var(--bg);border:1px solid var(--rule-nav);width:min(400px,100% - 32px);color:var(--fg);z-index:2;gap:16px;padding:28px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-38%);box-shadow:0 24px 64px #0009,0 4px 16px #00000080}.df-entry[hidden]{display:none}.df-entry-title{font:italic 300 32px/36px var(--serif);letter-spacing:-.045em}.df-entry-field{gap:8px;display:grid}.df-entry-field .label{color:var(--fg-muted)}.df-entry input{min-width:0;height:48px;color:var(--fg);border:1px solid var(--fg-faint);font:400 16px/24px var(--sans);letter-spacing:-.045em;background:0 0;border-radius:0;padding:0 16px;transition:border-color .2s}.df-entry input::placeholder{color:var(--fg-faint)}.df-entry input[name=initials]{width:120px;font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase}.df-entry input:hover{border-color:var(--rule)}.df-entry input:focus-visible{border-color:var(--fg);outline:none}.df-entry-note{color:var(--fg-muted);font-size:14px;line-height:20px}.df-entry-msg{font-size:14px;line-height:20px}.df-entry-msg:empty{display:none}.df-entry-actions{align-items:center;gap:24px;margin-top:4px;display:flex}.df-entry-skip{color:var(--fg-muted);cursor:pointer;background:0 0;border:0;padding:14px 0;transition:color .2s}.df-entry-skip:hover{color:var(--fg)}.df-board-open{z-index:2;cursor:pointer;color:var(--fg);border:1px solid var(--fg-faint);background:#0009;padding:10px 14px;transition:border-color .2s;position:absolute;bottom:14px;right:16px}.df-board-open:hover{border-color:var(--fg);outline:none}.df-board-open:focus-visible{border-color:var(--fg);outline:none}.df-board-open[hidden]{display:none}.df-host:has(.df-ui[data-mode=play]) .df-board-open{display:none}.df-host:has(.df-ui[data-mode=intro]) .df-board-open{display:none}.df-host:has(.df-entry:not([hidden])) .df-board-open{display:none}.df-scores{width:min(440px,100% - 32px);max-height:calc(100% - 32px);overflow:auto;transform:translate(-50%,-50%)}.df-scores .df-board-list{grid-template-columns:1fr}.df-scores .df-board-row:first-child,.df-scores .df-board-empty{border-top:1px solid var(--rule-nav)}.df-board{margin:-24px 0 40px}.df-board[hidden]{display:none}.df-board-head{border-bottom:1px solid var(--rule-nav);color:var(--fg-muted);justify-content:space-between;margin:0;padding:0 0 10px;display:flex}.df-board-list{grid-template-columns:repeat(2,1fr);column-gap:32px;margin:0;padding:0;list-style:none;display:grid}.df-board-row,.df-board-empty{border-bottom:1px solid var(--rule-nav);grid-template-columns:3ch 1fr auto;gap:16px;padding:10px 0;display:grid}.df-board-empty{color:var(--fg-muted);grid-column:1/-1;display:block}.df-board-rank{color:var(--fg-muted)}.df-board-name{letter-spacing:.3em}.df-board-gap{color:var(--fg-faint);text-align:center;border-bottom:1px solid var(--rule-nav);grid-column:1/-1;padding:6px 0}.df-board-row.is-mine{color:#fff;background:#ffffff14}@media (max-width:760px){.df-entry{gap:12px;padding:20px;top:auto;bottom:16px;transform:translate(-50%)}.df-board-list{grid-template-columns:1fr}}.coll-film{aspect-ratio:16/9;background:#000;margin:0 0 48px}.coll-film video{object-fit:cover;width:100%;height:100%;display:block}.emblem-veil{z-index:100;background:#000;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.emblem-mark{width:min(34vmin,204px);height:auto;overflow:visible}.emblem-shape{fill:#fff;fill-opacity:0;stroke:#fff;stroke-width:.35px;stroke-dasharray:1;stroke-dashoffset:1px;stroke-linejoin:round}.emblem-ring{fill:none;stroke:#fff;stroke-width:.6px;stroke-dasharray:1;stroke-dashoffset:1px}@media (prefers-reduced-motion:reduce){.emblem-shape{fill-opacity:1;stroke-dashoffset:0}.emblem-ring{stroke-dashoffset:0;stroke-width:2.2px}}@media (max-width:760px){.df-host{height:clamp(380px,74vh,640px);margin-bottom:28px}.coll-film{margin-bottom:32px}}.is-collection .index{display:none}.is-collection .grid-main{padding-left:calc(var(--gutter) + 16px)}.nav:has(.nav-crumb) .nav-mark{margin-right:0}.nav-crumb{font:italic 300 26px/1 var(--serif);letter-spacing:-.02em;color:var(--fg-muted);white-space:nowrap;align-items:baseline;gap:12px;min-width:0;margin-left:-19px;margin-right:auto;padding:10px 0;display:flex}.nav-crumb-here{text-overflow:ellipsis;overflow:hidden}.nav-crumb-sep{color:var(--fg-faint);font-style:normal}.is-collection .grid-main{padding-top:calc(80px + env(safe-area-inset-top,0px) + 24px)}.index-head{color:var(--fg-muted);margin:24px 0 8px;font-size:9.6px}@media (max-width:760px){.is-collection .grid-main{padding:calc(64px + env(safe-area-inset-top,0px) + 12px) var(--gutter) 40px}.nav-crumb{gap:8px;margin-left:-21px;font-size:22px}.index-head-row{display:none}}.legal{padding:0 calc(var(--gutter) + 16px) calc(40px + env(safe-area-inset-bottom,0px)) calc(min(280px, 22vw) + 32px);font:400 8px/12px var(--mono);letter-spacing:.02em;color:#5c5c5c}.legal summary{cursor:pointer;letter-spacing:.1em;text-transform:uppercase;color:#6e6e6e;gap:6px;padding:8px 0;font-weight:500;list-style:none;transition:color .2s;display:inline-flex}.legal summary::-webkit-details-marker{display:none}.legal summary:after{content:"+"}.legal details[open] summary:after{content:"−"}.legal summary:hover{color:var(--fg-muted)}.legal summary:focus-visible{color:var(--fg-muted)}.legal summary:focus-visible{outline:1px solid var(--fg-muted);outline-offset:2px}.legal p{max-width:900px;margin:0}.legal summary+p{margin-top:4px}.legal p+p{margin-top:8px}.is-collection .legal{padding-left:calc(var(--gutter) + 32px)}@media (max-width:760px){.legal,.is-collection .legal{padding-left:var(--gutter);padding-right:var(--gutter)}}