@font-face{font-family:"Playfair Display";font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/playfair-display-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/playfair-display-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:900;font-display:swap;src:url(/static/fonts/playfair-display-cyrillic-900-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:900;font-display:swap;src:url(/static/fonts/playfair-display-latin-900-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"PT Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/pt-sans-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"PT Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/pt-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"PT Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/pt-sans-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"PT Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/pt-sans-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"PT Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/pt-mono-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"PT Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/pt-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --paper:#f1e8d6;--paper2:#e8dcc4;--card:#fbf6ec;--ink:#1c1915;--muted:#6b6152;
  --line:#cdbfa3;--red:#c23b22;--red2:#a32e19;--amber:#d99a1e;--green:#3d7a4b;--orange:#d06a23;--stage:#0f0d0b;
  --serif:"Playfair Display",Georgia,"Times New Roman",serif;--sans:"PT Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"PT Mono",ui-monospace,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--sans)}
a{color:var(--red2);text-underline-offset:2px}
a:hover{color:var(--red)}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.15;letter-spacing:-.01em}
h1{font-size:clamp(28px,5vw,44px);margin:.2em 0 .35em}
h2{font-size:clamp(21px,3vw,27px);margin:1.6em 0 .5em}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
main.wrap{padding-bottom:48px;min-height:60vh}
img,video{max-width:100%}
.small{font-size:14px;color:var(--muted)}
.lead{font-size:19px;max-width:44em}
.note{background:var(--card);border-left:4px solid var(--amber);padding:12px 16px;max-width:44em}
.spoiler{background:var(--ink);color:var(--paper);padding:10px 14px;border-radius:4px;font-size:15px;max-width:44em}
code{font-family:var(--mono);font-size:14px}
.top{background:var(--ink);color:var(--paper);border-bottom:6px solid var(--red)}
.top .wrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.logo{display:flex;align-items:center;gap:10px;color:var(--paper);text-decoration:none;font:700 24px/1 var(--serif)}
.logo b{color:#f0b94a;font-weight:900}
.logo:hover{color:#fff}
.mark .m1{fill:#2c2721;stroke:#f1e8d6;stroke-width:1.4}.mark .m2{fill:#f1e8d6}.mark .m3{fill:#f1e8d6}.mark .m4{fill:#c23b22}
.menu{display:flex;gap:4px 16px;flex-wrap:wrap;margin-left:auto}
.menu a{color:#e9dfcb;text-decoration:none;font-size:15px;padding:4px 0;border-bottom:2px solid transparent}
.menu a:hover,.menu a.on{color:#fff;border-bottom-color:#f0b94a}
.crumbs{font-size:14px;color:var(--muted);margin:18px 0 0}
.crumbs a{color:var(--muted)}
.play main.wrap{max-width:860px}
.game{margin:18px 0 10px}
.gbar{display:flex;justify-content:space-between;gap:10px;font:400 14px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:0 2px 8px}
.gbar b{color:var(--ink);font-weight:700}
.reel{background:var(--stage);padding:22px 0;border-radius:6px;position:relative;box-shadow:0 10px 30px -18px #000}
.reel::before,.reel::after{content:"";position:absolute;left:10px;right:10px;height:10px;
  background:repeating-linear-gradient(90deg,#e9dfcb 0 14px,transparent 14px 30px);opacity:.85;border-radius:2px}
.reel::before{top:6px}.reel::after{bottom:6px}
.frame{position:relative;margin:0 auto;aspect-ratio:4/3;max-height:62vh;background:#000;overflow:hidden}
.frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.leader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#3a352d 0 30%,#141210 31% 100%);color:#e9dfcb;font:700 18px/1.3 var(--mono);text-align:center;padding:20px}
.leader[hidden]{display:none}
.dial{text-align:center;margin:18px auto 0;max-width:640px}
.dial output{display:block;font:700 clamp(54px,12vw,84px)/1 var(--mono);letter-spacing:-.02em}
.dial input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;margin:6px 0 0;cursor:pointer}
.dial input[type=range]::-webkit-slider-runnable-track{height:16px;border-radius:3px;border:2px solid var(--ink);
  background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 12.658%),repeating-linear-gradient(90deg,#a99c84 0 1px,transparent 1px 1.2658%),var(--card)}
.dial input[type=range]::-moz-range-track{height:12px;border-radius:3px;border:2px solid var(--ink);
  background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 12.658%),repeating-linear-gradient(90deg,#a99c84 0 1px,transparent 1px 1.2658%),var(--card)}
.dial input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:40px;margin-top:-14px;border-radius:4px;background:var(--red);border:2px solid var(--ink)}
.dial input[type=range]::-moz-range-thumb{width:18px;height:36px;border-radius:4px;background:var(--red);border:2px solid var(--ink)}
.dial input[type=range]:focus-visible{outline:3px solid var(--amber);outline-offset:4px}
.ticks{position:relative;height:16px;margin:2px 11px 0;font:400 12px/1 var(--mono);color:var(--muted)}
.ticks span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.ticks span:nth-child(1){left:0}.ticks span:nth-child(2){left:12.658%}.ticks span:nth-child(3){left:25.316%}.ticks span:nth-child(4){left:37.975%}
.ticks span:nth-child(5){left:50.633%}.ticks span:nth-child(6){left:63.291%}.ticks span:nth-child(7){left:75.949%}.ticks span:nth-child(8){left:88.608%}
.nudge{display:flex;justify-content:center;gap:8px;margin:16px 0 12px}
button{font:700 15px/1 var(--sans);cursor:pointer}
.nudge button,.ghost{background:var(--card);color:var(--ink);border:2px solid var(--ink);border-radius:4px;padding:9px 14px;font-family:var(--mono)}
.nudge button:hover,.ghost:hover{background:#fff}
.go{background:var(--red);color:#fff;border:2px solid var(--ink);border-radius:4px;padding:14px 34px;font-size:18px;box-shadow:3px 3px 0 var(--ink)}
.go:hover{background:var(--red2)}
.go:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.go:disabled{background:#b3a993;cursor:default;box-shadow:none}
.reveal,.final{background:var(--card);border:2px solid var(--ink);border-radius:6px;padding:18px 20px;margin:18px 0;box-shadow:4px 4px 0 var(--ink)}
.reveal .kicker,.final .kicker{font:700 13px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 6px}
.reveal h2,.final h2{margin:0 0 6px}
.reveal .yrs{display:flex;gap:22px;flex-wrap:wrap;font-family:var(--mono);margin:12px 0}
.reveal .yrs div{min-width:96px}
.reveal .yrs small{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.reveal .yrs b{font-size:30px}
.reveal .pts{color:var(--green)}
.reveal .links a{margin-right:16px;white-space:nowrap}
.reveal .go,.final .go{margin-top:12px}
.sq{font:400 26px/1.2 var(--mono);letter-spacing:4px;margin:8px 0}
.sq i{display:inline-block;width:26px;height:26px;border:2px solid var(--ink);border-radius:3px;margin-right:4px;vertical-align:middle}
.sq .g{background:var(--green)}.sq .y{background:var(--amber)}.sq .o{background:var(--orange)}.sq .r{background:var(--red)}
.final .big{font:700 clamp(40px,9vw,64px)/1 var(--mono);margin:6px 0}
.final ol{padding-left:22px}
.final li{margin:4px 0}
.copied{color:var(--green);font-weight:700;margin-left:10px}
.pool{font-size:14px;color:var(--muted);text-align:center}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:18px 0}
.stats .t{background:var(--card);border:2px solid var(--ink);border-radius:6px;padding:12px}
.stats .t b{display:block;font:700 32px/1.1 var(--mono)}
.stats .t span{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.dist{grid-column:1/-1;background:var(--card);border:2px solid var(--ink);border-radius:6px;padding:12px}
.dist div{display:flex;align-items:center;gap:8px;margin:4px 0;font:400 13px/1 var(--mono)}
.dist div span:first-child{width:96px;flex:none}
.dist i{display:block;height:16px;background:var(--ink);min-width:2px}
.decs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.decs a{border:2px solid var(--ink);border-radius:4px;padding:6px 12px;text-decoration:none;color:var(--ink);font:700 15px/1 var(--mono);background:var(--card)}
.decs a:hover{background:var(--ink);color:var(--paper)}
.decs small{color:var(--muted);font-weight:400}
.films{list-style:none;padding:0;margin:0;border-top:2px solid var(--ink)}
.films li{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:10px 0;border-bottom:1px solid var(--line)}
.films li a{display:flex;gap:12px;text-decoration:none;color:var(--ink);font-weight:700}
.films li a:hover .t{text-decoration:underline;color:var(--red2)}
.films .y{font-family:var(--mono);color:var(--red2);flex:none}
.films .m{grid-column:1;font-size:14px;color:var(--muted);padding-left:58px}
.films .n{grid-column:2;grid-row:1;font:400 13px/1.5 var(--mono);color:var(--muted);white-space:nowrap}
.more a{font-weight:700}
.film header{border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:16px}
.kicker{font:700 15px/1 var(--mono);color:var(--red2);letter-spacing:.06em;margin:18px 0 0}
.film .by{color:var(--muted);margin:0}
.filmgrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px}
.clips h2{margin-top:0;font-size:20px}
.clip{margin:0 0 20px}
.pl{display:block;width:100%;height:auto;background:#000;border-radius:4px;aspect-ratio:4/3}
.clip figcaption{font:400 13px/1.4 var(--mono);color:var(--muted);margin-top:6px}
.side .facts{width:100%;border-collapse:collapse;font-size:15px}
.facts th{text-align:left;font-weight:700;color:var(--muted);padding:6px 10px 6px 0;vertical-align:top;white-space:nowrap}
.facts td{padding:6px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.credit{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:12px;margin:16px 0}
.credit p{margin:0 0 6px;font-size:14px;color:var(--muted)}
.credit code{display:block;font-size:13px;margin-bottom:8px;overflow-wrap:anywhere}
.copy{background:var(--ink);color:var(--paper);border:0;border-radius:3px;padding:7px 12px;font-size:13px}
.adesc h2{font-size:18px;margin-top:20px}
.adesc p{font-size:15px}
.fullfilm{margin-top:28px}
.prevnext{display:flex;justify-content:space-between;gap:16px;margin:28px 0 0;font-size:15px}
.prevnext a:last-child{text-align:right}
.text{max-width:44em}
.text p{margin:.6em 0 1em}
.nf .kicker{font-size:40px;margin-top:30px}
.mailform{display:grid;gap:14px;max-width:560px;margin:20px 0}
.mailform label{display:grid;gap:5px;font-weight:700;font-size:15px}
.mailform input[type=text],.mailform input[type=email],.mailform select,.mailform textarea{font:400 16px/1.4 var(--sans);padding:10px 12px;border:2px solid var(--ink);border-radius:4px;background:var(--card);color:var(--ink);width:100%}
.mailform .chk{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.mailform .chk input{margin-top:5px}
.mailform .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mailform .go{justify-self:start}
.bottom{background:var(--paper2);border-top:2px solid var(--ink);padding:20px 0 26px;font-size:15px;color:#4c4438}
.bottom a{color:#4c4438}
@media (max-width:760px){
  body{font-size:16px}
  .filmgrid{grid-template-columns:1fr}
  .menu{margin-left:0;width:100%;gap:2px 14px}
  .reel{padding:16px 0;border-radius:0;margin:0 -16px}
  .reel::before,.reel::after{height:7px;background:repeating-linear-gradient(90deg,#e9dfcb 0 10px,transparent 10px 22px)}
  .reel::before{top:4px}.reel::after{bottom:4px}
  .films .m{padding-left:0}
  .films li{grid-template-columns:1fr}
  .films .n{grid-column:1;grid-row:auto}
  .ticks span:nth-child(even){visibility:hidden}
  .nudge button{padding:9px 11px}
}