.rules__page{z-index:1;max-width:600px;padding-block:calc(var(--scene-top) - var(--px) * 2) calc(var(--scene-bottom) + 12px);padding-left:max(14px, env(safe-area-inset-left,0px));padding-right:max(14px, env(safe-area-inset-right,0px));flex-direction:column;gap:28px;margin:0 auto;display:flex;position:relative}@media (width>=900px){.rules__page{padding-bottom:calc(var(--scene-bottom) + var(--px) * 24)}}.rules a:focus-visible{outline:var(--b) solid var(--gold);outline-offset:2px}.rules__top{margin-bottom:-16px;font-size:20px}.rules__top a{color:var(--text);text-shadow:2px 2px 0 var(--ink);text-decoration:none}.rules__hero{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}@media (width<=899px){.rules__hero.card{box-shadow:none;clip-path:none;background:0 0;border:0;padding:0}}@media (width>=900px){.rules__hero.card{padding:32px}}.rules__hero .logo{text-decoration:none}.rules h1{font-family:var(--font-display);color:var(--gold);text-shadow:2px 2px 0 var(--ink);text-wrap:balance;font-size:clamp(14px,4.2vw,20px);line-height:1.5}.rules__lede{max-width:40ch;text-shadow:2px 2px 0 var(--ink);text-wrap:balance;font-size:26px;line-height:1.2}.rules__muted{color:var(--muted)}.rules .btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.rules__card{flex-direction:column;gap:14px;padding:18px;line-height:1.25;display:flex}.rules h2{font-family:var(--font-display);color:var(--gold);text-transform:uppercase;text-shadow:2px 2px 0 var(--ink);font-size:14px;line-height:1.5}.rules h3{margin:0}.rules strong,.rules a:not(.btn){color:var(--accent)}.rules__note{color:var(--muted);font-size:19px}.rules__steps{counter-reset:step;flex-direction:column;gap:20px;display:flex}.rules__steps>li{counter-increment:step;grid-template-columns:34px 1fr;gap:8px 14px;display:grid}.rules__steps>li>*{grid-column:2}.rules__steps>li>h3{grid-row:1;align-self:center}.rules__steps>li:before{content:counter(step);width:34px;height:34px;font-family:var(--font-display);color:var(--ink);background:var(--gold);grid-area:1/1;place-items:center;font-size:13px;display:grid;box-shadow:inset 0 -3px #c79a14}.rules__steps h3{font-size:26px;line-height:1.25}.rules__steps p{color:var(--muted)}.rules__round{background:var(--panel-2);border:var(--b) solid var(--ink);box-shadow:inset 0 var(--b) 0 #3d2d55, 0 var(--b) 0 var(--ink);flex-direction:column;gap:6px;padding:12px;display:flex}.rules__round .prompt{color:var(--text)}.rules__brew{flex-direction:column;gap:10px;display:flex}.rules__brew .input{align-items:center;font-size:24px;display:flex}.rules__made{color:var(--text);align-items:center;gap:10px;display:flex}.rules__shelf{flex-direction:column;gap:4px;display:flex}.rules__shelf li{grid-template-columns:calc(var(--px) * 18) 1fr auto;border-bottom:2px solid var(--line);grid-template-areas:"bottle name pts""bottle eg pts";align-items:end;column-gap:14px;padding-bottom:8px;display:grid}.rules__shelf li:last-child{border-bottom:0}.rules__shelf .bottle{min-height:calc(var(--px) * 16);grid-area:bottle;justify-content:center;align-items:flex-end;display:flex}.rules__shelf b{grid-area:name;font-size:22px;line-height:1}.rules__shelf .eg{color:var(--muted);grid-area:eg;font-size:19px;line-height:1.1}.rules__shelf .pts{font-family:var(--font-display);color:var(--text);grid-area:pts;align-self:center;font-size:12px}.rules__shelf .t1 b{color:#c9c26a}.rules__shelf .t2 b{color:#7cc8ff}.rules__shelf .t3 b{color:#d8ff4a}.rules__shelf .t4 b{color:#c98bff}.rules__shelf .t5 b{color:#ffb000}.rules__jinx{flex-wrap:wrap;align-items:center;gap:14px 24px;display:flex}.rules__trio{padding-bottom:22px;display:flex;position:relative}.rules__trio>span+span{margin-left:calc(var(--px) * -3)}.rules__stamp{white-space:nowrap;font-family:var(--font-display);color:var(--danger);background:var(--bg);border:var(--b) solid var(--danger);text-shadow:2px 2px 0 var(--ink);box-shadow:2px 2px 0 var(--ink);padding:6px 10px 8px;font-size:11px;position:absolute;bottom:0;left:50%;translate:-50%;rotate:-6deg}.rules__sum{font-family:var(--font-display);font-size:12px;line-height:2}.rules__sum span{color:var(--accent)}.rules__bonus{align-items:center;gap:14px;display:flex}.rules__bonus>span{flex:none}.rules__packs{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:10px;display:grid}.rules__packs>div{background:var(--panel-2);border:var(--b) solid var(--ink);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.rules__packs h3{font-family:var(--font-display);color:var(--accent);text-transform:uppercase;font-size:11px;line-height:1.6}.rules__packs p{color:var(--muted);font-size:20px}.rules__scrolls{flex-wrap:wrap;gap:12px;padding:3px;display:flex}.rules__scrolls li{color:var(--ink);background:var(--text);box-shadow:0 3px 0 #b8a98c, 0 3px 0 3px var(--ink), 0 0 0 3px var(--ink);padding:3px 10px;font-size:20px}.rules__card--curse{box-shadow:inset 0 var(--b) 0 #4a2a6e, inset 0 calc(var(--b) * -1) 0 #1b1326, 0 0 24px #9a4ce040}.rules__badge{color:var(--ink);vertical-align:middle;text-shadow:none;background:#c98bff;margin-left:6px;padding:4px 6px;font-size:9px}.rules__curses{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:10px;display:grid}.rules__curses li{background:var(--ink);border:2px solid #5c2596;flex-direction:column;gap:4px;min-height:5.2rem;padding:10px 12px;display:flex}.rules__curses .name{font-size:20px}.rules__curses .spell{color:#c98bff;font-size:17px;font-style:italic}.rules__curses .c-tiny .name{font-size:11px}.rules__curses .c-blur .name{filter:blur(1.6px)}.rules__curses .c-upside .name{white-space:nowrap;align-self:flex-start;font-size:18px;transform:rotate(180deg)}.rules__facts{flex-direction:column;gap:8px;padding-left:1.1rem;list-style:square;display:flex}.rules__facts li::marker{color:var(--accent)}.rules__end{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.rules__legal{gap:18px;font-size:19px;display:flex}.rules__legal a{color:var(--text);text-shadow:2px 2px 0 var(--ink)}@media (width>=900px){.rules__page{gap:36px;max-width:800px;font-size:24px}.rules__lede{max-width:none;font-size:30px}.rules__hero .rules__muted{text-wrap:balance}.rules h1{font-size:22px}.rules h2{font-size:17px}.rules__card{gap:18px;padding:28px 32px}.rules__steps h3{font-size:28px}.rules__note,.rules__packs p{font-size:21px}.rules__brew{flex-direction:row;align-items:center;gap:18px}.rules__brew .answerbox{flex:1;max-width:24rem}.rules__round{max-width:30rem}.rules__shelf{--px:4px;grid-template-columns:repeat(5,1fr);gap:0;display:grid}.rules__shelf li,.rules__shelf li:last-child{text-align:center;border-bottom:0;grid-template-columns:1fr;grid-template-areas:"bottle""name""pts""eg";justify-items:center;row-gap:8px;padding-bottom:0}.rules__shelf .bottle{border-bottom:calc(var(--px) * 3) solid var(--wood);width:100%;box-shadow:0 var(--px) 0 var(--ink);margin-bottom:6px}.rules__shelf .pts{align-self:auto}.rules__sum{font-size:14px}.rules__trio{--px:4px}.rules__curses{grid-template-columns:repeat(3,1fr)}.rules__packs{grid-template-columns:repeat(2,1fr)}.rules__curses .name{font-size:22px}}@media (width>=1180px){.rules__page{max-width:min(800px, calc(var(--view-w,100vw) - 540px))}.hut__scrim{-webkit-mask-image:linear-gradient(90deg,#0000 calc(50% - 520px),#000 calc(50% - 410px) calc(50% + 410px),#0000 calc(50% + 520px));mask-image:linear-gradient(90deg,#0000 calc(50% - 520px),#000 calc(50% - 410px) calc(50% + 410px),#0000 calc(50% + 520px))}}