@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/eight-limbs/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/eight-limbs/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/eight-limbs/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/eight-limbs/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/eight-limbs/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/eight-limbs/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/eight-limbs/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/eight-limbs/assets/cormorant-garamond-cyrillic-ext-500-normal-Yta7XZ9C.woff2)format("woff2"),url(/eight-limbs/assets/cormorant-garamond-cyrillic-ext-500-normal-lsPpqi9g.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/eight-limbs/assets/cormorant-garamond-cyrillic-500-normal-CyAY5ZLS.woff2)format("woff2"),url(/eight-limbs/assets/cormorant-garamond-cyrillic-500-normal-DkJXBcIH.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/eight-limbs/assets/cormorant-garamond-vietnamese-500-normal-BZGLGj12.woff2)format("woff2"),url(/eight-limbs/assets/cormorant-garamond-vietnamese-500-normal-DqXqCC0q.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/eight-limbs/assets/cormorant-garamond-latin-ext-500-normal-CH1kM7og.woff2)format("woff2"),url(/eight-limbs/assets/cormorant-garamond-latin-ext-500-normal-DYeaGGzO.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/eight-limbs/assets/cormorant-garamond-latin-500-normal-BsRWmXhO.woff2)format("woff2"),url(/eight-limbs/assets/cormorant-garamond-latin-500-normal-zIXX3Q-H.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:600;src:url(/eight-limbs/assets/cormorant-garamond-cyrillic-ext-600-italic-o1-A_FsB.woff2)format("woff2"),url(/eight-limbs/assets/cormorant-garamond-cyrillic-ext-600-italic-Vv_u9p1E.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:600;src:url(/eight-limbs/assets/cormorant-garamond-cyrillic-600-italic-Bp4BYShX.woff2)format("woff2"),url(/eight-limbs/assets/cormorant-garamond-cyrillic-600-italic-DP5iIMI9.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:600;src:url(/eight-limbs/assets/cormorant-garamond-vietnamese-600-italic-C3DTNE_9.woff2)format("woff2"),url(/eight-limbs/assets/cormorant-garamond-vietnamese-600-italic-Bdap-eNg.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:600;src:url(/eight-limbs/assets/cormorant-garamond-latin-ext-600-italic-DYtrqAWE.woff2)format("woff2"),url(/eight-limbs/assets/cormorant-garamond-latin-ext-600-italic-CcucBqPp.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:600;src:url(/eight-limbs/assets/cormorant-garamond-latin-600-italic-DCuhXWyK.woff2)format("woff2"),url(/eight-limbs/assets/cormorant-garamond-latin-600-italic-BcJbkSJ4.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#faf4e6e6;--ink:#2d2721;--ink-soft:#5b5046;--accent:#b8432c;--line:#4634242e;--serif:"Cormorant Garamond", Georgia, serif;--sans:"Inter Variable", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#2b2a3a}body{color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;background:#2b2a3a;margin:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}a{color:var(--accent)}.top{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:fixed;inset:0 0 auto}.top>*{pointer-events:auto}.home,#sound{font:500 13px/1 var(--sans);color:#fff9ec;-webkit-backdrop-filter:blur(6px);background:#1e1a2473;border:1px solid #fff9ec40;border-radius:999px;padding:9px 14px;text-decoration:none}#sound{cursor:pointer}#sound[aria-pressed=true]{background:#b8432cbf}.dots{z-index:10;flex-direction:column;gap:12px;display:flex;position:fixed;top:50%;right:14px;transform:translateY(-50%)}.dots a{background:#1e1a244d;border:1.5px solid #fff9ecd9;border-radius:50%;width:11px;height:11px;display:block;position:relative}.dots a[aria-current]{background:#fff9ec}.dots span{white-space:nowrap;font:500 12px/1 var(--sans);color:#fff9ec;text-shadow:0 1px 3px #0009;opacity:0;transition:opacity .2s;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.dots a:hover span,.dots a:focus-visible span{opacity:1}.scene{min-height:100vh;--py:0px;--shake-x:0px;--shake-y:0px;align-items:flex-start;min-height:100svh;padding:72px 16px 16px;display:flex;position:relative;overflow:hidden}.layer{transform:translate(var(--shake-x), calc(var(--shake-y) + var(--py))) scale(1.06);will-change:transform;position:absolute;inset:0}.layer img,.layer canvas{width:100%;height:100%;position:absolute;inset:0}.layer img{object-fit:cover;display:block}#camp .layer img{object-position:45% 50%}.card{z-index:1;background:var(--paper);border-radius:14px;max-width:30rem;padding:20px 22px;font-size:15px;position:relative;box-shadow:0 10px 40px #140e0a40}.card.wide{max-width:44rem}.card p{margin:0 0 .75em}.kicker{font:600 11px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 6px!important}h1,h2,h3{font-family:var(--serif);margin:0 0 12px;font-weight:500;line-height:1.05}h1{font-size:clamp(2.4rem,7vw,4rem)}h2{font-size:clamp(2rem,5vw,2.8rem)}h3{margin-top:18px;font-size:1.5rem}.lede{font-size:1.05rem}.small{color:var(--ink-soft);font-size:13.5px}.tag{font:600 10px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--line);vertical-align:1px;white-space:nowrap;border-radius:999px;padding:3px 7px 2px;display:inline-block}.hint{font:500 13px/1 var(--sans);color:var(--ink-soft);margin:6px 0 0!important}.moves,.combos{flex-wrap:wrap;gap:6px;margin:4px 0 8px;display:flex}.moves button,.combos button{font:500 14px/1 var(--sans);color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#fffaf0;border-radius:999px;padding:9px 13px;transition:background .15s,color .15s}.moves button:hover,.combos button:hover{border-color:var(--accent)}.moves button.on,.combos button.on{background:var(--accent);border-color:var(--accent);color:#fff9ec}.combos button{background:0 0;border-style:dashed;font-size:13px}.combos button:before{content:"» ";content:"» " / "";color:var(--accent)}.combos button.on:before{color:inherit}.row-label{font:600 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin:6px 0 2px!important}.moves button:focus-visible,.combos button:focus-visible,#sound:focus-visible,.home:focus-visible,.dots a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.now{min-height:1.6em;font-family:var(--serif);color:var(--accent);font-size:1.1rem;font-style:italic;font-weight:600}.scene-long{min-height:auto;padding-bottom:64px}.timeline{border-left:2px solid var(--line);margin:12px 0 14px;padding:0;list-style:none}.timeline li{padding:0 0 12px 18px;position:relative}.timeline li:before{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:7px;left:-6px}.when{font:600 1.15rem/1.3 var(--serif);color:var(--accent)}.timeline p{margin:0}@media (max-width:640px){.scene{padding:60px 12px 12px}.card{max-width:none;padding:14px 16px;font-size:14px}.card:not(.wide):not(.title-card) p:not(.kicker):not(.now){font-size:13.5px}.dots{display:none}.scene:not(.scene-long) .card{flex-direction:column;max-height:44svh;display:flex;overflow:auto}.card>*{flex-shrink:0;order:4}.card>.kicker{order:0}.card>h1,.card>h2{order:1}.card>.moves,.card>.row-label,.card>.combos{order:2}.card>.now{order:3}.title-card{max-height:50svh!important}}.trio{gap:10px;margin:0 0 12px;display:flex}.seal{aspect-ratio:1;filter:drop-shadow(0 4px 8px #28140659);width:92px;display:inline-block;position:relative}.seal img{width:100%;height:100%;display:block}.seal.corner{z-index:2;width:124px;position:absolute;top:-46px;right:-34px;rotate:8deg}.seal:after{content:"";-webkit-mask:var(--mask) center / contain no-repeat;-webkit-mask:var(--mask) center / contain no-repeat;mask:var(--mask) center / contain no-repeat;pointer-events:none;background:linear-gradient(115deg,#0000 38%,#fffae1bf 50%,#0000 62%) 140% 0/260% 100% no-repeat;position:absolute;inset:0}.seen .seal{animation:.9s cubic-bezier(.2,1.5,.4,1) both seal-in}.seen .trio .seal:nth-child(2){animation-delay:.15s}.seen .trio .seal:nth-child(3){animation-delay:.3s}.seen .seal:after{animation:7s ease-in-out 1s infinite gleam}.seen .trio .seal:nth-child(2):after{animation-delay:1.25s}.seen .trio .seal:nth-child(3):after{animation-delay:1.5s}@keyframes seal-in{0%{opacity:0;transform:scale(.35)rotate(-40deg)}to{opacity:1;transform:none}}@keyframes gleam{0%{background-position:140% 0}22%,to{background-position:-40% 0}}@media (prefers-reduced-motion:no-preference){.card:not(.seen) .seal{opacity:0}}@media (prefers-reduced-motion:reduce){.seen .seal,.seen .seal:after{animation:none}}@media (max-width:640px){.trio{gap:8px;margin-bottom:8px}.trio .seal{width:54px}.card>.trio{order:0}.seal.corner{width:62px;top:8px;right:8px;rotate:0deg}}.interlude{--p:0;--ink-a:#1d1420;--ink-b:#5a1414;--glow:#ffc45c52;background:var(--ink-a);height:190vh;position:relative}.interlude[data-tone=boran]{--ink-b:#142048;--glow:#d6b26e4d}.interlude[data-tone=lethwei]{--ink-b:#4a1022;--glow:#ffce6e4d}.interlude:before{content:"";z-index:1;background:var(--ink-a);height:24px;position:absolute;top:-22px;left:0;right:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40V22C20 14 34 26 52 18S88 6 110 15 150 28 176 17 214 4 240 14 282 30 306 19 344 7 366 16 392 24 400 20V40Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40V22C20 14 34 26 52 18S88 6 110 15 150 28 176 17 214 4 240 14 282 30 306 19 344 7 366 16 392 24 400 20V40Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}.interlude-stage{height:100vh;text-align:center;color:#fbeccb;align-content:center;place-items:center;gap:0;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.ink{background:radial-gradient(closest-side at 50% 48%, var(--glow), transparent 70%), radial-gradient(60% 50% at 50% 50%, var(--ink-b), transparent 100%), var(--ink-a);opacity:calc(.35 + var(--p) * 1.2);transform:scale(calc(.8 + var(--p) * .35));position:absolute;inset:-20%}.ink:after{content:"";opacity:.8;background-image:radial-gradient(1.5px 1.5px at 12% 30%,#ffdc96cc,#0000),radial-gradient(1px 1px at 28% 72%,#ffdc96b3,#0000),radial-gradient(2px 2px at 46% 18%,#ffe6aa99,#0000),radial-gradient(1px 1px at 63% 64%,#ffdc96cc,#0000),radial-gradient(1.5px 1.5px at 78% 36%,#ffdc96b3,#0000),radial-gradient(1px 1px at 88% 80%,#ffe6aa99,#0000);background-size:420px 420px;animation:24s linear infinite dust;position:absolute;inset:0}@keyframes dust{to{background-position:60px -420px}}.script{width:min(78vw,720px);height:auto;transform:translateY(calc((1 - var(--write)) * 24px));position:relative;overflow:visible}.script path{fill-opacity:var(--fill);stroke:#f3cf7a;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1px;filter:drop-shadow(0 0 18px rgba(255, 190, 90, calc(var(--fill) * .55)))}.script .pen{fill:#fffbe8;filter:drop-shadow(0 0 6px #ffd680)drop-shadow(0 0 16px #ffb340);transition:opacity .3s}.interlude .seal.big{width:clamp(120px,18vw,190px);opacity:var(--seal);transform:scale(calc(1.8 - var(--seal) * .8)) rotate(calc((1 - var(--seal)) * -30deg + 6deg));filter:drop-shadow(0 10px 24px #00000080);position:absolute;bottom:12vh;right:9vw}.interlude-name{font:500 clamp(2rem, 6vw, 3.6rem) / 1 var(--serif);letter-spacing:.04em;opacity:var(--name);transform:translateY(calc((1 - var(--name)) * 16px));margin:18px 0 6px}.interlude-line{font:600 12px/1.3 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#e6c27a;opacity:var(--name);margin:0}.interlude-stage>:not(.ink){translate:0 calc(var(--out) * -60px)}.interlude-stage{opacity:calc(1 - var(--out) * .9)}@media (max-width:640px){.interlude{height:160vh}.script .pen{fill:#fffbe8;filter:drop-shadow(0 0 6px #ffd680)drop-shadow(0 0 16px #ffb340);transition:opacity .3s}.interlude .seal.big{width:110px;margin-right:-55px;bottom:8vh;right:50%}}.interlude+.scene .layer{-webkit-mask:linear-gradient(#0000 0,#000 16vh);mask:linear-gradient(#0000 0,#000 16vh)}.interlude+.scene{background:#1d1420}.interlude .seal:after{animation:6s ease-in-out .5s infinite gleam}.seal[role=button]{cursor:pointer;perspective:600px}.seal img,.seal .back{backface-visibility:hidden;transition:transform .7s cubic-bezier(.3,1.4,.5,1)}.seal .back{background:radial-gradient(circle at 50% 40%,#3a1626,#170a14 75%);border-radius:50%;position:absolute;inset:6%;transform:rotateY(180deg);box-shadow:inset 0 0 0 2px #d8a648,inset 0 0 18px #0009}.seal .back:before{content:"";-webkit-mask:var(--art) center / contain no-repeat;-webkit-mask:var(--art) center / contain no-repeat;mask:var(--art) center / contain no-repeat;background:linear-gradient(#fff1c0,#e2ad4a 60%,#b07a26);position:absolute;inset:14%}.seal.flipped img{transform:rotateY(180deg)}.seal.flipped .back{transform:rotateY(360deg)}.seal.flipped:after{opacity:0}.seal:not(.flipped):hover img{transform:scale(1.06)rotate(-4deg)}.seal[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:50%}.tattoos{color:#f4e6c8;background:radial-gradient(70% 50% at 50% 0,#3a1a2a,#0000),radial-gradient(60% 40% at 50% 100%,#1b2240,#0000),#170f18;padding:96px 16px 72px;position:relative}.tattoo-head{text-align:center;max-width:40rem;margin:0 auto 36px}.tattoo-head .kicker{color:#e6b55c}.tattoo-head .tag,.tattoo-list .tag{color:#d9c39a;border-color:#e6be7859}.tattoo-head .small{color:#c9b48f}.tattoo-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;max-width:72rem;margin:0 auto;padding:0;list-style:none;display:grid}.tattoo-list li{text-align:center}.tattoo-list h3{color:#f1cf86;margin:14px 0 6px}.tattoo-list p{color:#e3d3b4;margin:0;font-size:14.5px}.ink-art{height:300px;-webkit-mask:var(--art) center / contain no-repeat;-webkit-mask:var(--art) center / contain no-repeat;mask:var(--art) center / contain no-repeat;filter:drop-shadow(0 0 10px #ffbe5a59);clip-path:inset(100% 0 0);background:linear-gradient(#fff1c0,#e8b650 55%,#a8701f);transition:clip-path 2.4s cubic-bezier(.5,0,.2,1);display:block}.tattoo-list li:nth-child(2) .ink-art{transition-delay:.25s}.tattoo-list li:nth-child(3) .ink-art{transition-delay:.5s}.tattoo-list li:nth-child(4) .ink-art{transition-delay:.75s}.tattoos.seen .ink-art{clip-path:inset(0)}.tattoo-list li:hover .ink-art{filter:drop-shadow(0 0 16px #ffc864b3)}@media (prefers-reduced-motion:reduce){.ink-art{clip-path:none;transition:none}}.interlude .yant{-webkit-mask:var(--art) center / contain no-repeat;-webkit-mask:var(--art) center / contain no-repeat;mask:var(--art) center / contain no-repeat;opacity:calc(.05 + var(--p) * .16);clip-path:inset(calc((1 - var(--write)) * 100%) 0 0 0);scale:calc(1.05 - var(--p) * .05);background:linear-gradient(#ffe7a6,#c98f33);position:absolute;inset:8vh 0}.art-tigers{--art:url(/eight-limbs/img/yant-tigers.webp)}.art-spires{--art:url(/eight-limbs/img/yant-spires.webp)}.art-tiger{--art:url(/eight-limbs/img/yant-tiger.webp)}.art-htoekwin{--art:url(/eight-limbs/img/yant-htoekwin.webp)}
