:root{--bg: #1a1410;--bg-elev: #221a14;--bg-card: #2a2018;--fg: #e8d9c4;--fg-dim: #a89880;--accent: #c4923a;--accent-hot: #e0a850;--danger: #b84a3a;--border: #3a2f24;--focus: #e0a850;--ember: #b96a2a;--ember-lo: #7e3f12;--ember-hi: #d68b48;--shadow: 0 6px 20px rgba(0, 0, 0, .4);--radius: 10px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 20px;--s-5: 32px;--s-6: 52px;--font: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-display: "Cinzel", "Trajan Pro", "Iowan Old Style", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--fg);min-height:100vh;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='4'/><feColorMatrix values='0 0 0 0 0.6  0 0 0 0 0.5  0 0 0 0 0.3  0 0 0 0.6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.45) 100%)}.app-root{max-width:960px;margin:0 auto;padding:var(--s-4) var(--s-3) var(--s-6);position:relative;z-index:1}h1,h2{font-family:var(--font-display);font-weight:600;letter-spacing:.06em}h1{font-size:2.4rem;margin:0 0 .2em;color:var(--accent);text-transform:uppercase}h2{font-size:1.4rem;margin:0 0 .6em}.subtitle{color:var(--fg-dim);margin-top:0}:focus-visible{outline:2px dashed var(--focus);outline-offset:3px;border-radius:var(--radius)}button:focus-visible,input:focus-visible{outline-color:var(--accent-hot)}button{font-family:var(--font);font-size:1rem;padding:.6em 1.2em;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--fg);cursor:pointer;transition:background .12s,border-color .12s,transform 80ms;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}button:hover:not(:disabled){background:var(--bg-elev);border-color:var(--accent)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);color:#1a1410;border-color:var(--accent);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-hot)}button.secondary{background:linear-gradient(180deg,var(--ember-hi),var(--ember));color:#fff7e8;border-color:var(--ember-lo);font-weight:600;text-shadow:0 1px 0 rgba(0,0,0,.3);box-shadow:inset 0 1px #ffdcaa66,inset 0 -2px #3c190066,0 2px 6px #0006}button.secondary:hover:not(:disabled){background:linear-gradient(180deg,#e29c5a,#c8763a);border-color:var(--ember)}button.secondary:active:not(:disabled){box-shadow:inset 0 2px 4px #3c190080,inset 0 -1px #ffdcaa33}button.ghost{background:transparent}button.big{padding:.9em 2em;font-size:1.1rem;font-family:var(--font-display);letter-spacing:.06em}input[type=text],input[type=number]{font-family:var(--font);font-size:1rem;padding:.5em .8em;background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);width:100%}label{display:block;margin:.8em 0;color:var(--fg-dim);font-size:.9rem}.lobby{display:flex;flex-direction:column;gap:var(--s-3)}.lobby h1{display:flex;align-items:center;justify-content:center;gap:var(--s-4);text-align:center;margin-block:var(--s-5) var(--s-2)}.lobby h1:before,.lobby h1:after{content:"❦";color:var(--accent);font-size:.6em;opacity:.7;font-weight:400;font-family:var(--font)}.lobby h1 .title-text{display:inline-block}.lobby h1 .title-text:first-letter{font-size:1.4em;color:var(--accent-hot);text-shadow:0 0 12px rgba(224,168,80,.5),0 2px 4px rgba(0,0,0,.6)}.lobby .subtitle{text-align:center;letter-spacing:.08em;text-transform:lowercase;font-style:italic;font-size:.9rem;margin-block-end:var(--s-5)}.lobby-card{background:radial-gradient(ellipse at top,rgba(224,168,80,.04),transparent 60%),var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s-4);box-shadow:inset 0 1px #e8d9c40f,var(--shadow)}.lobby-card h2{color:var(--accent)}.table{display:flex;flex-direction:column;gap:var(--s-3)}.table-header{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.table-header>div .label{display:block;font-size:.7rem;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.1em}.table-header>div .value{font-size:1.4rem;color:var(--accent);font-weight:600;font-family:var(--font-display)}.table-header button{margin-left:auto}.players{display:flex;flex-wrap:wrap;gap:var(--s-3)}.player{flex:1 1 140px;padding:var(--s-3) var(--s-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);position:relative;isolation:isolate}.player.offline{opacity:.5}.player.active:not(.offline){border-color:#e0a85099;background:linear-gradient(180deg,#2f2218,#281a10);animation:torch-flicker 4s ease-in-out infinite}.player.active:not(.offline):before{content:"";position:absolute;inset:-16px;border-radius:calc(var(--radius) + 8px);background:radial-gradient(closest-side,#e0a85059,#e0a85000 70%);z-index:-1;animation:torch-bloom 3.2s ease-in-out infinite}@keyframes torch-flicker{0%,to{box-shadow:inset 0 0 24px #e0a8501a}20%{box-shadow:inset 0 0 28px #e0a85029}47%{box-shadow:inset 0 0 22px #e0a85014}62%{box-shadow:inset 0 0 30px #e0a8502e}85%{box-shadow:inset 0 0 24px #e0a8501f}}@keyframes torch-bloom{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.player-name{font-size:.95rem}.player-score{font-size:1.6rem;color:var(--accent);font-weight:600;font-family:var(--font-display)}.player-status{font-size:.75rem;color:var(--fg-dim);margin-top:var(--s-1)}.badge{display:inline-block;font-size:.7rem;padding:0 6px;background:var(--accent);color:#1a1410;border-radius:4px;margin-left:4px;font-family:var(--font-display);letter-spacing:.08em}.phase-area{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3);align-items:center}.phase-msg{margin:0;color:var(--fg-dim)}.phase-msg.muted{font-style:italic}.turn-info{width:100%}.turn-line{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s-2)}.turn-line .who{color:var(--accent);font-size:1.1rem;font-family:var(--font-display);letter-spacing:.04em}.turn-points strong{color:var(--accent);font-size:1.3rem;font-family:var(--font-display)}.dice-tray{display:flex;flex-wrap:wrap;gap:var(--s-3);justify-content:center;user-select:none;-webkit-user-select:none}.face-adder{user-select:none;-webkit-user-select:none}.die{width:84px;height:84px;background:transparent;border:none;padding:0;cursor:pointer;transition:transform .1s,filter .1s;transform-origin:center}.die:hover:not(:disabled){transform:translateY(-3px)}.die:disabled{cursor:default}.die.rolling{animation:dice-roll .62s cubic-bezier(.45,.05,.55,1.1) both;will-change:transform,filter}.die.rolling .die-body{filter:drop-shadow(0 6px 8px rgba(0,0,0,.4))}@keyframes dice-roll{0%{transform:translateY(-22px) rotate(-160deg) scale(.92);filter:blur(1.2px);opacity:.9}35%{transform:translateY(2px) rotate(40deg) scale(1.06);filter:blur(.6px);opacity:1}55%{transform:translateY(-6px) rotate(-15deg) scale(.98);filter:blur(0)}75%{transform:translateY(1px) rotate(8deg) scale(1.02)}to{transform:translateY(0) rotate(0) scale(1)}}.die.intro-rolling{animation:dice-intro .85s cubic-bezier(.34,1.56,.64,1) both;will-change:transform,filter}.die.intro-rolling .die-body{filter:drop-shadow(0 10px 14px rgba(0,0,0,.55))}@keyframes dice-intro{0%{transform:translateY(-220px) rotate(-720deg) scale(.55);filter:blur(2.4px);opacity:0}18%{opacity:1}55%{transform:translateY(10px) rotate(35deg) scale(1.1);filter:blur(0)}72%{transform:translateY(-12px) rotate(-12deg) scale(.97)}86%{transform:translateY(3px) rotate(5deg) scale(1.03)}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}.die svg{width:100%;height:100%}.die-body{fill:url(#bone-default)}.die[data-held="1"] .die-body{fill:url(#bone-held)}.die[data-locked="1"]{opacity:.7}.die[data-locked="1"] .die-body{fill:url(#bone-locked)}.die-pip{fill:#2a1f15}.selection-preview{font-size:1.05rem;color:var(--accent-hot);min-height:1.4em}.selection-preview.invalid{color:var(--danger)}.actions{display:flex;gap:var(--s-3);flex-wrap:wrap;justify-content:center}.hot-dice-banner{position:relative;padding:var(--s-2) var(--s-4);background:radial-gradient(ellipse at center,rgba(224,168,80,.18),transparent 75%);font-family:var(--font-display);font-size:1.4rem;color:var(--accent-hot);font-weight:700;text-transform:uppercase;letter-spacing:.4em;text-shadow:0 0 8px rgba(224,168,80,.7),0 0 22px rgba(224,168,80,.4);animation:ember-pulse 2.4s ease-in-out infinite}@keyframes ember-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}.bust-banner{width:100%;padding:var(--s-4) var(--s-3);border-radius:50%/18%;background:radial-gradient(ellipse at 30% 20%,rgba(255,200,180,.18),transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(0,0,0,.25),transparent 60%),linear-gradient(180deg,#c84d3c,#6e1d10);border:2px solid rgba(60,0,0,.6);color:#fff7e8;text-align:center;box-shadow:inset 0 0 24px #00000080,0 4px 18px #781e1499;animation:bust-flash .2s ease-out}.bust-line{font-family:var(--font-display);font-size:2rem;font-weight:700;letter-spacing:.3em;margin-bottom:var(--s-1)}.bust-detail{font-size:1rem;opacity:.95}@keyframes bust-flash{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.bust-banner.intro{animation:bust-intro .52s cubic-bezier(.34,1.56,.64,1) 1.25s both}@keyframes bust-intro{0%{transform:scale(.55) rotate(-6deg);opacity:0}60%{transform:scale(1.08) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.final-scores{padding:0;list-style:none;width:100%;max-width:320px;margin:0 auto}.final-scores li{display:flex;justify-content:space-between;padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--border)}.final-scores li:first-child{color:var(--accent);font-size:1.2rem}.final-scores li strong{color:var(--accent);font-family:var(--font-display)}.rules{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s-3) var(--s-3)}.rules summary{cursor:pointer;color:var(--fg-dim)}.rules table{width:100%;margin-top:var(--s-2);border-collapse:collapse}.rules td{padding:var(--s-1) var(--s-2)}.rules td:last-child{text-align:right;color:var(--accent)}.log{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s-2) var(--s-3);font-size:.9rem;color:var(--fg-dim);max-height:180px;overflow-y:auto}.log-entry{padding:2px 0}.toast{position:fixed;bottom:var(--s-4);left:50%;transform:translate(-50%) translateY(100px);background:var(--danger);color:#fff;padding:var(--s-3) var(--s-4);border-radius:var(--radius);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:transform .2s,opacity .2s;z-index:10}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.local-cta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-1);padding:var(--s-3) var(--s-4);background:linear-gradient(180deg,#c4923a2e,#c4923a0d);border:1px solid var(--border);border-radius:var(--radius);text-align:left;cursor:pointer}.local-cta:hover:not(:disabled){border-color:var(--accent);background:linear-gradient(180deg,#c4923a47,#c4923a14)}.local-cta span{font-size:1.05rem;color:var(--accent);font-weight:600;font-family:var(--font-display);letter-spacing:.06em}.local-cta small{color:var(--fg-dim);font-size:.85rem}.local-mode{display:flex;flex-direction:column;gap:var(--s-3)}.local-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.local-topbar h1{margin:0;font-size:1.8rem}.local-players-edit{display:flex;flex-direction:column;gap:var(--s-2);margin:.6em 0}.local-player-row{display:flex;gap:6px;align-items:center}.local-player-row input{flex:1;min-width:0}.local-player-row .icon{padding:.5em .9em;font-size:1.2rem}.order-num{color:var(--fg-dim);font-size:.85rem;min-width:1.6em;text-align:right;font-family:var(--font-display)}.reorder-btn{padding:4px 8px;font-size:.75rem;line-height:1;background:transparent;border:1px solid var(--border);color:var(--fg-dim)}.reorder-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.player-reorder{position:absolute;top:6px;right:6px;display:flex;flex-direction:column;gap:2px}.player-reorder .reorder-btn{padding:2px 6px;font-size:.7rem}.turn-sub{color:var(--fg-dim);font-size:.85rem;margin-top:var(--s-1)}.face-adder{display:flex;flex-wrap:wrap;gap:var(--s-2);justify-content:center}.face-btn{width:64px;height:64px;font-size:1.6rem;font-weight:700;font-family:var(--font-display);background:var(--bg-elev);border:1px solid var(--border);color:var(--fg);border-radius:var(--radius)}.face-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.face-btn[data-face="1"]:hover:not(:disabled),.face-btn[data-face="5"]:hover:not(:disabled){background:#c4923a26}.tray-placeholder{width:100%;text-align:center;color:var(--fg-dim);font-style:italic;padding:var(--s-4) 0}button.danger{background:#b84a3a33;color:var(--danger);border-color:#b84a3a80;font-weight:600}button.danger:hover:not(:disabled){background:#b84a3a59;border-color:var(--danger)}@media(prefers-reduced-motion:reduce){.player.active,.player.active:before,.hot-dice-banner,.die.rolling,.die.intro-rolling,.bust-banner,.bust-banner.intro{animation:none}}@media(max-width:600px){h1{font-size:1.8rem}.die{width:64px;height:64px}.face-btn{width:52px;height:52px;font-size:1.3rem}.table-header{flex-wrap:wrap}.table-header button{width:100%}.lobby h1{gap:var(--s-3)}}