@layer reset,tokens,base,layout,components,utilities;@layer components{.wheel{display:grid;justify-items:center;gap:var(--sp-4)}.wheel__stage{position:relative;width:min(84vw,24rem);aspect-ratio:1}.wheel__disc{width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 .5rem var(--c-amber),0 0 0 .75rem var(--c-ink),var(--shadow-card)}.wheel__pointer{position:absolute;top:-.75rem;left:50%;translate:-50% 0;width:0;height:0;border:.9rem solid transparent;border-top:1.6rem solid var(--c-paper);filter:drop-shadow(0 2px 3px rgb(0 0 0 / .5))}.wheel__result{min-height:1.5em;font-family:var(--f-display);font-size:var(--fs-xl);font-weight:800;color:var(--c-amber);text-align:center}.wheel__names{width:100%;min-height:8rem}.wheel__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-3)}.wheel__prompt{width:100%;padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-lg);background:var(--c-paper);color:var(--c-ink);font-family:var(--f-display);font-weight:700;font-size:var(--fs-lg);text-align:center}.spin{display:grid;justify-items:center;gap:var(--sp-4);text-align:center}.tabs{display:inline-flex;gap:var(--sp-1);padding:var(--sp-1);border-radius:var(--radius-pill);background:var(--c-surface);border:1px solid var(--c-line)}.tabs__tab{min-height:2.5rem;padding:0 var(--sp-5);border-radius:var(--radius-pill);font-family:var(--f-display);font-weight:700;color:var(--c-text-dim)}.tabs__tab[aria-selected=true]{background:var(--c-paper);color:var(--c-ink)}.spin>[role=tabpanel]{width:100%}.spin__setup{width:100%;display:grid;gap:var(--sp-3);text-align:left;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);background:var(--c-surface)}.spin__setup-title{cursor:pointer;font-weight:700}.spin__label{font-weight:700}}@layer components{.bottle{display:grid;justify-items:center;gap:var(--sp-4);text-align:center}.bottle__table{--radius-seat: min(38vw, 10.5rem);position:relative;display:grid;place-items:center;width:min(88vw,26rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgb(255 181 71 / .22),transparent 60%),repeating-radial-gradient(circle,#5a2a26 0 6px,#4b2223 6px 12px);box-shadow:0 0 0 .5rem #2c1730,0 0 0 .75rem var(--c-amber),var(--shadow-card)}.bottle__seats{position:absolute;inset:0;margin:0}.bottle__seat{position:absolute;left:50%;top:50%;max-width:6rem;padding:.2rem .7rem;border-radius:var(--radius-pill);background:var(--c-ink);border:1px solid var(--c-line);font-family:var(--f-display);font-weight:700;font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translate(-50%,-50%) rotate(var(--seat-angle)) translateY(calc(var(--radius-seat) * -1)) rotate(calc(var(--seat-angle) * -1));transition:background-color .3s,color .3s,scale .3s}.bottle__seat.is-selected{background:var(--c-amber);color:var(--c-ink);scale:1.15;box-shadow:0 0 1.5rem var(--c-amber)}.bottle__spin{position:relative;z-index:1;width:62%;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent}.bottle__spin:active{cursor:grabbing}.bottle__img{width:100%;height:auto;transform-origin:50% 50%;filter:drop-shadow(0 .5rem .75rem rgb(0 0 0 / .5));-webkit-user-select:none;user-select:none}.bottle__result{min-height:1.5em;font-family:var(--f-display);font-size:var(--fs-xl);font-weight:800;color:var(--c-amber)}.bottle__choice{display:flex;gap:var(--sp-3)}.bottle__prompt{width:100%;padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-lg);background:var(--c-paper);color:var(--c-ink);font-family:var(--f-display);font-weight:700;font-size:var(--fs-lg);border:3px solid var(--c-truth)}.bottle__prompt--thach{border-color:var(--c-dare)}}@layer components{.print{display:grid;gap:var(--sp-4)}.print__lead{color:var(--c-text-dim)}.print__controls{display:flex;flex-wrap:wrap;align-items:end;gap:var(--sp-3)}.print__field{display:grid;gap:var(--sp-1);font-size:var(--fs-sm);font-weight:700}.print__count{color:var(--c-text-dim);font-size:var(--fs-sm)}.print-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:var(--sp-3)}.print-card{--print-color: #2b6f99;display:grid;grid-template-rows:auto 1fr auto;gap:var(--sp-2);aspect-ratio:63 / 88;padding:12% 17%;border-radius:var(--radius);background:url(../img/card-front-that.svg) center / 100% 100% no-repeat,var(--c-paper);color:var(--c-ink);break-inside:avoid}.print-card--thach{--print-color: var(--c-lacquer);background-image:url(../img/card-front-thach.svg)}.print-card__kind{justify-self:center;font-family:var(--f-display);font-weight:800;font-size:1.05rem;text-transform:uppercase;letter-spacing:.1em;color:var(--print-color)}.print-card__text{align-self:center;text-align:center;font-family:var(--f-display);font-weight:600;font-size:.95rem;line-height:1.3}.print-card__kind,.print-card__level{padding:0 .4em;background:var(--c-paper);border-radius:4px}.print-card__level{justify-self:center;font-size:.7rem;font-weight:700;color:#5b4a6e}@media print{@page{size:A4;margin:7mm}html{color-scheme:light}html,body{background:#fff!important}.site-header,.site-footer,.breadcrumb,.print__head,.print__controls,.print__count,.prose,.faq,.skip-link{display:none!important}.page-body{display:block;max-width:none;padding:0}.print-cards{grid-template-columns:repeat(3,63mm);gap:3mm;justify-content:center}.print-card{width:63mm;height:88mm;aspect-ratio:auto;border-radius:3mm;-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-card:nth-child(9n){break-after:page}}.install{display:grid;justify-items:start;gap:var(--sp-3);padding:var(--sp-5);border-radius:var(--radius-lg);background:var(--c-surface)}.install__guides{display:grid;gap:var(--sp-4);width:100%}@media(min-width:40em){.install__guides{grid-template-columns:1fr 1fr}}.install__icon{border-radius:22%;box-shadow:var(--shadow-card)}.install__lead{color:var(--c-text-dim);max-width:30rem}.install__status{min-height:1.5em;color:var(--c-amber);font-weight:700}.install__title{font-size:var(--fs-md);margin:0 0 var(--sp-2)}.install__steps{display:grid;gap:var(--sp-2);text-align:left;padding-left:1.4em}}