/* scp012.info — fight-night riso poster. Two inks (corner red + corner blue) overprinted on warm newsprint. */
:root{
  --paper:#efe8da;--paper-2:#e4dac6;--card:#f8f4ea;--ink:#1d1a2a;--ink-2:#353044;--muted:#58525f;
  --red:#c42038;--red-ink:#a3172d;--red-soft:#f3c9c9;--blue:#2446b5;--blue-ink:#1d3a9a;--blue-soft:#cbd5f3;--yellow:#f2c230;
  --line:rgba(29,26,42,.2);--line-2:rgba(29,26,42,.38);
  --f-disp:"Chonburi","Noto Serif Thai",Georgia,serif;--f-body:"Anuphan","Noto Sans Thai",system-ui,-apple-system,"Segoe UI",sans-serif;
  /* game runtime tokens */
  --surface:var(--card);--surface-2:var(--paper);--border:var(--line-2);--heading:var(--ink);--text:var(--ink);
  --primary:var(--red);--primary-contrast:#fff8ee;--accent:var(--yellow);--font-body:var(--f-body);--font-head:var(--f-disp);
  --wrap:1240px;--gut:clamp(16px,4vw,40px);--hd:64px
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.8 var(--f-body);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:lang(en) body,body:lang(en){line-height:1.65}
img,svg{max-width:100%}
a{color:var(--red-ink);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--yellow);outline-offset:2px;box-shadow:0 0 0 6px var(--ink);border-radius:1px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-80px;z-index:100;background:var(--ink);color:var(--card);padding:12px 18px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
h1,h2,h3{font-family:var(--f-disp);font-weight:400;color:var(--ink);margin:0}
:lang(en) h1,:lang(en) h2{letter-spacing:-.01em}
p{margin:0 0 1em}

/* ---------- header: poster billing strip ---------- */
.bill{position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:3px solid var(--ink)}
.bill::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--ink);pointer-events:none}
.bill-in{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut);display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"mark langs toggle";align-items:center;gap:10px;min-height:var(--hd)}
.mark{grid-area:mark;display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;min-height:48px;min-width:0}
.mark-ko{position:relative;flex:0 0 auto;width:32px;height:32px;border:2px solid var(--ink);background:var(--card);overflow:hidden}
.mark-ko i{position:absolute;inset:0}
.mark-ko i:first-child{background:var(--red);clip-path:polygon(0 0,100% 0,0 100%)}
.mark-ko i:last-child{background:var(--blue);clip-path:polygon(100% 100%,100% 0,0 100%);transform:translate(2px,2px)}
.mark-name{font:400 22px/1 var(--f-disp);white-space:nowrap;padding-top:2px}
.mark-tag{font:600 12px/1.2 var(--f-body);color:var(--red-ink);border-left:2px solid var(--line-2);padding-left:10px;white-space:nowrap}
.mark-tag:lang(en){text-transform:uppercase;letter-spacing:.14em;font-size:11px}
.langs{grid-area:langs;display:flex;border:2px solid var(--ink)}
.langs a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:40px;padding:0 10px;font:700 13px/1 var(--f-body);letter-spacing:.08em;color:var(--ink);text-decoration:none}
.langs a+a{border-left:2px solid var(--ink)}
.langs a[aria-current]{background:var(--ink);color:var(--card)}
.langs a:not([aria-current]):hover{background:var(--yellow)}
.bill-toggle{grid-area:toggle;display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:44px;padding:0 14px;border:2px solid var(--ink);background:var(--red);color:#fff8ee;font:700 15px/1 var(--f-body);cursor:pointer;box-shadow:3px 3px 0 var(--ink)}
.bill-toggle:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.bars{display:grid;gap:4px;width:18px}
.bars i{display:block;height:2px;background:currentColor;transition:transform .2s,opacity .2s}
.bill.is-open .bars i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.bill.is-open .bars i:nth-child(2){opacity:0}
.bill.is-open .bars i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.bill-nav{display:none;position:absolute;left:0;right:0;top:100%;margin-top:8px;background:var(--paper);border-bottom:3px solid var(--ink);max-height:calc(100vh - 80px);overflow-y:auto;padding:6px var(--gut) 22px;box-shadow:0 18px 30px -18px rgba(29,26,42,.45)}
.bill.is-open .bill-nav{display:block}
.bill-nav ol{list-style:none;margin:0;padding:0}
.bill-nav li{border-bottom:1px solid var(--line)}
.bill-nav a{display:flex;align-items:center;gap:14px;min-height:54px;color:var(--ink);text-decoration:none;font-weight:600;font-size:17px;line-height:1.4}
.nv-n{font:400 13px/1 var(--f-disp);color:var(--red);min-width:24px}
.bill-nav a[aria-current] .nv-l{box-shadow:inset 0 -.45em 0 var(--red-soft)}
.bill-nav a:hover .nv-l{box-shadow:inset 0 -.45em 0 var(--yellow)}
.bill-play{display:flex;align-items:center;justify-content:center;margin-top:18px;min-height:52px;padding:10px 18px;background:var(--red);color:#fff8ee!important;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:700;text-decoration:none}
@media (prefers-reduced-motion:no-preference){.bill.is-open .bill-nav{animation:drop .22s ease-out}@keyframes drop{from{transform:translateY(-8px);opacity:.4}to{transform:none;opacity:1}}}
@media (max-width:420px){.mark-tag{display:none}.bill-toggle-l{display:none}.bill-toggle{padding:0 12px}}
@media (min-width:980px){
  .bill{position:sticky}
  .bill-in{grid-template-columns:auto 1fr auto;grid-template-areas:"mark nav langs";gap:28px;min-height:72px}
  .bill-toggle{display:none}
  .bill-nav{grid-area:nav;display:flex;align-items:center;justify-content:flex-end;gap:18px;position:static;margin:0;padding:0;border:0;box-shadow:none;background:none;max-height:none;overflow:visible}
  .bill-nav ol{display:flex;align-items:stretch}
  .bill-nav li{border:0;border-left:1px solid var(--line-2)}
  .bill-nav li:last-child{border-right:1px solid var(--line-2)}
  .bill-nav a{flex-direction:column;align-items:flex-start;justify-content:center;gap:0;min-height:52px;padding:4px 12px;font-size:14.5px;line-height:1.35}
  .nv-n{font-size:11px;min-width:0}
  .bill-play{margin:0;min-height:46px;font-size:14.5px;white-space:nowrap;padding:8px 16px}
}
@media (min-width:980px) and (max-width:1199px){.bill-play{display:none}.mark-tag{display:none}}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 24px;border:2px solid var(--ink);font:700 16px/1.3 var(--f-body);text-decoration:none;text-align:center;box-shadow:5px 5px 0 var(--ink);transition:transform .15s,box-shadow .15s,background .15s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}
.btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}
.btn-red{background:var(--red);color:#fff8ee}
.btn-red:hover{color:#fff8ee}
.btn-paper{background:var(--card);color:var(--ink)}
.btn-paper:hover{color:var(--ink);background:var(--yellow)}
.btn-ghost{background:transparent;color:#fff8ee;border-color:#fff8ee;box-shadow:none}
.btn-ghost:hover{color:var(--ink);background:#fff8ee;box-shadow:5px 5px 0 var(--ink)}

/* ---------- home hero: red corner / blue corner ---------- */
.bout{background:var(--red);border-bottom:3px solid var(--ink);margin-top:8px}
.bout-in{display:grid;max-width:1440px;margin:0 auto}
.corner{position:relative;min-width:0;padding:40px var(--gut) 48px}
.corner-red{color:#fff8ee;isolation:isolate}
.corner-red::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle,rgba(29,26,42,.22) 1.3px,transparent 1.6px) 0 0/10px 10px;-webkit-mask:linear-gradient(200deg,transparent 45%,#000 100%);mask:linear-gradient(200deg,transparent 45%,#000 100%)}
.corner-blue{background:var(--blue);padding-inline:clamp(10px,3vw,40px);isolation:isolate}
.corner-blue::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle,rgba(255,248,238,.16) 1.3px,transparent 1.6px) 0 0/10px 10px;-webkit-mask:linear-gradient(20deg,transparent 40%,#000 100%);mask:linear-gradient(20deg,transparent 40%,#000 100%)}
.billing{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:6px 12px;border:2px solid #fff8ee;font:700 13.5px/1.5 var(--f-body)}
.billing:lang(en){text-transform:uppercase;letter-spacing:.1em;font-size:12px}
.dot{width:9px;height:9px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 2px var(--ink)}
.corner-red h1{color:#fff8ee;font-size:clamp(2rem,1.2rem + 3.6vw,3.7rem);line-height:1.38;text-shadow:.06em .06em 0 var(--blue);max-width:15em;margin-bottom:22px}
.corner-red h1:lang(en){font-size:clamp(2.1rem,1.1rem + 4.2vw,4.3rem);line-height:1.08}
.corner-red .lead{max-width:36em;font-size:18px;color:#fff3ea}
.corner-red .lead p{margin:0}
.acts{display:flex;flex-wrap:wrap;gap:14px 18px;margin:28px 0 30px}
.chips{list-style:none;margin:0;padding:18px 0 0;border-top:2px dashed rgba(255,248,238,.55);display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14.5px;font-weight:600;line-height:1.5}
.chips li{display:flex;align-items:center;gap:8px}
.chips li::before{content:"";width:10px;height:10px;flex:0 0 auto;background:#fff8ee;box-shadow:2px 2px 0 var(--ink)}
@media (prefers-reduced-motion:no-preference){.corner-red h1{animation:reg .9s cubic-bezier(.2,.7,.2,1) both}@keyframes reg{from{text-shadow:.2em .1em 0 var(--blue)}to{text-shadow:.06em .06em 0 var(--blue)}}}

.ring{position:relative;max-width:560px;margin:14px auto 0;background:var(--card);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:0 14px 14px}
.ring::before,.ring::after{content:"";position:absolute;top:-14px;width:18px;height:62px;border:3px solid var(--ink);z-index:1;pointer-events:none}
.ring::before{left:-14px;background:var(--red)}
.ring::after{right:-14px;background:var(--blue-soft)}
.ropes{display:grid;gap:5px;margin:0 -14px;padding:12px 0 0}
.ropes i{height:5px;border-block:1.5px solid var(--ink)}
.ropes i:nth-child(1){background:var(--red)}
.ropes i:nth-child(2){background:#fff8ee}
.ropes i:nth-child(3){background:var(--blue)}
.ring-cap{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 10px;font:400 17px/1.4 var(--f-disp);color:var(--ink)}
.ring-tag{font:700 12px/1 var(--f-body);background:var(--yellow);color:var(--ink);border:2px solid var(--ink);padding:6px 9px;transform:rotate(-3deg)}
.ring-tag:lang(en){text-transform:uppercase;letter-spacing:.12em}
@media (max-width:420px){.ring{padding:0 10px 12px;box-shadow:5px 5px 0 var(--ink)}.ropes{margin:0 -10px}.ring::before{left:-9px;width:12px}.ring::after{right:-9px;width:12px}}
@media (min-width:1000px){
  .bout{background:linear-gradient(90deg,var(--red) 50%,var(--blue) 50%)}
  .bout-in{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
  .corner{padding-block:64px 72px}
  .corner-red{padding-left:max(var(--gut),calc((100vw - var(--wrap))/2 + var(--gut)));padding-right:48px;padding-top:80px}
  .corner-blue{padding-inline:48px;display:flex;align-items:center}
  .ring{width:100%}
}

/* ---------- inner page head ---------- */
.phead{position:relative;margin-top:8px;background:var(--paper-2);isolation:isolate;overflow:hidden}
.phead::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle,rgba(36,70,181,.2) 1.3px,transparent 1.6px) 0 0/10px 10px;-webkit-mask:linear-gradient(250deg,#000,transparent 55%);mask:linear-gradient(250deg,#000,transparent 55%)}
.phead-in{max-width:var(--wrap);margin:0 auto;padding:22px var(--gut) 40px}
.crumbs ol{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;align-items:center;font-size:14px;font-weight:600}
.crumbs li{display:flex;align-items:center;min-width:0}
.crumbs li+li::before{content:"";width:14px;height:2px;background:var(--red);margin:0 10px;transform:rotate(-55deg)}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink)}
.crumbs [aria-current]{color:var(--muted);display:inline-block;padding:10px 0;line-height:1.5}
.phead h1{font-size:clamp(1.8rem,1.1rem + 3vw,3.3rem);line-height:1.4;max-width:20em;text-shadow:.05em .05em 0 rgba(196,32,56,.45);margin-bottom:18px}
.phead h1:lang(en){line-height:1.1;font-size:clamp(2rem,1.1rem + 3.4vw,3.7rem)}
.phead .lead{max-width:44em;font-size:18.5px;color:var(--ink-2)}
.phead .lead p{margin:0}
.phead-ropes{display:grid;gap:4px;padding-bottom:4px;background:var(--paper)}
.phead-ropes i{height:6px;border-block:1.5px solid var(--ink)}
.phead-ropes i:nth-child(1){background:var(--red)}
.phead-ropes i:nth-child(2){background:var(--card)}
.phead-ropes i:nth-child(3){background:var(--blue)}
.phead-legal h1{text-shadow:none}

/* ---------- article: rounds ---------- */
.sheet{max-width:var(--wrap);margin:0 auto;padding:48px var(--gut) 72px}
.sheet-grid{display:grid;gap:48px}
@media (min-width:1100px){.sheet-grid{grid-template-columns:minmax(0,1fr) 300px;gap:64px}}
.article{container-type:inline-size;min-width:0}
.prelude{max-width:44em;font-size:18px;margin-bottom:40px;padding-left:18px;border-left:4px solid var(--red)}
.round{display:grid;grid-template-columns:128px minmax(0,1fr);gap:0 36px;padding:36px 0 18px;border-top:2px solid var(--ink);position:relative}
.round::before{content:"";position:absolute;left:0;top:-2px;width:128px;height:6px;background:var(--red)}
.round-b::before{background:var(--blue)}
.round-no{display:flex;flex-direction:column;align-items:flex-start;position:sticky;top:96px;align-self:start}
.round-no span{font:700 13px/1.4 var(--f-body);color:var(--red-ink)}
.round-no span:lang(en){text-transform:uppercase;letter-spacing:.16em;font-size:11.5px}
.round-b .round-no span{color:var(--blue-ink)}
.round-no b{font:400 76px/1 var(--f-disp);color:transparent;-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--red-soft);margin-top:4px}
.round-b .round-no b{text-shadow:5px 5px 0 var(--blue-soft)}
.round-body{max-width:46em;min-width:0}
@container (max-width:620px){
  .round{grid-template-columns:1fr;padding-top:26px}
  .round-no{position:static;flex-direction:row;align-items:baseline;gap:10px;margin-bottom:8px}
  .round-no b{font-size:44px;-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px 0 var(--red-soft)}
  .round-b .round-no b{text-shadow:3px 3px 0 var(--blue-soft)}
}
.round-body h2,.faq-head h2{font-size:clamp(1.45rem,1.1rem + 1.4vw,2.1rem);line-height:1.5;margin:0 0 18px}
.round-body h2:lang(en),.faq-head h2:lang(en){line-height:1.18}
.article h3{font:700 19px/1.5 var(--f-body);margin:28px 0 10px;padding-left:14px;border-left:4px solid var(--yellow)}
.article strong{font-weight:700;color:var(--ink)}
.article em{font-style:normal;background:linear-gradient(transparent 62%,rgba(242,194,48,.55) 62%)}
.article ul,.article ol{margin:0 0 1.3em;padding:0}
.article ul{list-style:none}
.article ul>li{position:relative;padding-left:26px;margin-bottom:.55em}
.article ul>li::before{content:"";position:absolute;left:2px;top:.72em;width:9px;height:9px;background:var(--red);box-shadow:2px 2px 0 var(--ink)}
.round-b .round-body ul>li::before{background:var(--blue)}
.article ol{list-style:none;counter-reset:o}
.article ol>li{counter-increment:o;position:relative;padding-left:44px;margin-bottom:.8em}
.article ol>li::before{content:counter(o);position:absolute;left:0;top:.18em;width:30px;height:30px;display:grid;place-items:center;border:2px solid var(--ink);background:var(--card);font:400 14px/1 var(--f-disp);box-shadow:2px 2px 0 var(--red)}
.tbl{overflow-x:auto;margin:0 0 1.5em;border:2px solid var(--ink);background:var(--card);-webkit-overflow-scrolling:touch}
.tbl table{border-collapse:collapse;width:100%;min-width:480px;font-size:15.5px;line-height:1.6}
.tbl th{background:var(--ink);color:var(--card);text-align:left;font-weight:700;padding:10px 14px}
.tbl td{padding:10px 14px;border-top:1px solid var(--line);vertical-align:top}
.tbl tr:nth-child(even) td{background:rgba(228,218,198,.45)}

/* FAQ */
.faq{margin-top:36px;padding-top:30px;border-top:2px solid var(--ink);position:relative}
.faq::before{content:"";position:absolute;left:0;top:-2px;width:128px;height:6px;background:var(--yellow)}
.faq-list{border-bottom:2px solid var(--ink)}
.faq details{border-top:1px solid var(--line-2)}
.faq summary{display:grid;grid-template-columns:auto minmax(0,1fr) 36px;align-items:center;gap:14px;min-height:60px;padding:12px 0;cursor:pointer;list-style:none;font-weight:700;font-size:17.5px;line-height:1.55}
.faq summary::-webkit-details-marker{display:none}
.q-n{font:400 15px/1 var(--f-disp);color:var(--red);min-width:24px}
.q-x{position:relative;width:36px;height:36px;border:2px solid var(--ink);background:var(--card)}
.q-x::before,.q-x::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;background:var(--ink);transition:transform .2s}
.q-x::after{transform:rotate(90deg)}
.faq details[open] .q-x{background:var(--ink)}
.faq details[open] .q-x::before{background:var(--card)}
.faq details[open] .q-x::after{transform:rotate(0);background:var(--card)}
.faq summary:hover .q-t{box-shadow:inset 0 -.4em 0 var(--yellow)}
.faq .a{padding:0 50px 16px 0;max-width:46em}
@container (min-width:621px){.faq{display:grid;grid-template-columns:128px minmax(0,1fr);gap:0 36px}.faq-head{grid-column:1/-1}.faq-list{grid-column:2}}

.callout{margin-top:44px;background:var(--red);color:#fff8ee;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--blue);padding:28px clamp(18px,4vw,36px);display:grid;gap:18px;align-items:center}
.callout p{margin:0;font:400 clamp(1.15rem,1rem + .7vw,1.5rem)/1.6 var(--f-disp)}
.callout .btn{justify-self:start;background:var(--card);color:var(--ink)}
@container (min-width:700px){.callout{grid-template-columns:1fr auto}}

/* side rail: fight card */
.rail{min-width:0}
.rail-in{display:grid;gap:28px}
@media (min-width:1100px){.rail-in{position:sticky;top:100px}}
@media (max-width:1099px){.toc,.sheet-home .rail{display:none}}
.toc{border:2px solid var(--ink);background:var(--card)}
.rail-t{margin:0;padding:10px 16px;background:var(--ink);color:var(--card);font:700 13px/1.5 var(--f-body)}
.rail-t:lang(en){text-transform:uppercase;letter-spacing:.14em;font-size:12px}
.toc ol{list-style:none;margin:0;padding:6px 0;max-height:calc(100vh - 380px);overflow-y:auto}
.toc a{display:grid;grid-template-columns:28px 1fr;gap:6px;padding:8px 14px 8px 12px;min-height:44px;color:var(--ink);text-decoration:none;font-size:14.5px;line-height:1.5;border-left:4px solid transparent}
.toc a span{font:400 12px/1.9 var(--f-disp);color:var(--muted)}
.toc a:hover{background:var(--paper)}
.toc a[aria-current]{border-left-color:var(--red);background:var(--paper)}
.toc a[aria-current] span{color:var(--red)}
.demo-card{background:var(--blue);color:#fff8ee;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:22px 20px}
.demo-t{font:400 20px/1.45 var(--f-disp);margin:0 0 8px}
.demo-card p{font-size:15.5px;line-height:1.7}
.demo-card .btn{width:100%;margin-top:6px}

/* ---------- undercard (related) ---------- */
.undercard{background:var(--paper-2);border-top:3px solid var(--ink);position:relative}
.undercard::before{content:"";position:absolute;left:0;right:0;top:5px;height:2px;background:var(--ink)}
.undercard-in{max-width:var(--wrap);margin:0 auto;padding:52px var(--gut) 64px}
.uc-t{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);line-height:1.45;margin-bottom:28px}
.uc-t:lang(en){line-height:1.15}
.bcards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:26px}
.bcard{display:flex;flex-direction:column;gap:8px;height:100%;padding:20px 20px 22px;background:var(--card);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--red);color:var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s}
.bcard-b{box-shadow:6px 6px 0 var(--blue)}
.bcard:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink);color:var(--ink)}
.bcard-n{font:400 34px/1 var(--f-disp);color:transparent;-webkit-text-stroke:1.5px var(--ink)}
.bcard strong{font-size:18px;line-height:1.5}
.bcard-d{font-size:15px;line-height:1.65;color:var(--muted)}

/* ---------- footer: ticket stub ---------- */
.foot{background:var(--ink);color:#e9e2d4;position:relative}
.foot-perf{height:14px;background:radial-gradient(circle at 12px 0,var(--perf,var(--paper)) 7px,transparent 7.5px) 0 0/24px 14px repeat-x}
.foot-in{max-width:var(--wrap);margin:0 auto;padding:40px var(--gut) 28px;display:grid;gap:32px}
@media (min-width:860px){.foot-in{grid-template-columns:1.6fr 1fr 1fr;gap:48px}}
.foot .mark{color:#fff8ee}
.foot .mark-ko{border-color:#fff8ee}
.foot .mark-tag{color:var(--yellow);border-left-color:rgba(255,248,238,.35)}
.foot-disc{margin:16px 0 0;font-size:15px;line-height:1.75;color:#cfc7b8;max-width:36em}
.foot-h{margin:0 0 8px;font:400 17px/1.4 var(--f-disp);color:#fff8ee}
.foot-col ul{list-style:none;margin:0;padding:0}
.foot-col a{display:flex;align-items:center;min-height:44px;color:#e9e2d4;text-decoration:none;font-size:15.5px;line-height:1.4;border-bottom:1px solid rgba(255,248,238,.12)}
.foot-col a:hover{color:var(--yellow)}
.foot-bottom{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;padding-top:22px;border-top:1px dashed rgba(255,248,238,.3);font-size:14px;color:#cfc7b8}
.stamp{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--red);color:#fff8ee;border:2px solid #fff8ee;outline:2px solid var(--red);font:400 17px/1 var(--f-disp);transform:rotate(-10deg)}
.foot :focus-visible{box-shadow:0 0 0 6px var(--card)}
.foot-min .foot-in{padding-top:24px}
body:has(.undercard) .foot{--perf:var(--paper-2)}

/* ---------- 404 ---------- */
.nf{max-width:var(--wrap);margin:0 auto;padding:64px var(--gut) 90px}
.nf-code{font:400 clamp(5rem,20vw,11rem)/1 var(--f-disp);color:transparent;-webkit-text-stroke:3px var(--ink);text-shadow:10px 10px 0 var(--red-soft);margin:0 0 12px}
.nf h1{font-size:clamp(1.8rem,1.3rem + 2vw,2.8rem);line-height:1.4;margin-bottom:12px}
.nf .btn{margin-top:10px}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.bill,.foot,.rail,.bout .corner-blue{display:none}}