:root{color-scheme:dark;--bg:#080808;--bg2:#141414;--gold:#D4AF37;--gold2:#F5D778;--gold3:#8a6a1c;--line:#2b2514;--txt:#fff;--mut:#b3ac9a;--ok:#8fe7a8;--pad:clamp(1rem,4vw,2.5rem)}
html{scroll-behavior:smooth;font-size:clamp(15px,13.5px + .35vw,20px);-webkit-text-size-adjust:100%}
*{box-sizing:border-box;min-width:0}
body{margin:0;background:radial-gradient(70rem 40rem at 75% -5%,#2a1f08aa,transparent 60%),radial-gradient(50rem 30rem at 0 30%,#17120633,transparent 60%),var(--bg);color:var(--txt);font-family:Inter,system-ui,sans-serif;line-height:1.5;overflow-x:hidden;min-height:100vh}
img{max-width:100%;display:block}
button,input,select,textarea{font-family:inherit}
.ic{width:1em;height:1em;display:inline-block;vertical-align:middle;fill:currentColor}
.gt{background:linear-gradient(180deg,var(--gold2),var(--gold) 55%,#9a7620);-webkit-background-clip:text;background-clip:text;color:transparent}
.shine{background-image:linear-gradient(100deg,transparent 40%,#fffbe6cc 50%,transparent 60%),linear-gradient(180deg,var(--gold2),var(--gold) 55%,#9a7620);background-size:250% 100%,100% 100%;background-repeat:no-repeat;background-position:150% 0,0 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:isweep 7s ease-in-out 2.5s infinite}
@keyframes isweep{from{background-position:150% 0,0 0}to{background-position:-50% 0,0 0}}
.spark{position:fixed;width:3px;height:3px;border-radius:50%;background:var(--gold2);box-shadow:0 0 8px var(--gold);opacity:0;animation:rise linear infinite;z-index:0;pointer-events:none}
@keyframes rise{0%{transform:translateY(100vh);opacity:0}10%{opacity:.7}100%{transform:translateY(-10vh);opacity:0}}
main{position:relative;z-index:1;width:min(100%,82rem);margin:0 auto;padding:1rem max(var(--pad),env(safe-area-inset-right)) 4rem max(var(--pad),env(safe-area-inset-left))}
/* nav */
.nav{position:sticky;top:0;z-index:30;background:#080808dd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.bar{width:min(100%,82rem);margin:0 auto;display:flex;align-items:center;gap:.8rem;padding:.55rem max(var(--pad),env(safe-area-inset-right)) .55rem max(var(--pad),env(safe-area-inset-left))}
.brand{display:flex;align-items:center;gap:.65rem;cursor:pointer;background:none;border:0;color:inherit;padding:0;text-align:left}
.brand svg{width:2.3rem;height:2.6rem;color:var(--gold);flex:none}
.brand b{display:block;font:700 1.25rem/1.1 Cinzel,serif}
.brand small{display:block;font-size:.55rem;letter-spacing:.35em;color:var(--mut);text-transform:uppercase}
.links{display:flex;gap:.2rem;margin-left:auto}
.links button{background:none;border:0;border-bottom:2px solid transparent;color:var(--txt);font:500 .95rem Inter,sans-serif;padding:.7rem 1rem;min-height:2.75rem;cursor:pointer;transition:color .2s,border-color .2s}
.links button:hover{color:var(--gold2)}.links button.on{color:var(--gold);border-color:var(--gold)}
.adm{margin-left:.2rem;min-height:2.4rem;padding:.35rem .9rem;border:1px solid var(--gold3);border-radius:99px;background:none;color:var(--gold2);font:600 .75rem Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.adm:hover{background:#d4af3722}
.snd{width:2.4rem;height:2.4rem;border:1px solid var(--line);border-radius:50%;background:none;color:var(--gold2);cursor:pointer;font-size:1rem}
.burger{display:none;width:2.9rem;height:2.9rem;border:1px solid var(--line);border-radius:.6rem;background:none;cursor:pointer;place-items:center;align-content:center;gap:.28rem}
.burger i{display:block;width:1.3rem;height:2px;background:var(--gold);border-radius:2px;transition:transform .3s,opacity .2s}
.nav.open .burger i:nth-child(1){transform:translateY(.43rem) rotate(45deg)}.nav.open .burger i:nth-child(2){opacity:0}.nav.open .burger i:nth-child(3){transform:translateY(-.43rem) rotate(-45deg)}
@media(max-width:820px){.burger{display:grid}.links{position:absolute;left:0;right:0;top:100%;flex-direction:column;margin:0;padding:0 var(--pad);background:#0b0a08f7;border-bottom:1px solid var(--line);max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .35s ease,opacity .25s,padding .35s,visibility 0s .35s}
.nav.open .links{max-height:24rem;opacity:1;visibility:visible;padding:.4rem var(--pad) 1rem;transition:max-height .35s ease,opacity .25s,padding .35s,visibility 0s}
.links button{text-align:left;border-bottom:1px solid var(--line);border-left:3px solid transparent;padding:.9rem .6rem;font-size:1.05rem}.links button.on{border-left-color:var(--gold)}.bar{gap:.5rem}.brand small{display:none}.adm{margin-left:auto}}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:2.9rem;padding:.7rem 1.6rem;border-radius:.6rem;border:1px solid transparent;background:linear-gradient(180deg,var(--gold2),var(--gold) 55%,#a8821f);color:#1a1204;font:600 .95rem Inter,sans-serif;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;text-align:center}
.btn::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,#fff8,transparent);transform:skewX(-20deg);transition:left .6s}
.btn:hover{transform:translateY(-2px);box-shadow:0 .6rem 1.6rem #d4af3744}.btn:hover::after{left:130%}.btn:active{transform:scale(.97)}
.btn.out{background:transparent;color:var(--gold2);border-color:var(--gold)}.btn.sm{min-height:2.6rem;padding:.5rem 1rem;font-size:.85rem}.btn.big{min-height:3.4rem;padding:.9rem 2.2rem;font-size:1.05rem}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn.ok{background:#102014;color:var(--ok);border-color:#3d8a55}.btn.wide{width:100%}.btn.danger{background:transparent;color:#ff9b8a;border-color:#7a3a30}
/* hero */
.hero{display:grid;grid-template-columns:1fr;gap:1rem;align-items:center;text-align:center;padding:clamp(1rem,5vw,3.5rem) 0 2rem;min-height:calc(100svh - 5.5rem)}
.hv{position:relative;display:grid;place-items:center}
.hv .glow{position:absolute;width:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#d4af3744,transparent 65%);animation:pulse 6s ease-in-out infinite}
@keyframes pulse{50%{opacity:.55;transform:scale(1.08)}}
.trophy{position:relative;width:min(72vw,24rem);-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 68%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 68%,transparent 100%);animation:flt 7s ease-in-out infinite}
@keyframes flt{50%{transform:translateY(-.6rem)}}
.eyebrow{font-size:.72rem;letter-spacing:.45em;text-transform:uppercase;color:var(--mut);margin-bottom:.7rem}
h1{font:800 clamp(2.2rem,9vw,6rem)/1.04 Cinzel,serif;margin:0;filter:drop-shadow(0 .3rem 1.2rem #d4af3733)}
.tagline{font-size:clamp(1rem,3.2vw,1.45rem);color:#e9e1c8;margin:1rem 0 1.8rem;letter-spacing:.04em}
.cta{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}
@media(min-width:900px){.hero{grid-template-columns:1.1fr 1fr;text-align:left;min-height:min(44rem,calc(100svh - 6rem))}h1{font-size:clamp(2.6rem,5.2vw,5.6rem)}.cta{justify-content:flex-start}.trophy{width:min(100%,28rem)}.hv{order:2}}
/* generic */
h2.t{font:700 clamp(1.6rem,5vw,2.4rem)/1.15 Cinzel,serif;margin:1.4rem 0 .3rem}
.sub2{color:var(--mut);margin:0 0 1.2rem;max-width:42rem}
.panel{border:1px solid var(--line);border-radius:1.1rem;background:linear-gradient(180deg,#15130e,#0c0b09);padding:clamp(.9rem,3vw,1.5rem);margin:1.1rem 0}
.ph{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;color:var(--gold);font:700 clamp(1.1rem,3vw,1.5rem) Cinzel,serif;letter-spacing:.04em}.ph .ic{font-size:1.5em;flex:none}
.msg{margin:1rem 0;padding:.9rem 1rem;border-radius:.7rem;background:var(--bg2);border:1px solid var(--line);color:var(--mut)}
.okn{margin:0 0 1rem;padding:.7rem 1rem;border-radius:.7rem;background:#0f2216;border:1px solid #2f6a45;color:var(--ok);font-weight:500;animation:up .4s both}
.cd{display:inline-block;margin:0 0 1rem;padding:.45rem 1.1rem;border:1px solid var(--line);border-radius:99px;font-variant-numeric:tabular-nums;font-size:.85rem}.cd b{color:var(--gold2)}.cd[hidden]{display:none}
.bar7{height:.45rem;border-radius:99px;background:#1c160a;overflow:hidden;margin-top:.6rem}.bar7 i{display:block;height:100%;background:linear-gradient(90deg,var(--gold3),var(--gold2));transition:width 1s}
.cnt{display:block;text-align:center;font-size:.78rem;color:var(--mut);margin-top:.3rem}
.sinp{width:100%;max-width:26rem;margin:0 0 1.2rem}
input,select,textarea{width:100%;min-height:2.7rem;padding:.55rem .75rem;border-radius:.6rem;border:1px solid var(--line);background:#0b0a08;color:var(--txt);font-size:max(16px,1rem)}
textarea{min-height:5rem;resize:vertical;line-height:1.4}
input:focus,select:focus,textarea:focus{outline:2px solid #d4af3788;outline-offset:1px}
/* player cards: no text over photos */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:clamp(.8rem,2vw,1.4rem)}
.pc{padding:1.5px;border-radius:1.1rem;background:linear-gradient(155deg,var(--gold2),#5b4511 35%,var(--gold) 60%,#3d2f0b);transition:transform .3s,box-shadow .3s;position:relative}
.pc:hover{transform:translateY(-6px);box-shadow:0 1rem 2.4rem #d4af3730}.pc.mine{box-shadow:0 0 0 2px var(--gold),0 0 2rem #d4af3755}.pc.win{box-shadow:0 0 2.4rem #f5d77866}
.pc>.in{border-radius:calc(1.1rem - 1.5px);background:linear-gradient(180deg,#1a1710,#0d0c09);overflow:hidden;height:100%;display:flex;flex-direction:column}
.pimg{position:relative;aspect-ratio:4/5;background:radial-gradient(circle at 50% 35%,#3a2a0c,#0b0a08 78%);overflow:hidden;flex:none}
.pimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .6s}.pc:hover .pimg img{transform:scale(1.03)}
.pimg svg{position:absolute;inset:0;width:100%;height:100%}
.pbody{padding:.9rem 1rem 1rem;display:flex;flex-direction:column;flex:1}
.pname{font:700 1.2rem/1.2 Cinzel,serif;text-align:center;overflow-wrap:anywhere}
.psub{text-align:center;color:var(--gold2);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;margin-top:.15rem}
.pstats{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:.8rem}
.ps{text-align:center;padding:.45rem .2rem;border:1px solid var(--line);border-radius:.6rem;background:#0b0a08}
.ps b{display:block;font-size:1.15rem;color:var(--gold2);line-height:1.2}.ps small{font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.vbtn{margin-top:auto}.pbody .vbtn{margin-top:.8rem}
.medal{display:block;text-align:center;font-size:1.4rem;margin-bottom:.2rem}
@media(max-width:560px){.grid{grid-template-columns:1fr}.pc>.in{flex-direction:row}.pimg{width:7rem;aspect-ratio:4/5;align-self:stretch;height:auto}.pbody{justify-content:center;padding:.8rem .9rem}.pname,.psub{text-align:left}.pc:hover{transform:none}}
/* awards */
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:clamp(.8rem,2vw,1.4rem)}
.ac{display:flex;flex-direction:column;border:1px solid #4a3a12;border-radius:1.1rem;overflow:hidden;background:linear-gradient(180deg,#17140d,#0b0a08);transition:transform .3s,border-color .3s,box-shadow .3s}
.ac:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 1rem 2.4rem #d4af3726}
.av{background:radial-gradient(circle at 50% 40%,#3a2a0c,#0b0a08 78%);display:grid;place-items:center;min-height:9rem}
.av img{width:100%;height:auto;max-height:22rem;object-fit:contain}.av .ico{font-size:3.4rem;color:var(--gold);filter:drop-shadow(0 0 .8rem #d4af3799);padding:2rem}
.ab{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.7rem;flex:1}
.ab h3{margin:0;font:700 1.3rem/1.2 Cinzel,serif;color:var(--gold2)}
.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chips i{font-style:normal;font-size:.75rem;padding:.2rem .6rem;border:1px solid var(--line);border-radius:99px;color:#e9e1c8}
.ab .stl{color:var(--mut);font-size:.82rem}.ab .win{color:var(--gold2);font-weight:600}.ab .btn{margin-top:auto}
/* ceremony voting */
.alist{display:grid;gap:.6rem;margin:1rem 0}
.arowl{display:flex;align-items:center;gap:.9rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:.9rem;background:var(--bg2);cursor:pointer;transition:border-color .2s,transform .2s;text-align:left;color:var(--txt);width:100%}
.arowl:hover{border-color:var(--gold);transform:translateX(3px)}.arowl .n{font:700 1rem Cinzel,serif;color:var(--gold);width:2rem;flex:none}.arowl .tt{flex:1;font-weight:600}.arowl .st{font-size:.8rem;color:var(--mut)}.arowl.done .st{color:var(--ok)}
.vhead{text-align:center;padding:1rem 0 .4rem}
.vhead .vk{font-size:.7rem;letter-spacing:.4em;text-transform:uppercase;color:var(--mut)}
.vhead img{max-height:min(38vh,20rem);width:auto;margin:.8rem auto;filter:drop-shadow(0 0 1.4rem #d4af3755)}
.vhead .big{font-size:4rem;color:var(--gold);filter:drop-shadow(0 0 1rem #d4af3799);margin:.6rem 0}
.vhead h2{font:800 clamp(1.8rem,6vw,3rem)/1.1 Cinzel,serif;margin:.2rem 0}
.vnav{display:flex;justify-content:space-between;gap:.8rem;margin:1.6rem 0;flex-wrap:wrap}.vnav .btn{flex:1;min-width:9rem}
.wi{max-width:32rem;margin:1.2rem auto;display:grid;gap:.8rem}.wi .lk{padding:.9rem 1rem;border:1px solid #2f6a45;border-radius:.8rem;background:#0f2216;color:var(--ok);text-align:center}
.done-box{text-align:center;padding:2rem 0}.done-box .sum{margin:1.4rem auto;max-width:28rem;text-align:left}.sum div{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--line)}.sum b{color:var(--gold2)}
.tgl{display:flex;align-items:center;gap:.6rem;color:var(--mut);font-size:.9rem;margin:.6rem 0}.tgl input{width:auto;min-height:0}
/* modal */
#modal{position:fixed;inset:0;z-index:110;display:none;place-items:center;background:#000b;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
#modal.on{display:grid}
.mbox{width:min(100%,26rem);border:1px solid var(--gold3);border-radius:1.1rem;background:linear-gradient(180deg,#1a1710,#0d0c09);padding:1.4rem;text-align:center;animation:up .3s both;box-shadow:0 0 3rem #d4af3722}
.mbox h3{margin:.2rem 0 .5rem;font:700 1.35rem Cinzel,serif;color:var(--gold2)}.mbox p{margin:0 0 1.2rem;color:#e9e1c8}.mbox .btns{display:grid;gap:.6rem}
/* admin */
.asec{margin:1.6rem 0}.asec h3{color:var(--gold);letter-spacing:.14em;font-size:.95rem;text-transform:uppercase;margin:0 0 .6rem}
.acard{border:1px solid var(--line);border-radius:.9rem;background:var(--bg2);padding:.9rem;margin:.7rem 0;display:grid;gap:.7rem}
.arow{display:flex;gap:.7rem;align-items:center}.arow>*{flex:0 1 auto}.arow input{flex:1}
.arow img,.arow u{width:3rem;height:3rem;border-radius:.6rem;object-fit:cover;background:#1f1b10;flex:none;display:block}
.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.6rem}
.fld span{display:block;font-size:.68rem;color:var(--mut);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.2rem}
.btns{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.mut{color:var(--mut);font-size:.8rem}
.sel{min-height:2.4rem;padding:.4rem .9rem;border-radius:99px;border:1px solid var(--line);background:none;color:var(--mut);font-size:.82rem;cursor:pointer}.sel.on{background:var(--gold);color:#1a1204;border-color:var(--gold)}
.sub-card{border-top:1px dashed var(--line);padding-top:.7rem;display:grid;gap:.6rem}.sub-card h4{margin:0;color:var(--gold2);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.tag{display:inline-block;padding:.15rem .6rem;border-radius:99px;font-size:.72rem;border:1px solid var(--line);color:var(--mut)}.tag.ok{color:var(--ok);border-color:#2f6a45}
.grp{padding:.6rem;border:1px solid var(--line);border-radius:.7rem;margin:.4rem 0;display:grid;gap:.4rem}.grp .top{display:flex;justify-content:space-between;gap:.8rem;font-weight:600}.grp .top b{color:var(--gold2)}
.login{max-width:26rem;margin:2rem auto}.login .btn{margin-top:.8rem}.lm{color:#ff9b8a;min-height:1.3em;margin-top:.4rem;font-size:.9rem}
.sheet h3{color:var(--gold2);margin:.2rem 0}.sheet .item{border:1px solid var(--line);border-radius:.8rem;padding:1rem;margin:.8rem 0;break-inside:avoid}.sheet .line{font:600 1.15rem/1.5 Cinzel,serif;margin:.4rem 0}.sheet .meta{color:var(--mut);font-size:.85rem}
.fade{animation:up .6s both}.stg>*{animation:up .6s both;animation-delay:calc(var(--i,0)*60ms)}
@keyframes up{from{opacity:0;transform:translateY(14px)}}
footer{text-align:center;color:var(--mut);font-size:.7rem;letter-spacing:.3em;margin-top:3rem;text-transform:uppercase}footer .cr{letter-spacing:.05em;text-transform:none;margin-top:.6rem;font-size:.72rem}footer .cr a{color:var(--gold2)}
#toast{position:fixed;left:50%;bottom:calc(1.4rem + env(safe-area-inset-bottom,0px));transform:translate(-50%,40px);opacity:0;background:var(--gold);color:#1a1204;padding:.7rem 1.2rem;border-radius:99px;font-weight:600;transition:.3s;z-index:130;max-width:92vw;text-align:center}#toast.on{transform:translate(-50%,0);opacity:1}
.cf{position:fixed;width:7px;height:7px;border-radius:2px;z-index:125;pointer-events:none;animation:pop .9s ease-out forwards}@keyframes pop{to{transform:translate(var(--dx),calc(var(--dy) + 130px)) rotate(540deg);opacity:0}}
/* site intro */
#intro{position:fixed;inset:0;z-index:100;background:#030303;display:grid;place-items:center;overflow:hidden;transition:opacity .7s ease,visibility .7s;animation:ifail .01s linear 4.6s forwards}
#intro.done{opacity:0;visibility:hidden;pointer-events:none}html.noint #intro{display:none}
@keyframes ifail{to{opacity:0;visibility:hidden;pointer-events:none}}
.i-glow{position:absolute;left:50%;top:42%;width:min(95vw,46rem);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#d4af3735 0,#d4af3714 35%,transparent 65%);opacity:0;animation:ifade 2.4s ease-out .1s forwards}
.i-spot{position:absolute;inset:0;background:conic-gradient(from 180deg at 50% -8%,transparent 167deg,#f5d77822 177deg,#f5d77836 180deg,#f5d77822 183deg,transparent 193deg);opacity:0;animation:ifade 1.6s ease-out .8s forwards}
@keyframes ifade{to{opacity:1}}
.i-parts i{position:absolute;bottom:-3%;width:3px;height:3px;border-radius:50%;background:var(--gold2);box-shadow:0 0 8px var(--gold);opacity:0;animation:idrift linear infinite}
@keyframes idrift{0%{transform:translate3d(0,0,0);opacity:0}15%{opacity:.8}100%{transform:translate3d(var(--dx),-100vh,0);opacity:0}}
.i-stage{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 1rem 4rem;width:100%}
.i-tr{width:min(56vw,17rem);opacity:0;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 68%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 68%,transparent 100%);animation:itr 2.9s cubic-bezier(.25,.6,.2,1) .1s forwards}
@keyframes itr{0%{opacity:0;filter:brightness(0);transform:scale(.8)}25%{opacity:1;filter:brightness(.1)}60%{filter:brightness(.55)}100%{opacity:1;filter:brightness(1);transform:scale(1.1)}}
.i-title{font:800 clamp(2rem,9.5vw,4.2rem)/1 Cinzel,serif;letter-spacing:.06em;margin-top:.2rem;background-image:linear-gradient(100deg,transparent 40%,#fffbe6cc 50%,transparent 60%),linear-gradient(180deg,var(--gold2),var(--gold) 55%,#9a7620);background-size:250% 100%,100% 100%;background-repeat:no-repeat;background-position:150% 0,0 0;-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;animation:ititle 1s ease-out 1.3s forwards,isweep 1.3s ease-in-out 2s 1 forwards}
@keyframes ititle{from{opacity:0;letter-spacing:.3em;filter:blur(6px)}to{opacity:1;letter-spacing:.06em;filter:none}}
.i-tag{margin:.9rem 0 0;color:#e8dfc4;letter-spacing:.26em;font-size:clamp(.6rem,2.5vw,.85rem);text-transform:uppercase;opacity:0;animation:itag .9s ease-out 1.9s forwards}
@keyframes itag{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#skip,.sc-btn{min-height:2.75rem;padding:.5rem 1.2rem;border:1px solid #d4af3799;border-radius:99px;background:#000a;color:var(--gold2);font:600 .78rem Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
#skip{position:absolute;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));z-index:3}#skip:hover,.sc-btn:hover{background:#d4af3722}
/* cinematic scene */
#scene{position:fixed;inset:0;z-index:120;background:#020202;overflow:hidden;opacity:0;transition:opacity .6s}#scene.on{opacity:1}
.sc-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 58%,#d4af3726,transparent 62%)}
.sc-flood{position:absolute;inset:0;pointer-events:none}
.sc-rays{position:absolute;left:50%;top:48%;width:170vmax;height:170vmax;margin:-85vmax 0 0 -85vmax;background:repeating-conic-gradient(from 0deg,#f5d77818 0 3deg,transparent 3deg 12deg);-webkit-mask-image:radial-gradient(circle,#000 0,transparent 52%);mask-image:radial-gradient(circle,#000 0,transparent 52%);opacity:0}
.sc-parts i{position:absolute;bottom:-3%;width:3px;height:3px;border-radius:50%;background:var(--gold2);box-shadow:0 0 8px var(--gold);opacity:0;animation:idrift linear infinite}
.sc-stage{position:absolute;left:0;top:7vh;width:100%;height:62vh}@media(orientation:portrait){.sc-stage{top:16vh;height:40vh}}
.sc-cap{position:absolute;left:0;right:0;bottom:calc(8vh + env(safe-area-inset-bottom,0px));height:7rem;padding:0 1.4rem}
.sc-cap p{position:absolute;left:1.4rem;right:1.4rem;bottom:0;margin:0;text-align:center;font:600 clamp(1.05rem,3.4vw,1.7rem)/1.4 Cinzel,serif;color:#f3ead0;text-shadow:0 .1rem 1rem #000;opacity:0}
.sc-reveal{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;opacity:0;pointer-events:none}
.sc-reveal img{max-height:44vh;max-width:min(86vw,30rem);width:auto;object-fit:contain;filter:drop-shadow(0 0 2rem #d4af37aa)}
.sc-reveal .big{font-size:min(30vw,9rem);color:var(--gold);filter:drop-shadow(0 0 1.6rem #d4af37cc)}
.sc-reveal .k{font-size:.75rem;letter-spacing:.5em;text-transform:uppercase;color:var(--mut);margin-top:1rem}
.sc-title{display:flex;flex-wrap:wrap;justify-content:center;font:800 clamp(2rem,9vw,4.6rem)/1.1 Cinzel,serif;margin-top:.5rem;letter-spacing:.04em}
.sc-title span{display:inline-block;opacity:0;background:linear-gradient(180deg,var(--gold2),var(--gold) 55%,#9a7620);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:pre}
.sc-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}
.sc-ctl{position:absolute;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));display:flex;gap:.6rem;z-index:5}
.sc-lbl{position:absolute;top:max(1.3rem,env(safe-area-inset-top));left:max(1.2rem,env(safe-area-inset-left));font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--mut);z-index:5}
.sc-stage svg{width:100%;height:100%;overflow:visible}
@media print{body{background:#fff;color:#000}.nav,.spark,footer,#toast,.noprint{display:none!important}main{padding:0}.sheet .item{border-color:#999}.sheet h3,.sheet .line{color:#000;-webkit-text-fill-color:#000}.gt{-webkit-text-fill-color:#000;color:#000;background:none}.sheet .meta{color:#444}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.001ms!important}}