/* The Numbers scene: presentation only; game actions remain in numbers.js. */
.settings-logout{padding:28px 0 8px;border-top:1px solid #674492;margin-top:24px}
#page-settings #logout{position:static;display:block;width:100%;padding:15px;border:1px solid #dc6372;border-radius:12px;background:#34132d;color:#ffb6c1;font:700 16px system-ui;cursor:pointer}
.numbers-brand{display:none}.numbers-deck{display:none}
body:has(#page-numbers.playing:not(.hidden)) .shell{width:100%;max-width:none;margin:0;border:0;border-radius:0;background:#160d25}
body:has(#page-numbers.playing:not(.hidden)) #app-view{display:block}
body:has(#page-numbers.playing:not(.hidden)) #app-view>.sidebar,body:has(#page-numbers.playing:not(.hidden)) .topbar{display:none!important}
body:has(#page-numbers.playing:not(.hidden)) #app-view .content{padding:0;max-width:none;margin:0}
#page-numbers.playing{max-width:1200px;margin:auto;background:url('/assets/numbers-table.webp') center top/100% 100% no-repeat;padding-bottom:30px;isolation:isolate}
#page-numbers.playing .numbers-heading{display:flex;align-items:center;gap:20px;margin:0;padding:18px 24px;min-height:94px;background:linear-gradient(110deg,#130922,#170e2aef);border-bottom:1px solid #77509b;box-shadow:0 5px 22px #0008}
#page-numbers.playing .numbers-brand{display:flex;align-items:center;gap:4px;white-space:nowrap;margin-right:auto}
.numbers-brand img{width:64px;height:64px;object-fit:contain}.numbers-brand strong{font:900 27px system-ui;color:white}.numbers-brand strong span{color:#ffdc58}
#page-numbers.playing .numbers-heading-title{display:none}
#page-numbers.playing .numbers-tools{display:contents}
#page-numbers.playing .numbers-tools>span{font:500 14px system-ui;color:#dfc8f6;text-align:center}
#page-numbers.playing .numbers-tools>span:before{content:'THE NUMBERS';display:block;font:800 12px system-ui;letter-spacing:.13em;margin-bottom:8px}
#page-numbers.playing .numbers-tools [data-n=copy]{font-size:0;padding:10px;border-radius:8px}
#page-numbers.playing .numbers-tools [data-n=copy]:after{content:'⧉';font-size:23px}
#page-numbers.playing .numbers-heading button{background:#27133f;border:1px solid #8661ac;color:#ead6ff;border-radius:12px;padding:15px 18px;font:700 15px system-ui}
#page-numbers.playing .numbers-heading [data-n=leave]{color:#ff5b65;border-color:#ed4352;background:#320e22;order:4}
#page-numbers.playing .numbers-rules-button{order:3;margin:0}
#page-numbers.playing .numbers-game{position:relative}
#page-numbers.playing .numbers-turn{position:absolute;left:50%;top:74%;transform:translateX(-50%);z-index:2;margin:0;gap:5px;width:max-content;max-width:75%;flex-wrap:wrap}
#page-numbers.playing .numbers-turn>div{background:#190f29d9;border:1px solid #86633e;border-radius:9px;min-width:0;padding:7px 10px}
#page-numbers.playing .numbers-turn>div:nth-child(2),#page-numbers.playing .numbers-turn>div:nth-child(4){display:none}
#page-numbers.playing .numbers-turn b{font-size:12px}#page-numbers.playing .numbers-turn span{font-size:8px}
#page-numbers.playing .numbers-result{position:relative;z-index:3;margin:10px auto;max-width:75%;background:#22112e}
#page-numbers.playing .numbers-tabletop{position:relative;display:block;aspect-ratio:1/.99;min-height:650px}
#page-numbers.playing .numbers-piles{position:absolute;left:26%;top:31%;width:39%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:none!important;border:0!important;padding:0;box-shadow:none}
#page-numbers.playing .numbers-pile{display:flex;min-height:0;aspect-ratio:.70;padding:8px;gap:7px;border:2px solid #e7b63f;border-radius:17px;background:#0d0a10e8!important;box-shadow:0 0 0 3px #291b13,0 0 12px #efb42280;transition:transform .15s}
#page-numbers.playing .numbers-pile.down{border-color:#8ad3ff;box-shadow:0 0 0 3px #142031,0 0 12px #41b6ff80}
#page-numbers.playing .numbers-pile-direction{padding:5px 3px;border:1px solid currentColor;border-radius:30px;justify-content:center;color:#ffdc87;font-size:clamp(9px,1.5vw,18px);white-space:nowrap;gap:4px}
#page-numbers.playing .numbers-pile.down .numbers-pile-direction{color:#b4eaff}
#page-numbers.playing .numbers-pile strong{position:relative;display:block;flex:1;width:87%;align-self:center;padding:10px;margin:0;min-height:0;border:2px solid #d5a675;border-radius:10px;background:url('/assets/numbers-skull.svg') center/90% 90% no-repeat,linear-gradient(135deg,#aa7545,#552e20 65%,#301a13);box-shadow:inset 0 0 0 3px #4b2a1b,inset 0 0 0 5px #e9b37d55,0 4px 6px #000a;color:#fff0ce;font:800 clamp(25px,3.8vw,50px)/1 Georgia;text-align:left}
#page-numbers.playing .numbers-pile strong:after{content:attr(data-value);position:absolute;right:9px;bottom:9px;transform:rotate(180deg);font:inherit;color:inherit}
#page-numbers.playing .numbers-pile small{display:none}
#page-numbers.playing .numbers-pile.fire-top strong{background-image:url('/assets/numbers-fire.svg'),linear-gradient(#165076,#091c3a);border-color:#8bdcff}
#page-numbers.playing .numbers-pile.fire-top strong:after{left:auto;top:auto;width:auto;height:auto;background:none;clip-path:none;z-index:auto}
#page-numbers.playing .numbers-pile.legal{outline:3px solid #fff5c9;transform:translateY(-4px)}
#page-numbers.playing .numbers-pile.illegal{opacity:.46}
#page-numbers.playing .numbers-team{position:static;padding:0;border:0!important;background:none!important}
#page-numbers.playing .numbers-team>h3{display:none}
#page-numbers.playing [data-n=team]{display:contents}
#page-numbers.playing .numbers-team-player{position:absolute;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:8px;width:22%;padding:12px 10px 4px;border:2px solid #7855a4;border-radius:28px;background:linear-gradient(#140c22,#090911);color:#fff;box-shadow:inset 0 1px 3px #cc9df477,0 5px 10px #0007}
#page-numbers.playing .numbers-team-player:nth-child(1){top:3%;left:39%}
#page-numbers.playing .numbers-team-player:nth-child(2){top:20%;left:2%}
#page-numbers.playing .numbers-team-player:nth-child(3){top:20%;right:2%}
#page-numbers.playing .numbers-team-player:nth-child(4){top:73%;left:2%}
#page-numbers.playing .numbers-team-player.acting{border-color:#ffdb69;box-shadow:0 0 4px 2px #ffd75a,0 0 25px #ffb62baa}
#page-numbers.playing .numbers-seat-avatar{width:48px;height:48px;border:2px solid #c4a3e9;border-radius:50%;background-image:url('/assets/avatars.webp');background-size:400% 300%;background-repeat:no-repeat;margin:0}
#page-numbers.playing .numbers-seat-name{min-width:0}#page-numbers.playing .numbers-seat-name b{color:#fff;font:750 17px system-ui;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#page-numbers.playing .numbers-seat-name span{color:#dcc5f4;font:500 14px system-ui}
#page-numbers.playing .numbers-team-player .pc-hand-backs{grid-column:1/-1;position:relative;display:block;height:78px;overflow:visible;padding:0;margin:6px 0 -12px}
#page-numbers.playing .numbers-team-player .pc-card-back{display:block;width:47px;height:69px;border:1px solid #e3c7a6;border-radius:5px;position:absolute;left:50%;bottom:4px;margin:0;transform-origin:50% 100%;transform:translate(calc(-50% + var(--fan-offset,0%)),var(--fan-lift,0px)) rotate(var(--fan-angle,0deg));box-shadow:0 3px 6px #0008}
#page-numbers.playing .numbers-seat-turn{position:absolute;bottom:-24px;left:12%;width:76%;padding:5px;border:2px solid #f7cf55;border-radius:18px;background:#171017;color:#ffe79f;text-align:center;font:800 12px system-ui}
#page-numbers.playing .numbers-deck{display:block;position:absolute;top:42%;right:12%;width:18%;padding:12px 10px 18px;border:1px solid #754992;border-radius:23px;background:#140c23da;text-align:center}
#page-numbers.playing .numbers-deck h3{font:800 17px Georgia;color:#ffda8a;margin:0 0 12px}
#page-numbers.playing .numbers-deck .pc-deck-back{display:flex;flex-direction:column;gap:20px}
#page-numbers.playing .numbers-deck .pc-card-back{width:84%;height:auto;aspect-ratio:256/376;box-shadow:0 3px #d7baa1,0 6px #62402d,0 9px #d7baa1,0 12px #62402d;border:2px solid #e9d0b0;border-radius:10px}
#page-numbers.playing .numbers-deck .pc-deck-back>span:last-child{font:800 27px Georgia;color:#ffc482}
#page-numbers.playing .numbers-deck>span{font:500 13px system-ui;color:#ede1f6}
#page-numbers.playing .numbers-fire{position:absolute;bottom:2%;left:27%;max-width:55%;margin:0}
#page-numbers.playing .numbers-hand{position:relative;margin:0 2%;padding:22px;border:2px solid #6e479b;background:linear-gradient(120deg,#160b24f7,#090a10f7)!important;border-radius:25px;box-shadow:0 10px 26px #0008}
#page-numbers.playing .numbers-hand h3{font:800 30px Georgia;color:#ffdc83;margin:0 0 4px}
#page-numbers.playing [data-n=handcount]{color:#ffdc83;font:500 17px system-ui}
#page-numbers.playing .numbers-hand-head{margin-bottom:16px}
#page-numbers.playing .numbers-hand-head button{padding:17px 26px;border:1px solid #9670bd;border-radius:12px;background:linear-gradient(135deg,#402266,#211035);font:800 18px system-ui;color:white}
#page-numbers.playing .numbers-cards{display:flex;flex-wrap:nowrap;gap:8px;margin:0;padding:12px 0 8px;overflow-x:auto;overflow-y:visible}
#page-numbers.playing .numbers-card{flex:0 0 calc((100% - 56px)/8);width:auto;min-width:63px;height:auto;aspect-ratio:.68;padding:9px;font-size:clamp(24px,3.1vw,38px)}
#page-numbers.playing .numbers-card:after{font-size:inherit}
#page-numbers.playing .numbers-hint{font-size:16px;margin:16px 0 0;color:#dcc2f6}
#page-numbers.playing .numbers-chat{display:none}
#page-numbers.playing .numbers-status:empty{display:none}
@media(max-width:700px){
 #page-numbers.playing .numbers-heading{padding:10px 8px;gap:7px;min-height:66px;flex-wrap:nowrap}
 .numbers-brand img{width:36px;height:36px}.numbers-brand strong{font-size:14px}
 #page-numbers.playing .numbers-heading button{padding:9px 7px;font-size:11px;border-radius:8px}
 #page-numbers.playing .numbers-tools>span{font-size:9px}#page-numbers.playing .numbers-tools>span:before{font-size:8px;margin-bottom:4px}
 #page-numbers.playing .numbers-tools [data-n=copy]{padding:3px}#page-numbers.playing .numbers-tools [data-n=copy]:after{font-size:17px}
 #page-numbers.playing .numbers-rules-button{font-size:0}#page-numbers.playing .numbers-rules-button:after{content:'Guida';font-size:11px}
 #page-numbers.playing .numbers-tabletop{aspect-ratio:1/1.24;min-height:0}
 #page-numbers.playing .numbers-piles{left:25%;top:33%;width:42%;gap:7px}
 #page-numbers.playing .numbers-pile{border-radius:9px;padding:4px;gap:4px}
 #page-numbers.playing .numbers-pile-direction{font-size:7px;padding:3px 1px;gap:2px}#page-numbers.playing .numbers-pile-direction b{font-size:11px}
 #page-numbers.playing .numbers-pile strong{border-radius:6px;padding:6px;font-size:23px;width:92%}
 #page-numbers.playing .numbers-pile strong:after{right:5px;bottom:5px}
 #page-numbers.playing .numbers-team-player{grid-template-columns:27px 1fr;gap:4px;padding:7px 5px 2px;border-radius:16px;width:24%}
 #page-numbers.playing .numbers-seat-avatar{width:27px;height:27px}
 #page-numbers.playing .numbers-seat-name b{font-size:11px}#page-numbers.playing .numbers-seat-name span{font-size:10px}
 #page-numbers.playing .numbers-team-player .pc-hand-backs{height:46px;margin-top:3px;margin-bottom:-6px}
 #page-numbers.playing .numbers-team-player .pc-card-back{width:25px;height:37px;margin:0;border-radius:3px}
 #page-numbers.playing .numbers-seat-turn{font-size:9px;bottom:-18px;padding:3px;left:4%;width:92%}
 #page-numbers.playing .numbers-deck{top:45%;right:9%;width:20%;padding:8px 5px 10px;border-radius:14px}
 #page-numbers.playing .numbers-deck h3{font-size:11px;margin-bottom:7px}#page-numbers.playing .numbers-deck>span{font-size:9px}
 #page-numbers.playing .numbers-deck .pc-deck-back{gap:15px}#page-numbers.playing .numbers-deck .pc-deck-back>span:last-child{font-size:20px}
 #page-numbers.playing .numbers-hand{padding:12px;border-radius:18px}
 #page-numbers.playing .numbers-hand h3{font-size:22px}#page-numbers.playing [data-n=handcount]{font-size:13px}
 #page-numbers.playing .numbers-hand-head button{padding:12px;font-size:13px}
 #page-numbers.playing .numbers-card{min-width:54px;padding:6px;font-size:24px}#page-numbers.playing .numbers-card:after{right:6px;bottom:6px}
 #page-numbers.playing .numbers-hint{font-size:13px;padding-right:45px}
 #page-numbers.playing .numbers-turn{top:70%;max-width:65%}#page-numbers.playing .numbers-turn>div{padding:4px 7px}#page-numbers.playing .numbers-turn b{font-size:10px}
 #page-numbers.playing .numbers-fire{font-size:10px;bottom:3%;left:28%}
}
@media(prefers-reduced-motion:reduce){#page-numbers.playing .numbers-pile{transition:none}}
#page-numbers.playing .numbers-tabletop{background:transparent!important;aspect-ratio:1/1.16}
#page-numbers.playing .numbers-turn{top:auto;bottom:26%;}
@media(max-width:700px){#page-numbers.playing .numbers-tabletop{aspect-ratio:1/1.30}#page-numbers.playing .numbers-turn{top:auto;bottom:31%}}
@media(max-width:700px){
 #page-numbers.playing .numbers-heading{gap:5px}
 #page-numbers.playing .numbers-brand{gap:2px;min-width:0}
 #page-numbers.playing .numbers-brand img{width:28px;height:34px}
 #page-numbers.playing .numbers-brand strong{font-size:11px}
 #page-numbers.playing .numbers-heading .numbers-rules-button{font-size:0;padding:9px 7px}
 #page-numbers.playing .numbers-tools>span{flex-shrink:0}
}
/* Landscape table: all play controls fit the current viewport. */
@media (orientation:landscape) {
 body:has(#page-numbers.playing:not(.hidden)){margin:0}
 #page-numbers.playing{position:relative;width:100%;max-width:none;height:100dvh;min-height:0;padding:0 0 2dvh;display:grid;grid-template-rows:10dvh minmax(0,1fr);background-image:url('/assets/numbers-table-landscape.webp');background-size:100% 100%}
 #page-numbers.playing .numbers-heading{min-height:0;height:100%;padding:1dvh 2vw;gap:1vw;flex-wrap:nowrap}
 #page-numbers.playing .numbers-brand img{width:6dvh;height:7dvh}
 #page-numbers.playing .numbers-brand strong{font-size:clamp(11px,2.7dvh,27px)}
 #page-numbers.playing .numbers-heading-title{display:block;border-left:1px solid #77509b;padding-left:1.5vw;margin-right:auto}
 #page-numbers.playing .numbers-heading-title h2{font-size:3.5dvh;margin:0;line-height:1}
 #page-numbers.playing .numbers-heading-title p{display:none}
 #page-numbers.playing .numbers-kicker{font-size:1.2dvh}
 #page-numbers.playing .numbers-tools>span{font-size:clamp(9px,1.7dvh,16px)}
 #page-numbers.playing .numbers-tools>span:before{display:none}
 #page-numbers.playing .numbers-heading button{padding:1.3dvh 1.2vw;font-size:clamp(10px,1.7dvh,16px)}
 #page-numbers.playing .numbers-tools [data-n=copy]{font-size:0}
 #page-numbers.playing .numbers-tools [data-n=copy]:after{font-size:2.5dvh}
 #page-numbers.playing .numbers-rules-button:after{font-size:clamp(10px,1.7dvh,16px)}
 #page-numbers.playing .numbers-game{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 24dvh}
 #page-numbers.playing .numbers-tabletop{min-height:0;height:100%;aspect-ratio:auto}
 #page-numbers.playing .numbers-piles{left:36%;top:18%;width:min(25vw,35dvh);height:47dvh;gap:1.4dvh;grid-template-rows:repeat(2,minmax(0,1fr))}
 #page-numbers.playing .numbers-pile{aspect-ratio:auto;padding:.7dvh;gap:.6dvh;border-radius:1.5dvh}
 #page-numbers.playing .numbers-pile-direction{font-size:clamp(7px,1.45dvh,16px);padding:.3dvh;line-height:1.1}
 #page-numbers.playing .numbers-pile-direction b{font-size:1.8dvh}
 #page-numbers.playing .numbers-pile strong{font-size:3.8dvh;padding:.7dvh;border-radius:.8dvh}
 #page-numbers.playing .numbers-pile strong:after{right:.7dvh;bottom:.7dvh}
 #page-numbers.playing .numbers-team-player{width:18%;grid-template-columns:5.7dvh minmax(0,1fr);gap:.7dvh;padding:1dvh;border-radius:2.5dvh}
 #page-numbers.playing .numbers-team-player:nth-child(1){top:3%;left:17%}
 #page-numbers.playing .numbers-team-player:nth-child(2){top:3%;left:auto;right:17%}
 #page-numbers.playing .numbers-team-player:nth-child(3){top:53%;left:11%;right:auto}
 #page-numbers.playing .numbers-team-player:nth-child(4){top:53%;left:auto;right:11%}
 #page-numbers.playing .numbers-seat-avatar{width:5.7dvh;height:5.7dvh}
 #page-numbers.playing .numbers-seat-name b{font-size:clamp(10px,2dvh,18px)}
 #page-numbers.playing .numbers-seat-name span{font-size:clamp(9px,1.6dvh,14px)}
 #page-numbers.playing .numbers-team-player .pc-hand-backs{height:7dvh;margin:.5dvh 0 -1dvh}
 #page-numbers.playing .numbers-team-player .pc-card-back{width:4.5dvh;height:6.7dvh}
 #page-numbers.playing .numbers-seat-turn{font-size:clamp(8px,1.3dvh,12px);padding:.4dvh;bottom:-2.5dvh}
 #page-numbers.playing .numbers-deck{top:33%;right:29%;width:8%;padding:1dvh;border-radius:1.5dvh}
 #page-numbers.playing .numbers-deck h3{font-size:1.8dvh;margin:0 0 1dvh}
 #page-numbers.playing .numbers-deck .pc-deck-back{gap:1.8dvh}
 #page-numbers.playing .numbers-deck .pc-card-back{width:auto;height:15dvh;max-width:100%;margin:auto;border-radius:.7dvh}
 #page-numbers.playing .numbers-deck .pc-deck-back>span:last-child{font-size:2.7dvh}
 #page-numbers.playing .numbers-deck>span{font-size:1.4dvh}
 #page-numbers.playing .numbers-turn{top:5%;bottom:auto;left:auto;right:1%;transform:none;width:14%;max-width:none;display:grid;gap:.5dvh}
 #page-numbers.playing .numbers-turn>div{padding:.6dvh;display:block}
 #page-numbers.playing .numbers-turn>div:nth-child(2){display:none}
 #page-numbers.playing .numbers-turn>div:nth-child(4){display:block}
 #page-numbers.playing .numbers-turn b{font-size:clamp(10px,1.7dvh,16px);overflow-wrap:anywhere}
 #page-numbers.playing .numbers-turn span{font-size:clamp(7px,1dvh,10px)}
 #page-numbers.playing .numbers-hand{min-height:0;margin:0 7%;padding:1.2dvh 1.5vw;display:grid;grid-template-columns:15% minmax(0,1fr) 18%;grid-template-rows:minmax(0,1fr) auto;column-gap:1vw;border-radius:2.5dvh}
 #page-numbers.playing .numbers-hand-head{display:contents}
 #page-numbers.playing .numbers-hand-head>div{grid-column:1;grid-row:1;align-self:center}
 #page-numbers.playing .numbers-hand h3{font-size:clamp(12px,2.5dvh,26px)}
 #page-numbers.playing [data-n=handcount]{font-size:clamp(9px,1.7dvh,16px)}
 #page-numbers.playing .numbers-hand-head button{grid-column:3;grid-row:1;align-self:center;padding:2dvh .6vw;font-size:clamp(10px,1.9dvh,18px)}
 #page-numbers.playing .numbers-cards{grid-column:2;grid-row:1;align-items:center;justify-content:center;min-width:0;gap:.5vw;padding:1dvh .4vw;margin:0;overflow:visible}
 #page-numbers.playing .numbers-card{flex:0 1 calc((100% - 3.5vw)/8);min-width:0;max-width:10.5dvh;height:auto;max-height:16dvh;aspect-ratio:.68;padding:.6dvh;font-size:3dvh;border-radius:.7dvh}
 #page-numbers.playing .numbers-card:after{right:.6dvh;bottom:.6dvh}
 #page-numbers.playing .numbers-hint{grid-column:1/-1;grid-row:2;min-height:0;margin:0;padding:0;text-align:center;font-size:clamp(9px,1.4dvh,13px);line-height:1.2}
 #page-numbers.playing .numbers-fire{bottom:0;left:30%;max-width:45%;font-size:clamp(8px,1.2dvh,12px);padding:.5dvh}
 #page-numbers.playing .numbers-result{position:absolute;top:0;left:30%;max-width:42%;margin:0;padding:.7dvh;font-size:clamp(10px,1.6dvh,15px)}
 #page-numbers.playing .numbers-status{position:absolute;bottom:0;left:10%;width:80%;min-height:0;margin:0;font-size:clamp(9px,1.3dvh,13px);background:#190f29}
}