.des{gap:20px;margin:8px 0 56px;display:grid}.des-head h1{letter-spacing:-.01em;font-size:clamp(1.8rem,4.2vw,2.5rem)}.des-head p{max-width:760px;color:var(--ink-2);margin-top:8px}.des-stage{border-radius:var(--r-xl);background:color-mix(in srgb, var(--tone) 9%, var(--surface));gap:16px;padding:18px clamp(12px,2.4vw,28px) 16px;display:grid}.des-top{justify-items:center;gap:10px;display:grid}.des-top:has(>:not([hidden])){margin-bottom:2px}.des-top:not(:has(>:not([hidden]))){display:none}.des-prompt{border-radius:var(--r-lg);background:var(--surface);max-width:920px;box-shadow:var(--lift);font:600 clamp(1.05rem, 2.3vw, 1.45rem)/1.3 var(--display);text-align:center;color:var(--ink);overflow-wrap:anywhere;padding:10px 20px}.des-timer{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;display:flex}.des-timer__time{min-width:4.2ch;font:700 clamp(1.6rem, 3.6vw, 2.2rem)/1 var(--display);font-variant-numeric:tabular-nums;text-align:center;color:var(--tone-deep)}.des-timer__bar{background:var(--surface);width:clamp(90px,18vw,220px);height:10px;box-shadow:inset 0 0 0 2px var(--line);border-radius:99px;overflow:hidden}.des-timer__bar i{border-radius:inherit;background:var(--tone);width:100%;height:100%;transition:width .25s linear;display:block}.des-timer.is-paused .des-timer__time{opacity:.55}.des-timer.is-done .des-timer__time{color:var(--ko-t);animation:pop-in .4s var(--bounce)}.des-dice{--gap:clamp(10px, 2vw, 20px);--die-max:190px;--c:var(--cols-s,3);--r:var(--rows-s,2);justify-content:center;gap:14px var(--gap);width:100%;max-width:calc(var(--c) * var(--die-max) + (var(--c) - 1) * var(--gap));flex-wrap:wrap;margin:0 auto;padding:8px 0 0;list-style:none;display:flex}@media (width>=700px){.des-dice{--c:var(--cols,6);--r:var(--rows,1)}}.die{width:min(calc((100% - (var(--c) - 1) * var(--gap)) / var(--c)), var(--die-max));align-content:start;justify-items:center;gap:6px;display:grid;position:relative;container-type:inline-size}.die__roll{aspect-ratio:1;cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:18%;width:100%;padding:0;display:block;position:relative}.die__roll:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:18%}.die__scene{perspective:420cqi;transition:translate .15s;position:absolute;inset:0}.die__roll:hover .die__scene{translate:0 -3px}.die__cube{transform-style:preserve-3d;position:absolute;inset:0;transform:translateZ(-50cqi)}.die__face{border:max(2px, 2.6cqi) solid var(--tone);backface-visibility:hidden;background:#fff;border-radius:18%;place-items:center;padding:11%;display:grid;position:absolute;inset:0}.die__face svg{width:100%;height:100%;display:block}.die__face--front{box-shadow:0 max(3px, 2.6cqi) 0 var(--tone-deep), 0 9cqi 14cqi -7cqi #03315b66;transform:translateZ(50cqi)}.die__face--back{transform:rotateY(180deg)translateZ(50cqi)}.die__face--right{transform:rotateY(90deg)translateZ(50cqi)}.die__face--left{transform:rotateY(-90deg)translateZ(50cqi)}.die__face--top{transform:rotateX(90deg)translateZ(50cqi)}.die__face--bottom{transform:rotateX(-90deg)translateZ(50cqi)}.die__num{z-index:2;background:var(--ink);color:#fff;width:clamp(22px,17cqi,34px);height:clamp(22px,17cqi,34px);font:700 clamp(.75rem, 9cqi, 1.1rem)/1 var(--display);box-shadow:0 0 0 3px var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;top:-7px;left:-7px}.die__lockmark{z-index:2;background:var(--sun);width:clamp(24px,19cqi,38px);height:clamp(24px,19cqi,38px);color:var(--ink);box-shadow:0 0 0 3px var(--surface);border-radius:50%;place-items:center;display:none;position:absolute;top:-8px;right:-8px}.die__lockmark svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:58%}.die.is-locked .die__lockmark{display:grid}.die.is-locked .die__face--front{border-color:var(--sun);background:#fffaf0;box-shadow:0 max(3px,2.6cqi) #e2a02e,0 9cqi 14cqi -7cqi #03315b66}.die__name{max-width:100%;font:700 clamp(.85rem, 11cqi, 1.25rem)/1.15 var(--display);text-align:center;color:var(--ink);overflow-wrap:anywhere}.die__tools{justify-content:center;gap:4px;display:flex}.die__tool{background:color-mix(in srgb, var(--surface) 75%, transparent);width:clamp(28px,27cqi,38px);height:clamp(28px,27cqi,38px);color:var(--ink-2);border:0;border-radius:10px;place-items:center;padding:0;display:grid}.die__tool:hover{background:var(--surface);color:var(--ink)}.die__tool:disabled{opacity:.25;cursor:default;background:0 0}.die__tool svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:60%}.die__tool--lock[aria-pressed=true]{background:var(--sun);color:var(--ink)}.die.is-dragging{z-index:5;pointer-events:none;opacity:.92}.die.is-dragging .die__scene{scale:1.06}.des-dice.is-sorting .die__roll{cursor:grabbing}.die.is-target .die__roll{outline:3px dashed var(--tone);outline-offset:5px}.des-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px;display:flex}.btn--lg{min-height:56px;padding:0 26px;font-size:1.06rem}.des-keys{color:var(--ink-3);text-align:center;margin-top:-6px;font-size:.86rem}@media (hover:none){.des-keys{display:none}}.des-stage:fullscreen{background:color-mix(in srgb, var(--tone) 10%, var(--bg));border-radius:0;flex-direction:column;justify-content:center;gap:2.4vh;padding:3vh 3vw;display:flex;overflow:auto}.des-stage:fullscreen .des-dice{--die-max:max(90px, min(340px, calc((100vh - 180px - var(--extra,0px)) / var(--r) - 70px)))}.des-stage.is-timing:fullscreen .des-dice,.des-stage:fullscreen:has(.des-prompt:not([hidden])) .des-dice{--extra:70px}.des-stage.is-timing:fullscreen:has(.des-prompt:not([hidden])) .des-dice{--extra:130px}.des-stage:fullscreen .des-prompt{font-size:clamp(1.3rem,3.6vh,2.4rem)}.des-stage:fullscreen .des-keys{display:none}.des-cols{gap:20px;display:grid}@media (width>=900px){.des-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.des-panel{padding:8px 20px;display:grid}.des-panel>.opt:first-child,.des-panel>.des-sets+.opt{border-top:0}.des-panel .des-timer-opt{flex-wrap:wrap}.des-panel .opt__label{min-width:0}.des-stepper{background:var(--surface-2);border-radius:14px;align-items:center;gap:4px;padding:2px;display:flex}.des-stepper output{min-width:2.2ch;font:700 1.35rem/1 var(--display);text-align:center}.des-themes-box{padding-bottom:16px}.des-themes{clear:both;flex-wrap:wrap;gap:8px;display:flex}.des-theme{border:2px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 5px;font-size:.9rem;font-weight:700;display:inline-flex}.des-theme svg{flex:none;width:28px;height:28px}.des-theme--all{padding:4px 14px}.des-theme:hover{border-color:var(--line-strong);color:var(--ink)}.des-theme[aria-pressed=true]{border-color:var(--tone);background:color-mix(in srgb, var(--tone) 12%, var(--surface));color:var(--ink)}.des-prompt-box{gap:10px;padding-bottom:6px;display:grid}.des-prompt-box>.opt{padding:8px 0}.des-prompt-pick{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.des-prompt-pick .select{width:100%;min-width:0}.des-prompt-pick .btn{min-height:48px}.des-mine summary{cursor:pointer;color:var(--ink-2);padding:4px 0;font-weight:700}.des-mine .field{margin-top:8px}.des-timer-set{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.des-print-opt{border-top:2px solid var(--surface-2);justify-items:start;gap:6px;padding:14px 0;display:grid}.des-print-opt p{color:var(--ink-3);font-size:.88rem}.des-sets{gap:8px;padding:12px 0;display:grid}.des-sets__actions{flex-wrap:wrap;gap:6px;display:flex}.des-sets__status{color:var(--ok-t);font-size:.86rem;font-weight:600}.des-sets__status:empty{display:none}.des-account:not(:empty){padding:4px 0 12px}.des-history{padding:16px 20px}.des-history__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.des-history__head h2{font-size:1.15rem}.des-history__note{color:var(--ink-3);margin:2px 0 10px;font-size:.88rem}.des-history__list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.des-past{border:2px solid var(--line);border-radius:var(--r-md);background:var(--surface);text-align:left;grid-template-columns:5.6rem minmax(0,1fr);align-items:center;gap:4px 12px;width:100%;padding:8px 12px;display:grid}.des-past:hover{border-color:var(--line-strong)}.des-past.is-current{border-color:var(--tone);background:color-mix(in srgb, var(--tone) 7%, var(--surface));cursor:default}.des-past__when{color:var(--ink-3);font-size:.86rem;font-weight:700}.des-past.is-current .des-past__when{color:var(--tone-deep)}.des-past__icons{flex-wrap:wrap;gap:4px;display:flex}.des-past__icons svg{width:36px;height:36px}.des-past__prompt{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;grid-column:2;font-size:.86rem;overflow:hidden}@media (width<=520px){.des-past{grid-template-columns:minmax(0,1fr)}.des-past__prompt{grid-column:1}.des-past__icons svg{width:30px;height:30px}}@media (prefers-reduced-motion:reduce){.die__scene,.des-timer__bar i{transition:none}}.des-print{display:none}@media print{@page{size:A4;margin:14mm 15mm}body[data-page=des]{min-height:0;display:block;background:#fff!important}body[data-page=des]>:not(.main){display:none!important}body[data-page=des] .main{max-width:none;margin:0;padding:0}body[data-page=des] .main>:not(.des-print){display:none!important}.des-print{display:block}}.des-sheet{color:#000}.des-sheet__head{border-bottom:1.5pt solid #03315b;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4mm 10mm;padding-bottom:3mm;display:flex}.des-sheet__head h2{font:700 20pt/1.1 var(--display);color:#03315b}.des-sheet__head p{font:600 11pt/1 var(--ui);align-items:baseline;gap:2mm;display:flex}.des-sheet__head i{border-bottom:1pt dotted #000;width:40mm;margin-right:4mm;display:inline-block}.des-sheet__prompt{font:600 13pt/1.35 var(--read);border:1pt solid #8fa5ba;border-radius:3mm;margin-top:5mm;padding:3mm 4mm}.des-sheet__dice{grid-template-columns:repeat(var(--n), minmax(0, 32mm));break-inside:avoid;justify-content:center;gap:3mm;margin:6mm 0 3mm;padding:0;list-style:none;display:grid}.des-sheet__dice li{text-align:center;border:1.2pt solid #03315b;border-radius:3mm;padding:2mm;position:relative}.des-sheet__dice svg{width:100%;display:block}.des-sheet__num{font:700 9pt/1 var(--display);color:#03315b;position:absolute;top:.8mm;left:1.5mm}.des-sheet__name{font:600 9pt/1.1 var(--ui);overflow-wrap:anywhere;hyphens:auto;margin-top:1mm;display:block}.des-sheet__dice.is-many .des-sheet__name{font-size:7.5pt}.des-sheet__lines i{border-bottom:.8pt solid #9aa8b6;height:10.5mm;display:block}