.numbers-table{--copper:#d78545;--cream:#fff0d3;--coal:#0b1018;--blue:#1b5f9a;color:#f6eadb}.numbers-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.numbers-heading h2{margin:2px 0;font:900 clamp(34px,6vw,58px)/.9 Georgia,serif;letter-spacing:-3px;color:var(--cream)}.numbers-heading em{color:var(--copper)}.numbers-heading p{margin:9px 0 0;color:#bba998}.numbers-kicker{color:#d69a66;font:800 10px system-ui;letter-spacing:.18em}.numbers-tools{display:flex;align-items:center;gap:8px;font-size:11px;color:#cbbbaa}.numbers-tools b{color:#fff}.numbers-entry{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}.numbers-intro,.numbers-join,.numbers-lobby,.numbers-hand,.numbers-chat{border:1px solid #785039;border-radius:15px;background:linear-gradient(135deg,#201813,#100f12);box-shadow:inset 0 1px #ffffff0d}.numbers-intro{min-height:285px;padding:32px;position:relative;overflow:hidden}.numbers-intro h3,.numbers-join h3,.numbers-lobby h3{position:relative;margin:4px 0 8px;font:800 26px Georgia,serif}.numbers-intro p{position:relative;max-width:400px;color:#d1bfad;line-height:1.55}.numbers-intro .cta{position:relative;width:auto;padding:0 22px}.numbers-card-fan{position:absolute;right:25px;bottom:8px;width:180px;height:210px}.numbers-card-fan i{position:absolute;display:grid;place-items:center;width:96px;height:140px;border:2px solid #f4c58f;border-radius:9px;background:radial-gradient(circle at 50% 40%,#6f2718,#35160f 68%);color:#f8d6aa;font:900 34px Georgia,serif;box-shadow:inset 0 0 0 6px #2d120d,0 9px 18px #0008}.numbers-card-fan i:after{content:'☠';position:absolute;font-size:55px;color:#e2a56855}.numbers-card-fan i:nth-child(1){transform:rotate(-19deg);left:3px;top:35px}.numbers-card-fan i:nth-child(2){transform:rotate(-2deg);left:43px;top:14px}.numbers-card-fan i:nth-child(3){transform:rotate(17deg);left:83px;top:36px}.numbers-join{padding:28px;display:flex;flex-direction:column;justify-content:center}.numbers-join label{display:grid;gap:7px;margin:15px 0;color:#cdb8a3;font-weight:700}.numbers-join input,.numbers-chat input{border:1px solid #79543d;border-radius:8px;background:#0b0d11;color:#fff;padding:12px}.numbers-lobby{padding:25px}.numbers-players{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.numbers-player{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #644636;border-radius:10px;background:#171417}.numbers-player>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#c8783f;color:#21130d;font-weight:900}.numbers-player small{color:#e7b175;font-size:9px}.numbers-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.numbers-options label{padding:13px;border:1px solid #513b31;border-radius:10px;background:#151317;cursor:pointer}.numbers-options input{accent-color:#d78545}.numbers-options b,.numbers-options small{display:block}.numbers-options small{margin:4px 0 0;color:#b9a695;font-size:11px}.numbers-starter{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.numbers-starter>span{font-weight:800}.numbers-starter>div{display:flex;gap:5px;flex-wrap:wrap}.numbers-starter button{border:1px solid #785039;border-radius:7px;background:#151317;color:#e9d4bb;padding:7px 10px}.numbers-starter button.selected{background:#a8562e;color:#fff;border-color:#e9ad74}.numbers-starter .cta{margin-left:auto}.numbers-starter p{width:100%;margin:2px 0 0;color:#bba998;font-size:12px}.numbers-turn{display:flex;justify-content:center;gap:1px;margin-bottom:14px}.numbers-turn>div{min-width:150px;padding:9px 18px;border:1px solid #604734;background:#171416;text-align:center}.numbers-turn>div:first-child{border-radius:10px 0 0 10px}.numbers-turn>div:last-child{border-radius:0 10px 10px 0}.numbers-turn span,.numbers-turn b{display:block}.numbers-turn span{color:#bc9f84;font-size:9px;font-weight:800;letter-spacing:.12em}.numbers-turn b{margin-top:3px;font-size:15px}.numbers-tabletop{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:14px}.numbers-piles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:20px;border:1px solid #604734;border-radius:15px;background:radial-gradient(circle at center,#302017,#121014 70%)}.numbers-pile{min-height:180px;display:flex;flex-direction:column;justify-content:space-between;padding:12px;border:3px solid #0a0c10;border-radius:11px;background:linear-gradient(145deg,#181b20,#06080a);color:#fff;box-shadow:0 8px 12px #0008}.numbers-pile.up{border-top-color:#d78545}.numbers-pile.down{border-top-color:#7496ba}.numbers-pile span{color:#c5b4a2;font:800 15px Georgia,serif}.numbers-pile strong{align-self:center;font:900 clamp(35px,5vw,58px) Georgia,serif}.numbers-pile small{text-transform:uppercase;font-size:9px;color:#97887c;letter-spacing:.1em}.numbers-pile.legal{outline:3px solid #e7b56e;transform:translateY(-5px)}.numbers-pile.illegal{opacity:.42}.numbers-team{padding:16px;border:1px solid #604734;border-radius:14px;background:#141216}.numbers-team h3{margin:0 0 8px;font:800 18px Georgia,serif}.numbers-team-player{padding:9px 0;border-bottom:1px solid #3f3028}.numbers-team-player:last-child{border-bottom:0}.numbers-team-player b,.numbers-team-player span{display:block}.numbers-team-player span{margin-top:2px;color:#aa9787;font-size:11px}.numbers-team-player.acting b{color:#efb474}.numbers-fire{margin:13px 0 0;padding:8px;border:1px solid #3176b6;border-radius:8px;background:#11355b;color:#d4efff;font-size:11px;line-height:1.35}.numbers-hand{margin-top:14px;padding:17px}.numbers-hand-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.numbers-hand h3{margin:3px 0 0;font:800 19px Georgia,serif}.numbers-cards{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.numbers-card{position:relative;display:grid;place-items:center;width:76px;height:108px;border:2px solid #d99a63;border-radius:9px;background:radial-gradient(circle at 50% 42%,#8c3822,#421a12 67%);color:#ffe1b8;font:900 30px Georgia,serif;box-shadow:inset 0 0 0 5px #35120d,0 5px 10px #0008}.numbers-card:after{content:'☠';position:absolute;bottom:5px;font-size:22px;color:#f2bd8955}.numbers-card:hover:enabled,.numbers-card.selected{transform:translateY(-9px);border-color:#fff0bd}.numbers-card.selected{box-shadow:0 0 0 3px #e6b361, inset 0 0 0 5px #35120d}.numbers-card.fire-card{border-color:#74c5ff;background:radial-gradient(circle at 50% 42%,#348ed0,#102a5a 67%);color:#eaf8ff}.numbers-card.fire-card:after{content:'♨';color:#8bd6ff}.numbers-hint{min-height:18px;margin:12px 0 0;color:#cbb9a5;font-size:12px}.numbers-chat{margin-top:14px;padding:16px}.numbers-chat h3{margin:0;font-size:15px}.numbers-chat>div>p{margin:3px 0 10px;color:#ad9d90;font-size:11px}.numbers-chat ol{max-height:150px;overflow:auto;margin:0;padding:0;list-style:none}.numbers-chat li{margin:6px 0;padding:7px 9px;border-radius:7px;background:#171419}.numbers-chat li b{margin-right:6px;color:#e4ad75;font-size:11px}.numbers-chat li span{overflow-wrap:anywhere}.numbers-chat form{display:flex;gap:7px;margin-top:9px}.numbers-chat input{flex:1;min-width:0}.numbers-status{min-height:20px;color:#f0b277;text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:760px){.numbers-heading{flex-wrap:wrap}.numbers-entry,.numbers-tabletop{grid-template-columns:1fr}.numbers-intro{min-height:250px;padding:24px}.numbers-card-fan{right:-17px;transform:scale(.75);transform-origin:bottom right}.numbers-options{grid-template-columns:1fr}.numbers-starter .cta{margin-left:0}.numbers-turn>div{min-width:0;flex:1;padding:8px}.numbers-turn b{font-size:12px}.numbers-piles{gap:6px;padding:9px}.numbers-pile{min-height:116px;padding:7px}.numbers-pile strong{font-size:30px}.numbers-pile span{font-size:11px}.numbers-cards{gap:6px}.numbers-card{width:59px;height:84px;font-size:24px}.numbers-card:after{font-size:17px}.numbers-team{order:-1}.numbers-team>div{display:grid;grid-template-columns:repeat(2,1fr);gap:0 10px}.numbers-team-player{padding:6px 0}.numbers-tools{font-size:9px}.numbers-tools .secondary{padding:7px}}
.numbers-turn>div{min-width:120px}.numbers-result{margin:-6px auto 12px;max-width:620px;padding:9px 14px;border:1px solid #d99a63;border-radius:9px;background:#3a2118;color:#ffe0b7;text-align:center}.numbers-pile.fire-top{border-color:#58bfff;background:radial-gradient(circle at 50% 52%,#45b9f1 0 5%,#125188 23%,#091735 68%);box-shadow:inset 0 0 25px #76d7ff,0 0 18px #319eecaa}.numbers-pile.fire-top strong{position:relative;text-shadow:0 0 13px #fff}.numbers-pile.fire-top strong:after,.numbers-card.fire-card:after{content:'';position:absolute;left:50%;width:34px;height:44px;transform:translateX(-50%);z-index:-1;background:radial-gradient(ellipse at 50% 85%,#e8fbff 0 10%,#7ee0ff 25%,#2b9ee8 48%,transparent 70%);clip-path:polygon(50% 0,71% 37%,90% 58%,73% 100%,28% 100%,8% 60%,31% 38%)}.numbers-pile.fire-top strong:after{top:50%;transform:translate(-50%,-45%)}.numbers-card.fire-card:after{bottom:3px;z-index:0}.numbers-card.fire-card{isolation:isolate}@media(max-width:760px){.numbers-turn>div{min-width:0}}
/* Illustrated copper cards, engraved frames and blue fire variants. */
.numbers-card,.numbers-card-fan i{background-image:url('/assets/numbers-skull.svg'),radial-gradient(ellipse at 25% 0,#a4643e,#4a251c 60%,#281713);background-size:92% 86%,cover;background-repeat:no-repeat;background-position:center 75%,center;border-color:#c29263;box-shadow:inset 0 0 0 3px #281712,inset 0 0 0 4px #bd864c77,0 7px 12px #0007}
.numbers-card{width:88px;height:128px;display:flex;align-items:flex-start;justify-content:flex-start;padding:8px 10px;font:800 25px/1 Georgia,serif;color:#ffe9bf;text-shadow:0 2px 3px #180c08;transition:transform .15s,border-color .15s}
.numbers-card:after{content:attr(data-value);position:absolute;bottom:8px;right:10px;color:#ffe9bf;font:800 20px/1 Georgia,serif;transform:rotate(180deg)}
.numbers-card.fire-card{background-image:url('/assets/numbers-fire.svg'),radial-gradient(ellipse at 30% 0,#164b76,#091b36 70%);background-size:92% 86%,cover;background-position:center 75%,center;border-color:#80cfe8;box-shadow:inset 0 0 0 3px #08182d,inset 0 0 0 4px #64b9dc66,0 5px 18px #077ebe33;color:#e5fcff}
.numbers-card.fire-card:after{content:attr(data-value);left:auto;width:auto;height:auto;clip-path:none;background:none;transform:rotate(180deg);color:#e5fcff;z-index:1}
.numbers-card:disabled,.numbers-pile:disabled{opacity:1;cursor:default}.numbers-card.selected{border-color:#fff1c6;box-shadow:0 0 0 3px #e6b361,inset 0 0 0 3px #301b15,0 10px 20px #0008}
.numbers-pile{position:relative;isolation:isolate;box-shadow:inset 0 0 0 2px #b99e7033,0 6px 12px #0007;background:repeating-linear-gradient(45deg,#ffffff03 0 1px,transparent 1px 7px),linear-gradient(145deg,#232427,#080b0f)}
.numbers-pile.copper-top{background-image:url('/assets/numbers-skull.svg'),linear-gradient(135deg,#854c32,#2e1813);background-size:auto 84%,cover;background-position:center,center;background-repeat:no-repeat;border-color:#b97d4f}
.numbers-pile.fire-top{background-image:url('/assets/numbers-fire.svg'),linear-gradient(135deg,#123d64,#07152c);background-size:auto 90%,cover;background-position:center,center;background-repeat:no-repeat;border-color:#73cce6;box-shadow:inset 0 0 0 2px #9be8ff33,0 0 20px #269dc733}
.numbers-pile strong{z-index:1;text-shadow:0 2px 6px #000,0 0 12px #000}.numbers-pile span,.numbers-pile small{position:relative;z-index:1}.numbers-pile.fire-top strong:after{display:none}.numbers-pile.legal{outline-color:#f9d796}.numbers-pile.illegal{opacity:.45}
.numbers-card-fan i{align-items:flex-start;justify-items:start;padding:12px;font-size:28px}.numbers-card-fan i:after{content:none}.numbers-intro p{max-width:65%}.numbers-intro .cta{max-width:65%}
.numbers-new-game{position:relative}.game-new-badge{position:absolute;top:14px;left:14px;padding:6px 10px;border:1px solid #fbd49a;border-radius:20px;background:#e7b677;color:#291b13;font:800 11px system-ui;letter-spacing:.05em;text-transform:uppercase}.numbers-new-game .game-thumb{font-size:0;background:url('/assets/numbers-skull.svg') no-repeat 85% 45%/110px,linear-gradient(120deg,#70452d,#241c1a)}
.numbers-rules-button{align-self:flex-start;white-space:nowrap;border-color:#c08e61;color:#ffe1bb;margin-left:auto}.numbers-rules-dialog{width:min(800px,calc(100% - 24px));max-height:88dvh;padding:26px;border:1px solid #9a704f;border-radius:18px;background:#181714;color:#eee4d6;overflow-y:auto;box-shadow:0 30px 100px #0009}.numbers-rules-dialog::backdrop{background:#050908c9;backdrop-filter:blur(4px)}.numbers-rules-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.numbers-rules-dialog header span{font:800 10px system-ui;letter-spacing:.14em;color:#e7b677}.numbers-rules-dialog h2{font:700 30px/1.15 Georgia,serif;margin:8px 0}.numbers-rules-dialog h3{font-size:16px;color:#f5d6ad;margin:0 0 8px}.numbers-rules-dialog p{line-height:1.65;margin:0 0 10px;color:#cfc4b4}.numbers-rules-lead{padding:12px 0 18px}.numbers-rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.numbers-rules-grid section{padding:18px;background:#ffffff04;border:1px solid #66513c;border-radius:10px}.numbers-rules-grid .numbers-rules-reverse{background:#442d1d}.numbers-rules-grid .numbers-rules-fire{background:#102334;border-color:#426b85}
@media(max-width:760px){.numbers-card{width:67px;height:102px;padding:7px;font-size:21px}.numbers-card:after{font-size:17px;right:7px;bottom:7px}.numbers-heading{gap:12px}.numbers-rules-button{margin-left:0}.numbers-rules-dialog{padding:18px}.numbers-rules-dialog h2{font-size:24px}.numbers-rules-grid{grid-template-columns:1fr}.numbers-rules-dialog header button{padding:8px}.numbers-intro p,.numbers-intro .cta{max-width:75%}.numbers-card-fan{opacity:.6;right:-30px}.numbers-rules-grid section{padding:14px}}
@media(prefers-reduced-motion:reduce){.numbers-card{transition:none}}

/* Le pile devono restare leggibili anche quando l'illustrazione della carta è in primo piano. */
.numbers-pile{overflow:hidden;border-width:2px;transition:transform .15s,box-shadow .15s,filter .15s}
.numbers-pile.up{border-color:#e2a35f;background-color:#21150f}
.numbers-pile.down{border-color:#80b7e6;background-color:#101b2b}
.numbers-pile-direction{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;padding:5px 7px;border:1px solid currentColor;border-radius:999px;background:#080b0fd9;font:900 10px/1 system-ui;letter-spacing:.09em}
.numbers-pile.up .numbers-pile-direction{color:#ffd099}
.numbers-pile.down .numbers-pile-direction{color:#b9e1ff}
.numbers-pile-direction b{font-size:18px;line-height:.7}
.numbers-pile-direction span{color:inherit;font:inherit}
.numbers-pile strong{display:grid;place-items:center;align-self:stretch;min-height:70px;margin:9px 0;padding:3px 6px;border:1px solid #ffffff33;border-radius:10px;background:#050709bf;color:#fff8e8;font-size:clamp(38px,5.4vw,62px);line-height:1;text-shadow:0 2px 8px #000}
.numbers-pile small{align-self:flex-start;max-width:100%;padding:5px 7px;border-radius:6px;background:#080b0fd9;color:#f0dfcd;font:800 10px/1.2 system-ui;letter-spacing:.02em;text-align:left;text-transform:none}
.numbers-pile.fire-top small{color:#d8f5ff;background:#07325bd9}
.numbers-pile.legal{box-shadow:0 0 0 3px #f9d796,0 0 24px #e8aa5a66;filter:brightness(1.12)}
.numbers-pile:focus-visible{outline:3px solid #fff4c6;outline-offset:3px}
@media(max-width:540px){.numbers-piles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 52px 10px 10px}.numbers-pile{min-height:148px;padding:9px}.numbers-pile strong{min-height:56px;margin:7px 0;font-size:42px}.numbers-pile-direction{font-size:9px}.numbers-pile small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.numbers-pile{transition:none}}
