.toss-settings{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.toss-settings .field{min-width:125px;margin:0}.toss-settings .hint{margin:0}.toss-table{background:radial-gradient(at 50% 25%,#fffdf1,#f0eddb);border:1px solid #e4e1d0;border-radius:20px;place-items:center;min-height:260px;padding:52px 16px 24px;display:grid;position:relative;overflow:hidden}.dice-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 30px;max-width:380px;display:flex}.die-container{--die-size:clamp(52px, 14vw, 82px);--die-half:calc(var(--die-size) / 2);width:var(--die-size);margin-inline:4px}.die-seat{width:var(--die-size);perspective:650px;position:relative}.die-tilt{transform-style:preserve-3d;transform:rotateX(-14deg)rotateY(-18deg)}.die-cube{width:var(--die-size);height:var(--die-size);transform-style:preserve-3d;position:relative}.die-face{backface-visibility:hidden;background:linear-gradient(135deg,#fffef8,#f2e8d0);border:1px solid #d8cdae;border-radius:18%;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:8%;padding:14%;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 12px #d9cba43b}.die-pip{aspect-ratio:1;background:#214b47;border-radius:50%;display:block;box-shadow:inset 1px 2px 2px #0b242b99}.die-number{text-align:center;color:#65746a;font-variant-numeric:tabular-nums;margin-top:22px;font-size:14px;display:block}.die-seat:after{content:"";z-index:-1;filter:blur(5px);background:#75633630;border-radius:50%;width:80%;height:12px;position:absolute;bottom:26px;left:10%}.toss-summary{text-align:center;margin:24px auto 18px}.toss-summary p{margin:8px 0}.toss-total{font-size:18px}.toss-total strong{margin-left:12px;font-size:40px}.toss-actions{justify-content:center}.toss-history{border-top:1px solid var(--line);margin-top:26px;padding-top:20px}.toss-history ol{font-variant-numeric:tabular-nums;max-height:280px;padding-left:30px;overflow:auto}.toss-history li{border-bottom:1px solid var(--line);padding:8px 4px}.cup-pair{justify-content:center;align-items:center;gap:12px;width:min(100%,460px);display:flex}.cup-seat{text-align:center;perspective:600px;width:44%}.cup-art{filter:drop-shadow(0 12px 6px #723e3128);width:100%;display:block;overflow:visible}.cup-piece{transform:rotate(-14deg)}.cup-seat:nth-child(2) .cup-piece{transform:rotate(18deg)}.cup-label{color:#754c3b;margin-top:12px;font-size:14px;display:block}.cup-convex{display:none}.cup-seat[data-face=convex] .cup-convex{display:initial}.cup-seat[data-face=convex] .cup-flat{display:none}.streak-row{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.streak-row strong{padding-left:8px;font-size:26px}.cultural-note{background:#f7f1e6;border-radius:14px;margin-top:24px;padding:20px}.cultural-note a{overflow-wrap:anywhere}.clock-stage{--clock-bg:#1c3534;--clock-ink:#faf7e9;--clock-card:#2a4845;--clock-line:#536862;background:var(--clock-bg);color:var(--clock-ink);padding:28px 22px}.clock-stage[data-theme=light]{--clock-bg:#f1f0e5;--clock-ink:#194b47;--clock-card:#fffdf5;--clock-line:#d2d7c6}.clock-topline{opacity:.8;flex-wrap:wrap;justify-content:space-between;gap:12px;min-height:24px;font-size:13px;display:flex}.clock-digits{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:.035em;width:100%;margin:28px auto 8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(30px,7.8vw,112px);font-weight:700;line-height:1.4;display:flex}.clock-digit{perspective:400px;flex:0 0 .64em;height:1.4em;display:inline-block;position:relative}.digit-value{display:block}.clock-colon{text-align:center;flex:0 0 .3em}.flip-leaf,.flip-back{display:none}.clock-stage[data-style=flip] .clock-digit{background:var(--clock-card);border-radius:.08em;box-shadow:0 .035em .08em #0002}.clock-stage[data-style=flip] .clock-digit:after{content:"";border-top:1px solid var(--clock-bg);pointer-events:none;z-index:5;position:absolute;top:50%;left:0;right:0}.clock-stage[data-style=flip] .is-flipping :is(.flip-leaf,.flip-back){background:var(--clock-card);backface-visibility:hidden;transform-origin:50%;border-radius:.08em;display:block;position:absolute;inset:0}.flip-back,.flip-new{clip-path:inset(50% 0 0)}.flip-old{clip-path:inset(0 0 50%);z-index:2}.flip-new{z-index:3}.clock-stage[data-style=minimal] .clock-digits{letter-spacing:-.06em;font-weight:400}.clock-stage.without-seconds .clock-digits{font-size:clamp(38px,12vw,154px)}.clock-date{margin:12px auto 24px;font-size:clamp(14px,2vw,20px)}.clock-settings{border-top:1px solid var(--clock-line);text-align:left;margin-top:20px;padding-top:14px}.clock-settings summary{cursor:pointer;width:fit-content;margin:0 auto 12px}.clock-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.clock-options :is(label,.field){color:var(--clock-ink);min-width:0;margin:0}.clock-options select{background:var(--clock-card);width:100%;min-width:0;color:var(--clock-ink);border-color:var(--clock-line)}.clock-stage .btn.secondary{background:var(--clock-card);color:var(--clock-ink);border-color:var(--clock-line)}.clock-stage .status{color:var(--clock-ink)}.clock-stage .error:not(:empty){color:#9b382a;background:#fff1e3;border-radius:8px;padding:8px}.clock-stage:is(:fullscreen,.is-expanded){container-type:inline-size}.clock-stage:is(:fullscreen,.is-expanded) .clock-digits{font-size:min(17cqw,28dvh)}.clock-stage.without-seconds:is(:fullscreen,.is-expanded) .clock-digits{font-size:min(26cqw,32dvh)}@media (width<=767px){.dice-grid{gap:20px 17px;max-width:270px}.die-container{margin-inline:2px}.toss-table{padding-inline:10px}.toss-settings{gap:12px}.toss-total strong{font-size:34px}.clock-stage{padding:22px 12px}.clock-options{grid-template-columns:repeat(2,minmax(0,1fr))}.clock-digits{font-size:clamp(34px,12vw,78px)}.clock-stage.without-seconds .clock-digits{font-size:clamp(52px,18vw,100px)}}@media (height<=500px){.clock-stage:is(:fullscreen,.is-expanded){justify-content:center}.clock-stage:is(:fullscreen,.is-expanded) .clock-digits{margin-top:6px;font-size:min(14vw,25dvh)}.clock-stage:is(:fullscreen,.is-expanded) .clock-date{margin:4px auto 8px}.clock-stage:is(:fullscreen,.is-expanded) .clock-settings{margin-top:8px;padding-top:6px}.clock-stage:is(:fullscreen,.is-expanded) .status:empty{display:none}.clock-stage:has(.clock-settings[open]):is(:fullscreen,.is-expanded){justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.clock-digit .flip-leaf{animation:none!important}}.die-cube,.die-seat,.cup-piece,.cup-seat,.flip-leaf{transition-property:none!important}.clock-stage .clock-date{color:var(--clock-ink);opacity:.85}
