:root{--bg: #050505;--text: #f3f1ec;--muted: #a7a39a;--crimson: #cc0000;--glow: rgba(204, 0, 0, .42);--radius: 10px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050505}body{font-family:Roboto,system-ui,sans-serif;color:var(--text);overflow-x:hidden;overflow-y:auto}.world{position:relative;min-height:100vh;min-height:100dvh;overflow:visible;background:#050505}.hall-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.hall-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center 42%}.hall-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.12) 18%,transparent 32%)}.stage{position:relative;z-index:10;min-height:100dvh}.console{position:relative;z-index:12;width:min(380px,calc(100% - 2rem));margin:.8rem 0 1.5rem 1.25rem;background:linear-gradient(180deg,#0a0a0cc7,#060608db);border:1px solid rgba(70,70,76,.7);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 50px #00000073,inset 0 1px #ffffff0a;padding:1.25rem 1.2rem 1.35rem}.console-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0 0 1rem}.console h2{margin:0;font-family:Cinzel,Georgia,serif;font-size:1.35rem;font-weight:500}.reset-btn{flex:0 0 auto;width:auto;border:0;border-radius:8px;cursor:pointer;font-family:Cinzel,Georgia,serif;letter-spacing:.12em;text-transform:uppercase;padding:.32rem .7rem;font-size:.68rem;background:linear-gradient(180deg,#e01212,#8a0000);color:#fff;box-shadow:0 0 16px var(--glow)}label span,.total-field span{display:block;margin-bottom:.28rem;color:var(--muted);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}input{width:100%;border:1px solid #33343a;border-radius:8px;background:#09090b;color:var(--text);padding:.55rem .65rem;font:400 .95rem Roboto,sans-serif}input:focus{outline:1px solid var(--crimson);border-color:var(--crimson)}input[data-odds]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[data-odds]::-webkit-outer-spin-button,input[data-odds]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.total-field{display:block;margin-bottom:1rem}.players{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.player{display:grid;grid-template-columns:12px minmax(0,1fr) 68px 62px 22px;gap:.45rem;align-items:end;padding:.55rem;border:1px solid #26262b;border-radius:8px;background:#ffffff04}.swatch{width:8px;height:38px;border-radius:99px;margin-bottom:2px;background:var(--seat-color);color:var(--seat-color);box-shadow:0 0 10px currentColor}border: 0; background: transparent; color: var(--muted); cursor: pointer; font-size: 1.1rem; line-height: 1; padding: 0 0 .55rem; } .remove-player:hover{color:var(--text)}.status{min-height:2.6em;margin:.9rem 0 .8rem;color:var(--muted);font-size:.86rem}.status[data-state=warn]{color:#e8b4b4}.draw-btn,.again-btn,.add-btn,.remove-btn{width:100%;border:0;border-radius:8px;cursor:pointer;font-family:Cinzel,Georgia,serif;letter-spacing:.12em;text-transform:uppercase;padding:.85rem 1rem}.draw-btn{background:linear-gradient(180deg,#e01212,#8a0000);color:#fff;box-shadow:0 0 22px var(--glow)}.draw-btn:disabled,.add-btn:disabled,.remove-btn:disabled{opacity:.45;cursor:not-allowed}.player-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.55rem}.add-btn,.remove-btn{margin-top:0;background:#161618;color:var(--text);border:1px solid #3a3a40;font-size:.72rem;letter-spacing:.06em;padding:.85rem .45rem;white-space:nowrap}.again-btn{margin-top:.55rem;background:linear-gradient(180deg,#e01212,#8a0000);color:#fff;border:0;box-shadow:0 0 22px var(--glow)}.floor-again{display:none;background:linear-gradient(180deg,#e01212,#8a0000);color:#fff;border:0;box-shadow:0 0 22px var(--glow)}.back-btn{display:none;background:linear-gradient(180deg,#e01212,#8a0000);color:#fff;border:0;border-radius:8px;cursor:pointer;font-family:Cinzel,Georgia,serif;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 0 18px var(--glow)}.scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;perspective:1200px;perspective-origin:50% 36%}.plaque{position:absolute;left:50%;top:auto;bottom:7%;width:min(78vw,1100px);transform:translate(-50%) rotateX(62deg);transform-origin:50% 100%;z-index:9;text-align:center;padding:.4rem 1.2rem;pointer-events:none}.plaque-kicker{margin:0;font-family:Cinzel,Georgia,serif;font-weight:700;letter-spacing:.42em;text-transform:uppercase;font-size:clamp(1rem,2.4vw,1.7rem);background:linear-gradient(180deg,#ff8a8a,#e01212 42%,#5a0000 55%,#ff4d4d);-webkit-background-clip:text;background-clip:text;color:transparent}.plaque-kicker:not([hidden])+.plaque-name{margin-top:.2rem}.plaque-name{margin:0;font-family:Cinzel,Georgia,serif;font-weight:700;font-size:clamp(3.1rem,7.5vw,6.4rem);line-height:.86;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(185deg,#fff5f5,#ffd0d0 10%,#ff6a6a 22%,#e01212 36%,#7a0a0a 48%,#2a0404 53%,#c41c1c 66%,#ffe4e4 84%,#a01010);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.018em rgba(40,0,0,.9)}html.force-desktop,html.force-desktop body,html.force-desktop .world{min-width:1100px}@media(max-width:860px){html:not(.force-desktop),html:not(.force-desktop) body,html:not(.force-desktop) .world,html:not(.force-desktop) .stage{height:100svh;max-height:100svh;min-height:0;overflow:hidden}html:not(.force-desktop) body{overflow:hidden}html:not(.force-desktop) .console{width:100%;height:100svh;max-height:100svh;margin:0;border-radius:0;border-left:0;border-right:0;padding:max(.9rem,env(safe-area-inset-top)) 1.15rem max(1.05rem,env(safe-area-inset-bottom));display:flex;flex-direction:column}html:not(.force-desktop) .console-head{margin:0 0 .4rem}html:not(.force-desktop) .console h2{font-size:1.05rem}html:not(.force-desktop) #setup-form{display:flex;flex-direction:column;flex:1;min-height:0}html:not(.force-desktop) .total-field{margin-bottom:.4rem}html:not(.force-desktop) .players{flex:1;min-height:0;overflow-y:auto;gap:.32rem}html:not(.force-desktop) .player{padding:.22rem .35rem;gap:.28rem}html:not(.force-desktop) .swatch{height:26px}html:not(.force-desktop) input{padding:.28rem .42rem;font-size:.88rem}html:not(.force-desktop) .remove-player{padding:0 0 .18rem}html:not(.force-desktop) .status{min-height:1.35em;margin:.32rem 0;font-size:.74rem}html:not(.force-desktop) .player-actions{gap:.4rem;margin-top:.4rem}html:not(.force-desktop) .draw-btn,html:not(.force-desktop) .again-btn,html:not(.force-desktop) .add-btn,html:not(.force-desktop) .remove-btn{padding:.55rem .35rem}html:not(.force-desktop) #spin-again{display:none!important}html:not(.force-desktop) .world.is-spinning .console,html:not(.force-desktop) .world.has-winner .console{display:none}html:not(.force-desktop) .plaque{bottom:5%;width:min(88vw,1100px);transform:translate(-50%) rotateX(54deg)}html:not(.force-desktop) .plaque-kicker{font-size:clamp(1.55rem,7vw,2.1rem)}html:not(.force-desktop) .plaque-name{font-size:clamp(3.5rem,13vw,4.8rem)}html:not(.force-desktop) .world.has-winner .scene{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:max(.7rem,env(safe-area-inset-top)) 1.1rem max(1.5rem,env(safe-area-inset-bottom))}html:not(.force-desktop) .world.has-winner .plaque{position:relative;left:auto;bottom:auto;width:min(88vw,1100px);transform:rotateX(54deg);margin-bottom:.25rem}html:not(.force-desktop) .world.has-winner .back-btn:not([hidden]){display:block;position:absolute;top:max(.7rem,env(safe-area-inset-top));right:max(.85rem,env(safe-area-inset-right));left:auto;z-index:22;width:auto;padding:.36rem .78rem;font-size:.68rem;transform:none;pointer-events:auto}html:not(.force-desktop) .world.has-winner .floor-again:not([hidden]){display:block;position:relative;left:auto;bottom:auto;z-index:20;width:min(54vw,200px);margin:.85rem 0 0;padding:.42rem .6rem;font-size:.72rem;transform:none;pointer-events:auto}}