:root{--felt-900: #041b12;--felt-800: #06281b;--felt-700: #0a3a26;--felt-600: #0e4c31;--felt-500: #14603d;--brass-100: #f9e7b6;--brass-200: #edcf85;--brass-300: #d4ac52;--brass-400: #b08a2f;--brass-500: #7d5f18;--red-500: #c1121f;--red-600: #97101a;--red-700: #6d0b12;--black-500: #1c1a17;--black-600: #121110;--black-700: #0a0a09;--bone: #f6efe0;--bone-dim: #c9bda4;--bone-faint: #948b78;--win: #62d79b;--loss: #ef7d84;--r-sm: 6px;--r-md: 12px;--r-lg: 20px;--shadow-lift: 0 14px 34px rgb(0 0 0 / 52%);--shadow-chip: 0 3px 6px rgb(0 0 0 / 55%);--sans: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display: "Bodoni Moda", "Times New Roman", serif;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:var(--sans);font-size:15px;line-height:1.45;color:var(--bone);background:var(--felt-900);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}h1,h2,p,ol,ul,figure{margin:0}ol,ul{padding:0;list-style:none}button,input{font:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:where(button,input,[tabindex]):focus-visible{outline:2px solid var(--brass-200);outline-offset:3px;border-radius:4px}.table{position:relative;min-height:100dvh;isolation:isolate;background:repeating-linear-gradient(45deg,rgb(255 255 255 / 1.6%) 0 1px,transparent 1px 3px),repeating-linear-gradient(-45deg,rgb(0 0 0 / 10%) 0 1px,transparent 1px 3px),radial-gradient(120% 85% at 50% 0%,var(--felt-600) 0%,var(--felt-700) 38%,var(--felt-900) 100%)}.table__spot{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(58% 42% at 50% 12%,rgb(255 214 138 / 15%) 0%,transparent 68%),radial-gradient(120% 100% at 50% 45%,transparent 42%,rgb(0 0 0 / 62%) 100%)}.table.is-flashing .table__spot{animation:gold-flash 1.4s ease-out 1}@keyframes gold-flash{0%{background:radial-gradient(58% 42% at 50% 12%,rgb(255 214 138 / 15%) 0%,transparent 68%),radial-gradient(120% 100% at 50% 45%,transparent 42%,rgb(0 0 0 / 62%) 100%)}22%{background:radial-gradient(90% 70% at 50% 30%,rgb(255 210 120 / 42%) 0%,transparent 72%),radial-gradient(120% 100% at 50% 45%,transparent 55%,rgb(0 0 0 / 45%) 100%)}to{background:radial-gradient(58% 42% at 50% 12%,rgb(255 214 138 / 15%) 0%,transparent 68%),radial-gradient(120% 100% at 50% 45%,transparent 42%,rgb(0 0 0 / 62%) 100%)}}.table__inner{position:relative;z-index:1;max-width:1220px;margin:0 auto;padding:clamp(14px,3vw,30px) clamp(12px,3vw,28px) 44px;display:flex;flex-direction:column;gap:clamp(16px,2.6vw,28px)}.table__body{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(18px,3vw,34px);align-items:start}@media(min-width:940px){.table__body{grid-template-columns:minmax(340px,460px) minmax(0,1fr)}}.table__foot{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:8px;border-top:1px solid rgb(212 172 82 / 18%);color:var(--bone-dim);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.marquee{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.marquee__sign{position:relative;padding:10px clamp(18px,4vw,34px);border:2px solid var(--brass-400);border-radius:var(--r-md);background:linear-gradient(180deg,#0a3a26b3,#041b12d1);box-shadow:inset 0 1px #f9e7b638,0 0 26px #00000073}.marquee__bulbs{position:absolute;inset:5px;border-radius:8px;pointer-events:none;background:radial-gradient(circle at center,var(--brass-100) 0 1.6px,transparent 2.2px) 0 0 / 15px 15px repeat-x,radial-gradient(circle at center,var(--brass-100) 0 1.6px,transparent 2.2px) 0 100% / 15px 15px repeat-x,radial-gradient(circle at center,var(--brass-100) 0 1.6px,transparent 2.2px) 0 0 / 15px 15px repeat-y,radial-gradient(circle at center,var(--brass-100) 0 1.6px,transparent 2.2px) 100% 0 / 15px 15px repeat-y;filter:drop-shadow(0 0 3px rgb(255 214 138 / 75%));animation:bulbs 2.6s ease-in-out infinite}@keyframes bulbs{0%,to{opacity:.55}50%{opacity:1}}.marquee__title{font-family:var(--display);font-weight:900;font-size:clamp(1.9rem,6vw,3.1rem);line-height:1;letter-spacing:-.015em;text-align:center;color:var(--brass-100);text-shadow:0 0 8px rgb(255 205 120 / 45%),0 0 26px rgb(255 170 60 / 28%),0 2px 0 rgb(0 0 0 / 45%)}.marquee__right{display:flex;align-items:center;gap:12px}.who{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#04160fb8;border:1px solid rgb(212 172 82 / 32%)}.who__icon{color:var(--brass-300);flex:none}.who__input{width:clamp(110px,22vw,170px);border:none;background:none;padding:0;font-size:.92rem;letter-spacing:.02em}.who__input::placeholder{color:var(--bone-dim)}.who__input:focus{outline:none}.who:focus-within{border-color:var(--brass-200);box-shadow:0 0 0 3px #d4ac522e}.lamp{width:10px;height:10px;border-radius:50%;flex:none;background:var(--bone-dim);box-shadow:0 0 8px currentcolor}.lamp--checking{background:var(--brass-300);animation:bulbs 1.4s ease-in-out infinite}.lamp--ok{background:var(--win);box-shadow:0 0 10px #62d79bb3}.lamp--down{background:var(--loss);box-shadow:0 0 10px #ef7d84b3}@media(prefers-reduced-motion:reduce){.marquee__bulbs,.lamp--checking,.table.is-flashing .table__spot{animation:none}}.speaker{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;cursor:pointer;color:var(--brass-200);background:#04160fb8;border:1px solid rgb(212 172 82 / 32%);transition:color .14s ease,border-color .14s ease}.speaker:hover{color:var(--brass-100);border-color:var(--brass-200)}.speaker.is-muted{color:var(--bone-faint);border-color:#9d94824d}.pit{display:flex;flex-direction:column;align-items:center;gap:26px}.wheel{width:min(100%,440px);display:flex;flex-direction:column;align-items:center;gap:16px}.wheel__face{position:relative;width:100%;aspect-ratio:1;filter:drop-shadow(0 22px 30px rgb(0 0 0 / 55%))}.wheel__svg{width:100%;height:100%;display:block}.wheel__pocket{stroke:#d8b25f;stroke-width:.7;stroke-opacity:.42}.wheel__pocket--red{fill:#a5121c}.wheel__pocket--black{fill:#17161a}.wheel__pocket.is-winner{fill:#f0c463;stroke:#fff3d0;stroke-width:1.6;stroke-opacity:1}.wheel__digit{font-family:var(--sans);font-size:15px;font-weight:600;fill:#f7f0e2;paint-order:stroke;stroke:#00000073;stroke-width:2px;pointer-events:none}.wheel__ball{fill:#fdf8ec;stroke:#9a9384;stroke-width:.8;filter:drop-shadow(0 2px 3px rgb(0 0 0 / 70%))}.wheel__pointer{position:absolute;top:-6px;left:50%;translate:-50% 0;filter:drop-shadow(0 3px 4px rgb(0 0 0 / 60%))}.wheel__result{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:min(100%,210px);padding:10px 30px 14px;text-align:center;border-radius:14px;border:2px solid var(--brass-300);background:linear-gradient(180deg,#1e180ff5,#0a0907fa);box-shadow:inset 0 1px #f9e7b673,0 14px 30px #0009,0 0 34px #d4ac5238;animation:plaque-in .56s cubic-bezier(.16,1,.3,1) 1}.wheel__result--red{border-color:#e2606a;box-shadow:inset 0 1px #f9e7b673,0 14px 30px #0009,0 0 34px #c1121f4d}.wheel__result-number{font-family:var(--display);font-weight:900;font-size:clamp(3.4rem,11vw,4.6rem);line-height:.95;color:var(--brass-100);text-shadow:0 2px 0 rgb(0 0 0 / 55%),0 0 26px rgb(249 231 182 / 30%)}.wheel__result-color{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--bone-dim)}@keyframes plaque-in{0%{opacity:0;transform:translateY(10px) scale(.85)}to{opacity:1;transform:none}}.wheel.is-spinning .wheel__result{display:none}.tables{display:flex;flex-direction:column;gap:14px;width:100%;align-items:center}.tables__rail{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.plaque{position:relative;width:46px;height:34px;display:grid;place-items:center;cursor:pointer;border-radius:var(--r-sm);border:1px solid rgb(212 172 82 / 34%);background:linear-gradient(180deg,#14603d8c,#06281bbf);color:var(--bone-dim);transition:border-color .14s ease,color .14s ease,transform 90ms ease}.plaque:hover:not(:disabled){border-color:var(--brass-200);color:var(--bone)}.plaque:active:not(:disabled){transform:translateY(1px)}.plaque.is-active{border-color:var(--brass-200);color:var(--brass-100);background:linear-gradient(180deg,#1e7a4eb3,#093724d9);box-shadow:0 0 0 1px #edcf8573,0 6px 14px #00000073}.plaque__n{font-family:var(--display);font-weight:700;font-size:1rem;letter-spacing:.02em}.plaque__state{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--bone-faint)}.plaque--open .plaque__state{background:var(--win);box-shadow:0 0 6px #62d79bcc}.plaque--closed .plaque__state{background:var(--loss)}.plaque--new{color:var(--brass-200);border-style:dashed}.plaque:disabled{opacity:.45;cursor:not-allowed}.tables__actions{display:flex;gap:10px;min-height:42px}.action{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;cursor:pointer;font-weight:600;font-size:.9rem;letter-spacing:.03em;border:1px solid transparent;transition:filter .14s ease,transform 90ms ease}.action:hover:not(:disabled){filter:brightness(1.12)}.action:active:not(:disabled){transform:translateY(1px)}.action:disabled{opacity:.5;cursor:not-allowed}.action--open{background:linear-gradient(180deg,#1c8a58,#0d5233);border-color:#2fb377;color:#eafff3}.action--spin{background:linear-gradient(180deg,var(--red-500),var(--red-700));border-color:#e2606a;color:#fff2f2;box-shadow:0 0 20px #c1121f59}.action--new{background:linear-gradient(180deg,var(--brass-300),var(--brass-500));border-color:var(--brass-200);color:#2a1d05}.layout{display:flex;flex-direction:column;gap:16px;min-width:0}.felt{padding:clamp(10px,2vw,16px);border-radius:var(--r-lg);border:2px solid rgb(212 172 82 / 40%);background:linear-gradient(180deg,#14603d6b,#06281b8c);box-shadow:inset 0 1px #f9e7b624,var(--shadow-lift);display:flex;flex-direction:column;gap:12px}.felt.is-disabled{opacity:.62}.felt__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}@media(min-width:620px){.felt__grid{grid-template-columns:repeat(12,minmax(0,1fr))}}.cell{position:relative;aspect-ratio:1 / 1.08;display:grid;place-items:center;cursor:pointer;border-radius:var(--r-sm);border:1px solid rgb(249 231 182 / 22%);box-shadow:inset 0 1px #ffffff1f,0 2px 4px #00000059;transition:transform .11s ease,box-shadow .14s ease,border-color .14s ease}.cell--zero{grid-column:span 6;aspect-ratio:auto;min-height:42px}@media(min-width:620px){.cell--zero{grid-column:span 12;min-height:46px}}.cell--red{background:linear-gradient(180deg,var(--red-500),var(--red-700))}.cell--black{background:linear-gradient(180deg,var(--black-500),var(--black-700))}.cell__digit{font-family:var(--display);font-weight:700;font-size:clamp(.95rem,2.4vw,1.15rem);color:#fbf4e6;text-shadow:0 1px 2px rgb(0 0 0 / 65%)}.cell:hover:not(:disabled){transform:translateY(-2px);border-color:var(--brass-200);box-shadow:0 0 0 1px #edcf858c,0 8px 16px #00000073}.cell.is-picked{border-color:var(--brass-100);box-shadow:0 0 0 2px var(--brass-200),0 0 22px #edcf8573}.cell:disabled{cursor:not-allowed}.felt__colors{display:grid;grid-template-columns:1fr 1fr;gap:10px}.block{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 12px;cursor:pointer;border-radius:var(--r-md);border:1px solid rgb(249 231 182 / 25%);box-shadow:inset 0 1px #ffffff1f,0 4px 10px #0006;transition:transform .11s ease,box-shadow .14s ease,border-color .14s ease}.block--red{background:linear-gradient(180deg,var(--red-500),var(--red-700))}.block--black{background:linear-gradient(180deg,var(--black-500),var(--black-700))}.block__lozenge{width:16px;height:22px;rotate:45deg;border-radius:3px;border:1px solid rgb(255 255 255 / 45%);background:#ffffff1f}.block__name{font-family:var(--display);font-weight:700;font-size:1.15rem;letter-spacing:.03em;color:#fbf4e6}.block__odds{font-size:.76rem;letter-spacing:.08em;color:var(--bone)}.block:hover:not(:disabled){transform:translateY(-2px);border-color:var(--brass-200)}.block.is-picked{border-color:var(--brass-100);box-shadow:0 0 0 2px var(--brass-200),0 0 26px #edcf8566}.block:disabled{cursor:not-allowed}.stack{position:absolute;bottom:4px;right:4px;width:20px;height:20px;pointer-events:none}.stack__chip{--chip-body: #b8202b;position:absolute;left:0;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 38% 30%,color-mix(in srgb,var(--chip-body) 75%,white),var(--chip-body) 60%);box-shadow:var(--shadow-chip),inset 0 0 0 1px #0000004d;animation:chip-drop .32s cubic-bezier(.2,1.5,.4,1) 1}.stack__chip:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 11deg,#fdf6ea 0deg 14deg,transparent 14deg 45deg);-webkit-mask:radial-gradient(circle,transparent 0 60%,#000 61%);mask:radial-gradient(circle,transparent 0 60%,#000 61%)}@keyframes chip-drop{0%{transform:translateY(-18px) scale(1.25);opacity:0}70%{transform:translateY(2px) scale(.97);opacity:1}to{transform:none;opacity:1}}.rail{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:var(--r-md);border:1px solid rgb(212 172 82 / 26%);background:linear-gradient(180deg,#082c1ec7,#041810e0);box-shadow:inset 0 1px #f9e7b61f}.rail__chips{display:flex;gap:10px;flex-wrap:wrap}.chip{--chip-body: #b8202b;--chip-edge: #fdf6ea;position:relative;width:clamp(48px,11vw,58px);height:clamp(48px,11vw,58px);border-radius:50%;cursor:pointer;border:none;padding:0;display:grid;place-items:center;background:radial-gradient(circle at 38% 30%,color-mix(in srgb,var(--chip-body) 78%,white),var(--chip-body) 62%);box-shadow:var(--shadow-chip),inset 0 0 0 2px #00000038,inset 0 -3px 7px #0000006b;transition:transform .15s cubic-bezier(.16,1,.3,1),filter .15s ease}.chip:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 11deg,var(--chip-edge) 0deg 15deg,transparent 15deg 45deg);-webkit-mask:radial-gradient(circle,transparent 0 64%,#000 65%);mask:radial-gradient(circle,transparent 0 64%,#000 65%)}.chip__face{position:relative;display:grid;place-items:center;width:62%;height:62%;border-radius:50%;background:radial-gradient(circle at 40% 32%,#fffdf6,#ece2cd);color:#241803;font-weight:700;font-size:.86rem;letter-spacing:-.01em;box-shadow:inset 0 0 0 1px #0000002e,0 1px 2px #00000059}.chip:hover:not(:disabled){transform:translateY(-5px) rotate(-5deg);filter:brightness(1.1)}.chip:active:not(:disabled){transform:translateY(-1px)}.chip:disabled{opacity:.4;cursor:not-allowed}.chip--5{--chip-body: #b8202b}.chip--25{--chip-body: #12784c}.chip--100{--chip-body: #211f24}.chip--500{--chip-body: #5b2a86}.chip--1000{--chip-body: #c08a1c}.chip--odd{--chip-body: #6b6357}.rail__side{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.rail__total{display:flex;flex-direction:column;line-height:1.1}.rail__total-label{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bone-dim)}.rail__total-value{font-family:var(--display);font-weight:700;font-size:clamp(1.3rem,3.4vw,1.7rem);color:var(--brass-100)}.rail__tools{display:flex;gap:6px;flex-wrap:wrap}.ghost{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;cursor:pointer;font-size:.78rem;letter-spacing:.03em;color:var(--bone-dim);background:transparent;border:1px solid rgb(212 172 82 / 28%);transition:color .14s ease,border-color .14s ease}.ghost:hover:not(:disabled){color:var(--brass-100);border-color:var(--brass-300)}.ghost:disabled{opacity:.4;cursor:not-allowed}.rail__exact{flex-basis:100%}.rail__exact input{width:100%;max-width:220px;padding:8px 12px;border-radius:var(--r-sm);border:1px solid rgb(212 172 82 / 32%);background:#00000059}.rail__exact input::placeholder{color:var(--bone-faint)}.place{display:flex;flex-direction:column;gap:8px}.place__go{width:100%;padding:15px 20px;cursor:pointer;border-radius:var(--r-md);border:1px solid var(--brass-200);background:linear-gradient(180deg,var(--brass-200),var(--brass-400));color:#241803;font-family:var(--display);font-weight:700;font-size:clamp(1.05rem,3vw,1.3rem);letter-spacing:.04em;box-shadow:0 8px 22px #00000073,inset 0 1px #ffffff73;transition:filter .14s ease,transform 90ms ease}.place__go:hover:not(:disabled){filter:brightness(1.07)}.place__go:active:not(:disabled){transform:translateY(1px)}.place__go:disabled{cursor:not-allowed;filter:saturate(.55) brightness(.62);box-shadow:inset 0 1px #ffffff40}.place__reason{margin:0;text-align:center;color:var(--brass-200);font-size:.84rem;letter-spacing:.02em}.chip.is-over-cap{opacity:.55}.place__error{color:var(--loss);font-size:.85rem}@media(prefers-reduced-motion:reduce){.stack__chip,.wheel__result{animation:none}.cell,.block,.chip,.action,.plaque,.place__go{transition:none}}.board{display:flex;flex-direction:column;gap:12px;padding:clamp(12px,2vw,18px);border-radius:var(--r-md);border:1px solid rgb(212 172 82 / 34%);background:linear-gradient(180deg,#062217e0,#03120ceb);box-shadow:var(--shadow-lift);animation:board-in .42s ease-out 1}@keyframes board-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.board__totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;padding-bottom:12px;border-bottom:1px solid rgb(212 172 82 / 20%)}.board__stat{display:flex;flex-direction:column;line-height:1.15}.board__stat-label{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bone-dim)}.board__stat-value{font-family:var(--display);font-weight:700;font-size:clamp(1.15rem,3vw,1.55rem);color:var(--bone)}.board__stat--paid .board__stat-value{color:var(--brass-100)}.board__empty{color:var(--bone-dim);font-size:.9rem}.board__list{display:flex;flex-direction:column;gap:6px}.line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"who pick net" "amount amount payout";gap:4px 10px;align-items:center;padding:9px 12px;border-radius:var(--r-sm);border-left:1px solid transparent;background:#ffffff08}@media(min-width:560px){.line{grid-template-columns:minmax(0,1fr) 84px 110px 110px 110px;grid-template-areas:"who pick amount payout net"}}.line--won{background:#62d79b1a;border-left-color:var(--win)}.line--lost{opacity:.78}.line__who{grid-area:who;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line__pick{grid-area:pick}.line__amount{grid-area:amount;color:var(--bone-dim);font-size:.88rem}.line__payout{grid-area:payout;color:var(--brass-100);font-weight:600}.line--lost .line__payout{color:var(--bone-dim);font-weight:400}.line__net{grid-area:net;font-weight:600;text-align:right}@media(min-width:560px){.line__amount,.line__payout,.line__net{text-align:right}}.is-win{color:var(--win)}.is-loss{color:var(--loss)}.token{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;font-family:var(--display);font-weight:700;font-size:.92rem;color:#fbf4e6;border:1px solid rgb(249 231 182 / 32%)}.token--red{background:linear-gradient(180deg,var(--red-500),var(--red-700))}.token--black{background:linear-gradient(180deg,var(--black-500),var(--black-700))}.strip{display:flex;flex-wrap:wrap;gap:8px}.strip__item{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px;background:#041810bf;border:1px solid rgb(212 172 82 / 24%);font-size:.82rem}.strip__amount{color:var(--brass-100);font-weight:600}.strip__who{color:var(--bone-dim);max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toasts{position:fixed;z-index:20;left:50%;bottom:18px;translate:-50% 0;display:flex;flex-direction:column;gap:8px;width:min(94vw,460px)}.toast{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:var(--r-sm);font-size:.88rem;box-shadow:var(--shadow-lift);animation:toast-in .26s ease-out 1}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.toast--error{background:linear-gradient(180deg,#5d1015,#380a0d);border:1px solid #e2606a;color:#ffe4e5}.toast--win{background:linear-gradient(180deg,#4d3a0c,#2b2007);border:1px solid var(--brass-300);color:var(--brass-100)}.toast__close{background:none;border:none;cursor:pointer;padding:2px;opacity:.7;flex:none}.toast__close:hover{opacity:1}.tip{position:relative;display:inline-flex}.tip__button{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;cursor:pointer;color:var(--brass-200);background:transparent;border:1px solid rgb(212 172 82 / 40%)}.tip__button:hover,.tip.is-open .tip__button{color:var(--brass-100);border-color:var(--brass-200);background:#d4ac5224}.tip__bubble[hidden]{display:none}.tip__bubble{position:absolute;bottom:calc(100% + 10px);right:0;width:min(74vw,268px);padding:10px 12px;border-radius:var(--r-sm);background:#0a1f16;border:1px solid var(--brass-400);box-shadow:var(--shadow-lift);color:var(--bone);font-size:.8rem;line-height:1.4;letter-spacing:0;text-transform:none;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease,visibility .15s}.tip.is-open .tip__bubble{opacity:1;visibility:visible;transform:none}.tip__red{color:#ff8a90;font-style:normal;font-weight:600}.tip__black{color:#cfd6cf;font-style:normal;font-weight:600}@media(prefers-reduced-motion:reduce){.board,.toast{animation:none}.tip__bubble{transition:none}}