:root{--bg:#f8fafc;--surface:#fff;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--brand-from:#0ea5e9;--brand-to:#6366f1;--brand:#4f46e5;--warn-bg:#fffbeb;--warn-border:#f59e0b;--radius:16px;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 8px 24px #0f172a14}*{box-sizing:border-box}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Hiragino Sans,Noto Sans JP,Yu Gothic UI,sans-serif;font-size:16px;line-height:1.8}a{color:var(--brand)}.site-header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#ffffffd9;position:sticky;top:0}.site-header .inner{align-items:center;gap:10px;max-width:960px;margin:0 auto;padding:14px 20px;display:flex}.site-header a.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:8px;font-size:1.05rem;font-weight:800;text-decoration:none;display:flex}.site-header a.brand:before{content:"";background:linear-gradient(135deg, var(--brand-from), var(--brand-to));border-radius:5px;width:14px;height:14px;display:inline-block}main{max-width:960px;margin:0 auto;padding:24px 20px 64px}.hero{text-align:center;padding:40px 0 16px}.hero h1{letter-spacing:-.02em;margin:0 0 10px;font-size:2.1rem;font-weight:800;line-height:1.3}.hero h1 .grad{background:linear-gradient(90deg, var(--brand-from), var(--brand-to));color:#0000;-webkit-background-clip:text;background-clip:text}.hero .lead{color:var(--muted);max-width:560px;margin:0 auto 18px;font-size:1rem}.hero .badges{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hero .badges span{color:var(--brand);background:#eef2ff;border:1px solid #e0e7ff;border-radius:999px;padding:3px 14px;font-size:.8rem;font-weight:600}h1{letter-spacing:-.01em;margin:8px 0 4px;font-size:1.45rem;font-weight:800;line-height:1.4}.section-title{align-items:baseline;gap:10px;margin:40px 0 4px;display:flex}.section-title h2{border:none;margin:0;padding:0;font-size:1.1rem;font-weight:700}.section-title .count{color:var(--muted);font-size:.8rem}h2{margin-top:2.2em;font-size:1.15rem;font-weight:700}h3{margin-top:1.6em;font-size:1rem}.lead{color:var(--muted);margin-bottom:20px;font-size:.92rem}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:16px 0 8px;display:grid}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);box-shadow:var(--shadow-sm);padding:20px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:block}.tool-card:hover{box-shadow:var(--shadow-md);border-color:#c7d2fe;transform:translateY(-2px)}.tool-card .icon{background:linear-gradient(135deg,#eef2ff,#e0f2fe);border:1px solid #e0e7ff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;font-size:22px;display:flex}.tool-card .name{letter-spacing:-.01em;margin-bottom:4px;font-size:.98rem;font-weight:700}.tool-card .desc{color:var(--muted);font-size:.84rem;line-height:1.65}.tool-card.coming{pointer-events:none;box-shadow:none}.tool-card.coming .desc{opacity:.8}.tool-card .badge{background:var(--border);color:var(--muted);vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 10px;font-size:.7rem;font-weight:600;display:inline-block}.site-footer{border-top:1px solid var(--border);color:var(--muted);background:var(--surface);margin-top:40px;font-size:.82rem}.site-footer .inner{max-width:960px;margin:0 auto;padding:24px 20px}.site-footer a{color:var(--muted);margin-right:16px}table{border-collapse:collapse;background:var(--surface);width:100%;margin:12px 0;font-size:.95rem}th,td{border:1px solid var(--border);text-align:right;padding:8px 10px}th{text-align:center;background:#eef2ff;font-weight:600}td:first-child,th:first-child{text-align:center}.note{background:var(--warn-bg);border-left:4px solid var(--warn-border);border-radius:0 8px 8px 0;margin:16px 0;padding:10px 14px;font-size:.88rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:20px 0;padding:24px}.adslot{text-align:center;min-height:90px;margin:24px 0}input[type=number],input[type=text],input[type=time],select{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:100%;padding:10px 12px;font-size:1.05rem}input:focus,select:focus{border-color:var(--brand);outline:2px solid #c7d2fe}label{font-size:.9rem;font-weight:600}@media (max-width:600px){.hero h1{font-size:1.5rem}h1{font-size:1.25rem}th,td{padding:6px;font-size:.85rem}}.rl{--bg:#f4f7fb;--surface:#fff;--line:#e2e8f2;--text:#2c3444;--muted:#7d879b;--accent:#3f6fd8;--accent-soft:#e8eefc;--stage:#eef2f9}.rl *{box-sizing:border-box;margin:0;padding:0}.rl{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif}.rl .app{max-width:680px;margin:0 auto;padding:32px 18px 56px}.rl .hero{text-align:center;margin-bottom:26px}.rl .hero h1{letter-spacing:.1em;color:var(--accent);font-size:clamp(1.7rem,5vw,2.2rem)}.rl .lead{color:var(--muted);max-width:34rem;margin:10px auto 0;font-size:.92rem;line-height:1.8}.rl .btn{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;padding:10px 16px;font-family:inherit;font-size:.92rem;transition:background .15s,border-color .15s}.rl .btn:hover:not(:disabled){background:var(--accent-soft)}.rl .btn:disabled{opacity:.45;cursor:not-allowed}.rl .btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.rl .btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 84%, #000)}.rl .btn-outline{border-color:var(--accent);color:var(--accent);background:0 0}.rl .btn-outline:hover:not(:disabled){background:var(--accent-soft)}.rl .btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.rl .btn-ghost:hover:not(:disabled){background:var(--accent-soft);color:var(--text)}.rl .editor{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px}.rl .panel-head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.rl .panel-head h2{font-size:1.02rem}.rl .count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.rl .add-row{gap:8px;display:flex}.rl .add-row input,.rl .bulk textarea{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--text);border-radius:10px;flex:1;padding:11px 13px;font-family:inherit;font-size:.95rem}.rl .add-row input::placeholder,.rl .bulk textarea::placeholder{color:var(--muted)}.rl .add-row input:focus,.rl .bulk textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.rl .bulk textarea{resize:vertical;width:100%;line-height:1.8}.rl .bulk .row{margin-top:10px}.rl .chips{flex-direction:column;gap:6px;max-height:320px;margin:14px 0 4px;list-style:none;display:flex;overflow-y:auto}.rl .chip{background:var(--stage);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:9px 11px;display:flex}.rl .chip-index{background:var(--accent-soft);width:22px;height:22px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:.72rem;font-weight:700;display:grid}.rl .chip-text{word-break:break-word;flex:1;font-size:.93rem}.rl .chip-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 5px;font-size:1.15rem;line-height:1}.rl .chip-remove:hover{color:#fff;background:var(--accent)}.rl .chips-empty{color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:12px;padding:26px 10px;font-size:.88rem;line-height:1.8}.rl .row{flex-wrap:wrap;gap:8px;display:flex}.rl .tools{margin-top:10px}.rl .tools .btn{padding:7px 12px;font-size:.83rem}.rl .presets{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px;padding-top:16px;display:flex}.rl .presets-label{color:var(--muted);margin-right:2px;font-size:.78rem}.rl .preset{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:.82rem}.rl .preset:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.rl .go{text-align:center;margin-top:20px}.rl .btn-go{letter-spacing:.1em;border-radius:999px;width:100%;max-width:320px;padding:16px 24px;font-size:1.1rem}.rl .go-note{color:var(--muted);margin-top:10px;font-size:.82rem}.rl .play{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:70vh;display:flex}.rl .play-bar{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.rl .play-note{color:var(--muted);text-align:center;font-size:.85rem}.rl .carousel-stage{flex-direction:column;align-items:center;gap:22px;width:100%;display:flex}.rl .stage-marker{border-left:11px solid #0000;border-right:11px solid #0000;border-top:16px solid var(--accent);width:0;height:0;margin-bottom:-8px}.rl .carousel-viewport{perspective:1200px;background:var(--stage);border-radius:18px;justify-content:center;align-items:center;width:100%;height:230px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000)}.rl .carousel-ring{width:150px;height:180px;transform-style:preserve-3d;will-change:transform;position:relative}.rl .carousel-card{color:#fff;backface-visibility:hidden;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:14px 10px;transition:box-shadow .3s,filter .3s;display:flex;position:absolute;inset:0;box-shadow:0 6px 18px #0000002e}.rl .carousel-card.winner{box-shadow:0 0 0 3px var(--surface), 0 0 0 6px var(--accent), 0 10px 24px #00000047;animation:.7s winnerPop}@keyframes winnerPop{30%{filter:brightness(1.25)}}.rl .card-emoji{font-size:2.9rem;line-height:1}.rl .card-label{text-align:center;word-break:break-word;text-shadow:0 1px 2px #00000038;font-size:.92rem;font-weight:700;line-height:1.35}.rl .btn-spin{letter-spacing:.08em;border-radius:999px;padding:14px 44px;font-size:1.05rem}.rl .overlay{z-index:50;background:#4a3b3273;place-items:center;padding:18px;animation:.2s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.rl .result{z-index:2;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:18px;width:100%;max-width:380px;padding:32px 24px 24px;animation:.28s cubic-bezier(.2,1.3,.4,1) pop;position:relative}@keyframes pop{0%{opacity:0;transform:scale(.92)}}.rl .result-lead{color:var(--muted);letter-spacing:.3em;text-indent:.3em;font-size:.8rem}.rl .result-name{color:var(--accent);word-break:break-word;margin:12px 0 22px;font-size:clamp(1.5rem,6vw,2rem);font-weight:800;line-height:1.4}.rl .result-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.rl .result-close{margin-top:10px}.rl .confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.rl .confetti span{border-radius:2px;animation-name:fall;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards;position:absolute;top:-6%}@keyframes fall{to{top:106%;transform:rotate(520deg)}}.rl .doc{margin-top:42px}.rl .doc h2{border-left:3px solid var(--accent);margin-bottom:14px;padding-left:11px;font-size:1.08rem}.rl .steps{counter-reset:step;gap:9px;list-style:none;display:grid}.rl .steps li{counter-increment:step;background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:12px;padding:14px 16px 14px 50px;font-size:.89rem;line-height:1.8;position:relative}.rl .steps li:before{content:counter(step);background:var(--accent-soft);width:23px;height:23px;color:var(--accent);border-radius:50%;place-items:center;font-size:.78rem;font-weight:700;display:grid;position:absolute;top:15px;left:15px}.rl .steps strong{color:var(--text);margin-bottom:3px;font-size:.95rem;display:block}.rl .cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px;list-style:none;display:grid}.rl .cards li{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:12px;padding:15px;font-size:.87rem;line-height:1.8}.rl .cards h3{color:var(--text);margin-bottom:5px;font-size:.96rem}.rl .faq dt{margin-top:15px;padding-left:19px;font-size:.94rem;font-weight:700;position:relative}.rl .faq dt:before{content:"Q";color:var(--accent);font-weight:800;position:absolute;left:0}.rl .faq dd{color:var(--muted);margin-top:5px;padding-left:19px;font-size:.88rem;line-height:1.85}.rl .foot{border-top:1px solid var(--line);text-align:center;color:var(--muted);margin-top:44px;padding-top:18px;font-size:.8rem}@media (prefers-reduced-motion:reduce){.rl .wheel,.rl .confetti span{transition-duration:1.2s!important;animation:none!important}}.rl .chip{position:relative}.rl .chip-emoji{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;padding:0;font-size:1.15rem;line-height:1;display:grid}.rl .chip-emoji:hover{border-color:var(--accent);background:var(--accent-soft)}.rl .emoji-pop{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(8,1fr);gap:2px;width:min(300px,88vw);padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 26px #00000029}.rl .emoji-opt{cursor:pointer;background:0 0;border:none;border-radius:7px;padding:5px 0;font-size:1.1rem;line-height:1}.rl .emoji-opt:hover{background:var(--accent-soft)}.rl .themes{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.rl .themes-label{color:var(--muted);font-size:.78rem}.rl .theme-swatch{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:6px 13px 6px 8px;font-family:inherit;font-size:.82rem;display:inline-flex}.rl .theme-swatch.active{border-color:var(--accent);color:var(--accent);font-weight:700}.rl .swatch-dots{gap:2px;display:inline-flex}.rl .swatch-dots i{border-radius:50%;width:9px;height:9px}.rl .result-emoji{margin-top:14px;font-size:3.4rem;line-height:1}.rl .guide-links{gap:9px;list-style:none;display:grid}.rl .guide-links a{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:12px;padding:15px 16px;font-size:.86rem;line-height:1.75;text-decoration:none;transition:border-color .15s,background .15s;display:block}.rl .guide-links a:hover{border-color:var(--accent);background:var(--accent-soft)}.rl .guide-links strong{color:var(--accent);margin-bottom:3px;font-size:.96rem;display:block}.rl .preset-links{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.rl .preset-links a{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:999px;align-items:center;gap:7px;padding:8px 15px;font-size:.86rem;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.rl .preset-links a:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.rl .preset-emoji{font-size:1rem;line-height:1}.rl .section-note a{color:var(--accent)}.rl .tool-nav{display:none}.rl .mode{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:7px 15px;font-family:inherit;font-size:.85rem;transition:border-color .15s,background .15s,color .15s}.rl .mode:hover{border-color:var(--accent)}.rl .mode.active{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:700}.rl .tally{border-top:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:14px;display:flex}.rl .tally-item{background:var(--stage);border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:.8rem;display:inline-flex}.rl .tally-item em{color:var(--accent);font-variant-numeric:tabular-nums;font-style:normal;font-weight:700}.rl .tally-item.zero{opacity:.55}.rl .tally-item.zero em{color:var(--muted)}.rl .notice{background:var(--accent-soft);color:var(--text);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;font-size:.82rem;display:flex}.rl .save-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.rl .save-row input{border:1px solid var(--line);background:var(--surface);min-width:160px;color:var(--text);border-radius:10px;flex:1;padding:10px 12px;font-family:inherit;font-size:.92rem}.rl .save-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.rl .saved{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.rl .saved-items{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.rl .saved-chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.rl .saved-load{color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 6px 6px 13px;font-family:inherit;font-size:.82rem;display:inline-flex}.rl .saved-load em{color:var(--muted);background:var(--stage);border-radius:999px;padding:1px 7px;font-size:.72rem;font-style:normal}.rl .saved-chip:hover{border-color:var(--accent)}.rl .saved-load:hover{color:var(--accent)}.rl .saved-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:5px 10px 5px 4px;font-size:.95rem}.rl .saved-remove:hover{color:var(--accent)}.rl .tool{flex-direction:column;align-items:center;gap:16px;margin-top:14px;display:flex}.rl .tool-controls{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;padding:16px 18px;display:flex}.rl .seg{gap:6px;display:flex}.rl .num-field{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.rl .num-field select{width:auto;min-width:4.2rem}.rl .num-field input{border:1px solid var(--line);background:var(--surface);width:76px;color:var(--text);text-align:center;border-radius:10px;padding:8px 10px;font-family:inherit;font-size:.95rem}.rl .num-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.rl .share-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.rl .share-note{color:var(--muted);font-size:.8rem}.rl .doc-p{color:var(--muted);margin-bottom:10px;font-size:.89rem;line-height:1.9}.rl .share-image{margin-top:8px}.rl .groups{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;width:100%;display:grid}.rl .group-card{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:14px;padding:14px 16px}.rl .group-card h3{justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:.95rem;display:flex}.rl .group-card h3 span{color:var(--muted);font-size:.75rem;font-weight:400}.rl .group-card ul{flex-direction:column;gap:5px;margin:0;list-style:none;display:flex}.rl .group-card li{align-items:center;gap:7px;margin:0;font-size:.88rem;display:flex}.rl .dice-stage{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:130px;display:flex}.rl .dice-row{flex-wrap:wrap;justify-content:center;gap:34px;width:100%;display:flex}.rl .die{background:var(--surface);border:2px solid var(--line);border-radius:16px;place-items:center;width:74px;height:74px;display:grid;box-shadow:0 4px 12px #00000012}.rl .die svg{width:100%;height:100%;fill:var(--accent)}.rl .die-num{color:var(--accent);font-size:1.7rem;font-weight:800}.rl .die.rolling{animation:.14s linear infinite shake}@keyframes shake{50%{transform:translateY(-4px)rotate(6deg)}}.rl .dice-total{color:var(--muted);font-size:.9rem}.rl .range-value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:clamp(3rem,14vw,5rem);font-weight:800}.rl .range-value.rolling{opacity:.55}.rl .prize-field{width:100%;color:var(--muted);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.rl .prize-field textarea{border:1px solid var(--line);background:var(--surface);color:var(--text);resize:vertical;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:.92rem;line-height:1.7}.rl .prize-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.rl .prize-hint{color:var(--accent);font-size:.78rem}@keyframes trace{to{stroke-dashoffset:0}}.rl .round-label{color:var(--muted);text-align:center;font-size:.76rem}.rl .match{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:3px;padding:6px;display:flex}.rl .slot{background:var(--stage);color:var(--text);text-align:left;cursor:pointer;border:2px solid #0000;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:.83rem;transition:border-color .15s,background .15s}.rl .slot:hover:not(:disabled){background:var(--accent-soft)}.rl .slot.won{background:var(--accent-soft);color:var(--accent);font-weight:700}.rl .slot.empty,.rl .slot:disabled{cursor:default;color:var(--muted)}.rl .champion{text-align:center;font-size:1.05rem}.rl .champion strong{color:var(--accent)}@media print{.rl .hero,.rl .editor,.rl .doc,.rl .foot,.rl .share-row,.rl .tool-controls,.rl .btn{display:none!important}.rl .app{padding:0}.rl .groups{grid-template-columns:repeat(3,1fr)}}.rl .dice-bowl{perspective:720px;perspective-origin:50% 34%;width:min(320px,100%);height:200px;margin:0 auto;position:relative}.rl .dice-bowl-dish{background:radial-gradient(ellipse at 50% 34%, #ffffffe6, transparent 62%), var(--stage);border:1px solid var(--line);border-radius:50%;width:268px;max-width:92%;height:186px;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 12px 22px -10px #0f172a47,inset 0 -10px 18px -12px #ffffffe6,0 8px 20px -12px #0f172a4d}.rl .die3d{width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);transform-style:preserve-3d;transform:rotateX(var(--tilt)) translate3d(var(--x), var(--y), calc(var(--size) / 2)) rotate3d(var(--ax), var(--ay), var(--az), 0deg) rotateX(var(--rx)) rotateY(var(--ry));position:absolute;top:54%;left:50%}.rl .die3d.rolling{animation:die-throw 1.05s cubic-bezier(.24, .62, .3, 1) var(--delay)}@keyframes die-throw{0%{transform:rotateX(var(--tilt)) translate3d(var(--from-x), -34px, calc(var(--size) / 2 + 120px)) rotate3d(var(--ax), var(--ay), var(--az), var(--spin)) rotateX(var(--rx)) rotateY(var(--ry));opacity:0}12%{opacity:1}56%{transform:rotateX(var(--tilt)) translate3d(calc(var(--x) * .62), calc(var(--y) * .62), calc(var(--size) / 2 + 66px)) rotate3d(var(--ax), var(--ay), var(--az), calc(var(--spin) * .34)) rotateX(var(--rx)) rotateY(var(--ry))}76%{transform:rotateX(var(--tilt)) translate3d(calc(var(--x) * .93), calc(var(--y) * .93), calc(var(--size) / 2)) rotate3d(var(--ax), var(--ay), var(--az), calc(var(--spin) * .12)) rotateX(var(--rx)) rotateY(var(--ry))}88%{transform:rotateX(var(--tilt)) translate3d(var(--x), var(--y), calc(var(--size) / 2 + 14px)) rotate3d(var(--ax), var(--ay), var(--az), calc(var(--spin) * .04)) rotateX(var(--rx)) rotateY(var(--ry))}to{transform:rotateX(var(--tilt)) translate3d(var(--x), var(--y), calc(var(--size) / 2)) rotate3d(var(--ax), var(--ay), var(--az), 0deg) rotateX(var(--rx)) rotateY(var(--ry))}}.rl .die3d-face{background:var(--surface);backface-visibility:hidden;border:1px solid #0f172a29;border-radius:5px;place-items:center;display:grid;position:absolute;inset:0}.rl .die3d-face svg{width:76%;height:76%;fill:var(--accent)}.rl .die3d-face.front{transform:translateZ(calc(var(--size) / 2))}.rl .die3d-face.back{transform:rotateY(180deg) translateZ(calc(var(--size) / 2))}.rl .die3d-face.right{transform:rotateY(90deg) translateZ(calc(var(--size) / 2))}.rl .die3d-face.left{transform:rotateY(-90deg) translateZ(calc(var(--size) / 2))}.rl .die3d-face.top{transform:rotateX(90deg) translateZ(calc(var(--size) / 2))}.rl .die3d-face.bottom{transform:rotateX(-90deg) translateZ(calc(var(--size) / 2))}@media (prefers-reduced-motion:reduce){.rl .die3d.rolling{animation:none}}