:root{--giada: #2f6f4f;--giada-chiara: #3f8d64;--giada-scura: #163a28;--giada-scurissima: #081a11;--lacca: #b23a2f;--lacca-chiara: #d14a3d;--avorio: #e8e0c8;--avorio-chiaro: #f6f0dd;--oro: #c9a227;--oro-chiaro: #e8c969;--oro-cupo: #8a6b1a;--inchiostro: #0b1912;--testo-scuro: #2a2016;font-family:system-ui,sans-serif}body{margin:0;background:var(--inchiostro);color:var(--avorio)}h1,h2,h3{font-family:Georgia,"Noto Serif",Times New Roman,serif;color:var(--oro-chiaro);letter-spacing:.02em}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem;text-align:center;background:radial-gradient(ellipse at 50% 20%,#3f8d6440,#0000 60%),radial-gradient(ellipse at 50% 100%,var(--giada-scurissima) 0%,var(--inchiostro) 70%);padding:1.5rem;box-sizing:border-box}.home h1{margin:0}.home__wordmark{width:420px;height:auto;max-width:80vw;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.home p{opacity:.85}.home__menu{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;width:100%;max-width:20rem}.home__menu button{width:100%}.home__menu>button:first-child{background:linear-gradient(180deg,var(--oro-chiaro) 0%,var(--oro) 55%,var(--oro-cupo) 100%);border-color:var(--oro-chiaro);color:var(--testo-scuro);font-weight:700;box-shadow:0 3px 10px #00000073,inset 0 1px #ffffff80}.home__menu>button:first-child:hover:not(:disabled){filter:brightness(1.05);border-color:var(--avorio-chiaro)}.home__pc{display:flex;flex-direction:column;align-items:center;gap:.5rem;border-top:1px solid rgba(201,162,39,.25);border-bottom:1px solid rgba(201,162,39,.25);padding:.75rem 0}.home__pc-label{font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;opacity:.65}.home__pc-choices{display:flex;gap:.5rem;width:100%}.home__pc-choices button{flex:1;padding:.5rem .75rem;background:transparent;border:1px solid var(--oro-cupo);color:var(--avorio);box-shadow:none}.home__pc-choices button:hover:not(:disabled){background:#c9a2271f;border-color:var(--oro-chiaro);box-shadow:none;transform:none}.home__opzione{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;opacity:.8}.home__opzione input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--oro)}.regole{min-height:100vh;padding:1rem;background:var(--inchiostro);box-sizing:border-box}.regole>button{position:sticky;top:1rem}.regole__testo{max-width:40rem;margin:1rem auto;line-height:1.6}.regole__testo h1,.regole__testo h2,.regole__testo h3{border-bottom:1px solid rgba(201,162,39,.25);padding-bottom:.35rem}.tavolo__suggerimento-fab{position:absolute;top:calc(.75rem + env(safe-area-inset-top));right:calc(.75rem + env(safe-area-inset-right));z-index:1;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;min-height:0;padding:0;border-radius:999px;background:linear-gradient(180deg,var(--avorio-chiaro) 0%,var(--avorio) 100%);color:var(--testo-scuro);border:1px solid var(--oro);box-shadow:0 4px 14px #0006,inset 0 1px #fff9}.tavolo__suggerimento-fab svg{width:1.4rem;height:1.4rem}.tavolo__suggerimento-fab:hover:not(:disabled){background:linear-gradient(180deg,var(--oro-chiaro) 0%,var(--oro) 100%)}.dice-panel__counter{font-size:.9rem;color:var(--testo-scuro);opacity:.75}.tavolo{display:flex;flex-direction:column;height:100dvh}.tavolo__scene{position:relative;flex:1;min-height:0}.tavolo__board{position:absolute;top:0;right:0;bottom:0;left:0}.tavolo__hud{position:absolute;top:52%;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.35rem;padding:0 .6rem calc(.4rem + env(safe-area-inset-bottom));pointer-events:none}.tavolo__hud>*{pointer-events:auto;width:100%;max-width:28rem}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .9rem;background:linear-gradient(180deg,#081a11e6,#081a118c);border-bottom:1px solid rgba(201,162,39,.35)}.top-bar__status{font-size:.85rem;opacity:.8}.player-badge{padding:.3rem .9rem;border-radius:999px;border:1px solid rgba(201,162,39,.4);opacity:.6;background:#0003;transition:opacity .15s ease,background .15s ease,box-shadow .15s ease}.player-badge--active{opacity:1;background:linear-gradient(180deg,var(--oro-chiaro) 0%,var(--oro) 100%);border-color:var(--oro-chiaro);color:var(--testo-scuro);font-weight:600;box-shadow:0 0 0 3px #c9a2272e}.dice-panel{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:0 auto .4rem;padding:.5rem 1rem;width:fit-content;max-width:calc(100% - 1.5rem);background:linear-gradient(180deg,var(--avorio-chiaro) 0%,var(--avorio) 100%);color:var(--testo-scuro);border:1px solid var(--oro);border-radius:999px;box-shadow:0 4px 14px #0006,inset 0 1px #fff9}.dice-panel button{background:linear-gradient(180deg,var(--giada-chiara) 0%,var(--giada) 55%,var(--giada-scura) 100%)}.bottom-bar{text-align:center;margin:0 .75rem .4rem;padding:.4rem 1rem;background:linear-gradient(180deg,#081a11eb,#163a28eb);border:1px solid rgba(201,162,39,.4);border-radius:999px;font-size:.85rem}.tavolo__captures{display:flex;gap:.5rem;padding:0 .75rem .5rem;overflow-x:auto}.captures-panel{flex:1;min-width:10rem;font-size:.8rem;background:linear-gradient(180deg,var(--avorio-chiaro) 0%,var(--avorio) 100%);color:var(--testo-scuro);border:1px solid var(--oro);border-radius:.75rem;padding:.45rem .65rem;box-shadow:0 4px 14px #00000059,inset 0 1px #fff9}.captures-panel h3{margin:0 0 .25rem;color:var(--giada-scura);font-size:.85rem;border-bottom:1px solid rgba(201,162,39,.4);padding-bottom:.2rem}.captures-panel ul{list-style:none;padding:0;margin:0}.captures-panel li{display:flex;justify-content:space-between;gap:.5rem;padding:.1rem 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000a6;padding:1rem;box-sizing:border-box}.modal{background:linear-gradient(180deg,var(--avorio-chiaro) 0%,var(--avorio) 100%);color:var(--testo-scuro);padding:1.75rem 1.5rem;border-radius:1rem;border:1px solid var(--oro);text-align:center;box-shadow:0 12px 40px #00000080;max-width:24rem;width:100%}.modal h2,.modal h3{color:var(--giada-scura);margin-top:0}.modal button{background:linear-gradient(180deg,var(--giada-chiara) 0%,var(--giada) 55%,var(--giada-scura) 100%)}.modal__choices{display:flex;gap:.5rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.modal__choices button{min-width:2.75rem;padding:.5rem .75rem}.dice-roll-modal{background:#00000073}.dice-roll-modal__box{width:24rem;height:24rem}button{font:inherit;font-weight:600;letter-spacing:.01em;padding:.65rem 1.4rem;min-height:2.75rem;border:1px solid var(--oro-cupo);border-radius:999px;background:linear-gradient(180deg,var(--giada-chiara) 0%,var(--giada) 55%,var(--giada-scura) 100%);color:var(--avorio);cursor:pointer;box-shadow:0 2px 6px #00000059,inset 0 1px #ffffff26;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,filter .12s ease}button:hover:not(:disabled){filter:brightness(1.08);border-color:var(--oro);box-shadow:0 4px 10px #0006,0 0 0 1px #c9a2274d,inset 0 1px #fff3;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0);filter:brightness(.95);box-shadow:0 1px 3px #0006,inset 0 1px 2px #0000004d}button:focus-visible{outline:2px solid var(--oro-chiaro);outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed;filter:none;transform:none;box-shadow:none}input[type=text],input:not([type]){font:inherit;padding:.6rem 1rem;border-radius:999px;border:1px solid var(--oro-cupo);background:#00000040;color:var(--avorio-chiaro)}input::placeholder{color:#e8e0c880}code{display:block;background:#0000004d;border:1px solid rgba(201,162,39,.4);border-radius:.5rem;padding:.5rem .75rem;word-break:break-all}@media (max-width: 480px){.top-bar{padding:.4rem .6rem;font-size:.8rem}.top-bar__status{display:none}.player-badge{padding:.25rem .6rem}.dice-panel{padding:.35rem .75rem;gap:.45rem;font-size:.8rem}button{padding:.45rem .9rem;min-height:2.4rem}.bottom-bar{font-size:.75rem;margin:0 .5rem .35rem}.tavolo__captures{padding:0 .5rem .35rem;gap:.35rem}.captures-panel{min-width:8rem;font-size:.7rem;padding:.4rem .5rem}.home__wordmark{width:300px}}