.jd-root{--bh:clamp(52px, 9.2dvh, 76px);z-index:50;--pl:max(6px, env(safe-area-inset-left));--pr:max(6px, env(safe-area-inset-right));--taglio-j:14px;width:100%;height:100dvh;padding:0 var(--pr) env(safe-area-inset-bottom) var(--pl);background:var(--carta);color:var(--nero);overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-template:"head head""pl pr"minmax(0,1fr)"tools tools"/minmax(0,1fr) minmax(0,1fr);gap:0 6px;display:grid;position:fixed;top:0;left:0;overflow:hidden}.jd-head{min-height:52px;margin:0 calc(-1 * var(--pr)) 6px calc(-1 * var(--pl));padding:calc(env(safe-area-inset-top) + 6px) var(--pr) 16px var(--pl);background:var(--notte);color:var(--carta);clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),0 100%);grid-area:head;align-items:center;gap:8px;display:flex}.jd-h1{line-height:1}@media (orientation:portrait) and (max-width:479px){.jd-h1{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (orientation:portrait) and (max-width:339px){.jd-fmt-label{display:none}}.jd-tools{grid-area:tools;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:6px 0;display:grid}.jd-panel{background:var(--carta-2);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));flex-direction:column;gap:6px;min-width:0;min-height:0;padding:10px 8px;transition:background-color .16s,color .16s;display:flex;position:relative}.jd-panel[data-state=won]{background:var(--notte);color:var(--carta)}.jd-panel[data-state=won] .jd-num{color:var(--carta)}.jd-input{background:var(--carta)}.jd-panel[data-state=won] .jd-input{background:var(--notte-2)}.jd-panel[data-state=won] .jd-input::placeholder{color:var(--notte-nota)}.jd-panel[data-state=lost] .jd-num{color:var(--nota)}.jd-flash{z-index:0;background:var(--carta-3);opacity:0;pointer-events:none;animation:jd-flash .14s var(--ease-snap) 1;position:absolute;inset:0}.jd-panel>:not(.jd-flash){z-index:1;position:relative}.jd-panel>.absolute{position:absolute}@keyframes jd-flash{0%{opacity:1}to{opacity:0}}.jd-score{flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;min-height:0;display:flex;position:relative}.jd-num{color:var(--nero);font-size:clamp(56px,min(35vw,21dvh),210px);line-height:.88;display:block}.jd-num .cifra{margin:-.06em -.02em;padding:.06em .02em}.jd-num .cifra>span{animation-duration:.2s}.jd-btns{flex:none;grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.jd-btn,.jd-foul{height:var(--bh);min-height:52px;clip-path:polygon(0 0, calc(100% - var(--taglio-j)) 0, 100% var(--taglio-j), 100% 100%, var(--taglio-j) 100%, 0 calc(100% - var(--taglio-j)));align-items:center;display:flex}.jd-btn{justify-content:space-between;gap:6px;padding:0 14px 0 16px}.jd-btn[data-f=spin]{background:var(--carta-3);color:var(--nero)}.jd-btn[data-f=over]{background:var(--argento-2);color:var(--nero)}.jd-btn[data-f=burst]{background:var(--grafite);color:var(--carta)}.jd-btn[data-f=xtreme]{background:var(--rosso);color:var(--carta)}.jd-fp{font-size:2rem;line-height:1}.jd-foul{background:var(--carta);color:var(--nero);justify-content:center;gap:8px;padding:0 8px}.jd-foul[data-warned]{background:var(--nero);color:var(--carta)}.jd-btn:active:not(:disabled),.jd-foul:active:not(:disabled),.jd-tool:active:not(:disabled){transform:scale(.97)}.jd-btn[data-f=xtreme]:active:not(:disabled){background:var(--rosso-premuto)}.jd-btn:disabled,.jd-foul:disabled{background:var(--carta-3);color:var(--nota)}.jd-panel[data-state=won] .jd-btn:disabled,.jd-panel[data-state=won] .jd-foul:disabled{background:var(--notte-2);color:var(--notte-nota)}.jd-btn:focus-visible,.jd-foul:focus-visible,.jd-tool:focus-visible{clip-path:none}.jd-pip{background:var(--carta-3)}.jd-pip[data-on=true]{background:var(--nero)}.jd-panel[data-state=won] .jd-pip{background:var(--notte-3)}.jd-panel[data-state=won] .jd-pip[data-on=true]{background:var(--carta)}.jd-tool{background:var(--carta-2);min-width:0;height:56px;color:var(--nero);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);font-size:var(--text-app-meta);letter-spacing:-.02em;white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-weight:600;line-height:1.1;display:flex;position:relative}.jd-tool:active{background:var(--carta-3)}.jd-tool:disabled{background:var(--carta-2);color:var(--nota);pointer-events:none}.jd-tool:disabled svg{color:var(--argento)}.jd-in{animation:jd-in .12s var(--ease-snap) 1}@keyframes jd-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.jd-toast{left:12px;right:12px;top:calc(env(safe-area-inset-top) + 54px);z-index:40;pointer-events:none;justify-content:center;display:flex;position:absolute}.jd-toast>button{pointer-events:auto;max-width:100%}.jd-toast-box{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}@media (orientation:landscape) and (max-height:540px){.jd-root{--bh:52px;padding-top:max(6px, env(safe-area-inset-top));padding-bottom:max(6px, env(safe-area-inset-bottom));grid-template:"pl head pr""pl tools pr"minmax(0,1fr)/minmax(0,1fr) 150px minmax(0,1fr)}.jd-head{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));flex-direction:column;align-items:stretch;gap:6px;min-height:0;margin:0 0 6px;padding:8px 8px 12px}.jd-head>a{justify-content:center;padding:0}.jd-h1{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.jd-fmt-label{display:none}.jd-fmt{justify-content:center;margin:0}.jd-fmt>div{width:100%}.jd-fmt button{flex:1 1 0;width:auto;height:36px}.jd-linked{text-align:center;flex-direction:column-reverse;align-items:stretch;gap:4px}.jd-linked-name{white-space:normal;-webkit-line-clamp:2;font-size:var(--text-app-meta);-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;text-align:center!important}.jd-tools{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(48px,1fr);align-content:stretch;gap:6px;padding:0}.jd-tool:last-child:nth-child(odd){grid-column:1/-1}.jd-tool{letter-spacing:0;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);gap:1px;height:auto;min-height:48px}.jd-panel{gap:4px;padding:6px 8px}.jd-num{font-size:clamp(56px,min(18vw,25dvh),170px)}.jd-btns{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.jd-btn{gap:2px;padding:0 6px}.jd-foul{grid-column:1/-1}}@media (max-width:359px) and (orientation:portrait){.jd-tools{gap:0;margin:0 -6px;padding-inline:0}.jd-tool{letter-spacing:-.055em}}@media (orientation:portrait) and (max-height:700px){.jd-root{--bh:52px}.jd-head{min-height:46px}.jd-tool{height:52px}.jd-panel{gap:4px;padding:6px}.jd-btns{gap:4px}}.jd-win{z-index:30;background:var(--carta-3);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);flex-direction:column;grid-area:2/1/auto/-1;place-self:end center;gap:10px;width:min(100% - 12px,460px);margin-bottom:8px;padding:22px 14px 14px;display:flex;position:relative}.jd-win:before{content:"";background:var(--rosso);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);width:55%;height:8px;position:absolute;top:0;left:0}.jd-win-info{align-items:center;gap:10px;display:flex}.jd-win-actions{align-items:center;gap:8px;display:flex}@media (orientation:landscape) and (max-height:540px){.jd-win{flex-flow:wrap;grid-area:1/1/-1/-1;align-self:end;align-items:center;gap:6px 10px;width:min(100% - 12px,560px);margin-bottom:4px;padding:18px 10px 8px}.jd-win-info{flex:250px;min-width:0}.jd-win-actions{flex:270px}.jd-win-actions>*{height:48px!important}}@media (min-width:900px) and (min-height:541px){.jd-root{--pl:max(6px, calc((100vw - 880px) / 2));--pr:max(6px, calc((100vw - 880px) / 2))}}@media (orientation:landscape) and (max-height:540px){.jd-sheet{max-width:640px!important;max-height:96dvh!important}.jd-dicebox{flex-direction:row!important;gap:20px!important}.jd-dicevis{flex:none}.jd-dicevis>div{gap:.375rem;width:5.5rem;height:5.5rem;padding:.75rem}.jd-diceinfo{flex:1;gap:8px!important}}