.dt-random-wheel{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:18px;align-items:start}.dt-random-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:18px;box-shadow:var(--shadow-soft);box-sizing:border-box;min-width:0;max-width:100%}.dt-random-wheel-card{display:grid;gap:14px}.dt-random-stage{position:relative;display:grid;place-items:center;min-height:420px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,var(--surface),var(--card));overflow:hidden}.dt-random-stage canvas{width:min(100%,420px);height:auto;display:block}.dt-random-pointer{position:absolute;right:calc(50% - min(50%,210px) - 10px);top:50%;z-index:2;width:0;height:0;border-top:18px solid transparent;border-bottom:18px solid transparent;border-right:28px solid var(--text);filter:drop-shadow(0 2px 4px rgba(15,23,42,.2))}.dt-random-spin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;border:0;border-radius:999px;background:var(--text);color:var(--card);font-weight:900;padding:16px 20px;box-shadow:0 14px 30px rgba(15,23,42,.22);cursor:pointer}.dt-random-spin:disabled{opacity:.55;cursor:not-allowed}.dt-random-result{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:14px;font-weight:900;text-align:center;min-height:52px;display:grid;place-items:center}.dt-random-label{display:grid;gap:8px;color:var(--muted);font-size:12px;font-weight:800}.dt-random-label textarea{width:100%;min-height:230px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:12px;font:14px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.dt-random-options{display:grid;gap:12px;margin:12px 0}.dt-random-options label{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;color:var(--muted);font-size:12px;font-weight:800}.dt-random-options input[type=range]{grid-column:1/-1;width:100%}.dt-random-options output{color:var(--text);font-weight:900}.dt-random-check{display:flex!important;grid-template-columns:none!important;justify-content:flex-start}.dt-random-check input{width:auto}.dt-random-count,.dt-random-history span{color:var(--muted);font-size:12px;font-weight:800}.dt-random-history{margin-top:16px;border-top:1px solid var(--border);padding-top:14px}.dt-random-history h4{margin:0 0 10px;font-size:13px}.dt-random-history ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.dt-random-history li{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:9px 10px}.dt-random-history strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:860px){.dt-random-wheel{grid-template-columns:1fr}.dt-random-card{padding:14px}.dt-random-stage{min-height:320px}.dt-random-stage canvas{width:min(100%,310px)}.dt-random-pointer{right:calc(50% - min(50%,155px) - 8px);border-top-width:14px;border-bottom-width:14px;border-right-width:22px}.dt-random-spin{padding:13px 16px}.dt-random-label textarea{min-height:190px}}
.dt-ladder-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:18px;align-items:start}.dt-ladder-board-card{display:grid;gap:14px}.dt-ladder-board{border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,var(--surface),var(--card));overflow:hidden;padding:10px}.dt-ladder-board canvas{display:block;width:100%;max-width:100%;height:auto}.dt-ladder-picks{display:flex;flex-wrap:wrap;gap:8px}.dt-ladder-picks button{border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);padding:8px 11px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.dt-ladder-picks button:hover{border-color:rgba(37,99,235,.55);color:#2563eb}.dt-ladder-results{display:grid;gap:8px}.dt-ladder-results div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:9px 10px}.dt-ladder-results strong,.dt-ladder-results span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-ladder-results span{text-align:right;color:var(--text);font-weight:900}@media(max-width:860px){.dt-ladder-tool{grid-template-columns:1fr}.dt-ladder-board{padding:8px;overflow:visible}.dt-ladder-results div{grid-template-columns:1fr}.dt-ladder-results span{text-align:left}.dt-ladder-tool .dt-random-label textarea{min-height:130px}}
.dt-lots-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:18px;align-items:start}.dt-lots-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;margin-bottom:14px}.dt-lot-card{min-height:112px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,var(--surface),var(--card));color:var(--text);padding:12px;display:grid;align-content:center;gap:8px;text-align:center;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .15s ease,border-color .15s ease}.dt-lot-card:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.55)}.dt-lot-card span{font-size:12px;color:var(--muted);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-lot-card strong{font-size:22px}.dt-lot-card.is-win{border-color:rgba(34,197,94,.65);background:rgba(34,197,94,.12)}.dt-lot-card.is-lose{opacity:.72}.dt-lots-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.dt-lots-controls label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:800}.dt-lots-controls input{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:10px;font:inherit}.dt-lots-results{display:grid;gap:8px}.dt-lots-results div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:9px 10px}.dt-lots-results strong,.dt-lots-results span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-lots-results p{margin:0;color:var(--muted)}@media(max-width:860px){.dt-lots-tool{grid-template-columns:1fr}.dt-lots-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dt-lot-card{min-height:92px;padding:10px}.dt-lot-card strong{font-size:18px}.dt-lots-controls{grid-template-columns:1fr}.dt-lots-tool .dt-random-label textarea{min-height:130px}}
.dt-name-picker-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:18px;align-items:start}.dt-name-picker-stage{display:grid;gap:14px;min-width:0}.dt-name-picker-current{min-height:130px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,var(--surface),var(--card));display:grid;place-items:center;text-align:center;padding:18px;font-size:clamp(24px,6vw,54px);font-weight:900;line-height:1.05;overflow-wrap:anywhere;min-width:0}.dt-name-picker-winners{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;min-width:0}.dt-name-picker-winners div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:12px;min-width:0;max-width:100%;box-sizing:border-box}.dt-name-picker-winners span{width:28px;height:28px;border-radius:999px;background:#2563eb;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900}.dt-name-picker-winners strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-name-picker-tool select{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:10px;font:inherit}@media(max-width:860px){.dt-name-picker-tool{grid-template-columns:1fr}.dt-name-picker-current{min-height:100px;font-size:clamp(22px,8vw,38px)}.dt-name-picker-winners{grid-template-columns:minmax(0,1fr);gap:8px}.dt-name-picker-tool .dt-random-label textarea{min-height:160px}}
.dt-team-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:18px;align-items:start}.dt-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;min-width:0}.dt-team-grid section{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:14px;min-width:0;box-sizing:border-box}.dt-team-grid h4{margin:0 0 10px;font-size:14px}.dt-team-grid ol{margin:0;padding-left:20px;display:grid;gap:6px}.dt-team-grid li{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-weight:800}.dt-team-tool select{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:10px;font:inherit}@media(max-width:860px){.dt-team-tool{grid-template-columns:1fr}.dt-team-grid{grid-template-columns:minmax(0,1fr);gap:10px}.dt-team-tool .dt-random-label textarea{min-height:170px}}
.dt-order-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:18px;align-items:start}.dt-order-output{display:grid;gap:8px;min-width:0}.dt-order-output div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:11px 12px;min-width:0}.dt-order-output span{min-width:42px;border-radius:999px;background:rgba(37,99,235,.12);color:#2563eb;padding:6px 9px;text-align:center;font-size:12px;font-weight:900}.dt-order-output strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-order-options{display:grid;gap:10px;margin:12px 0}.dt-order-tool .dt-random-check{font-size:13px;color:var(--text);font-weight:800}.dt-order-tool textarea{min-height:240px}@media(max-width:860px){.dt-order-tool{grid-template-columns:1fr}.dt-order-output div{gap:9px;padding:10px}.dt-order-output span{min-width:36px}.dt-order-tool .dt-random-label textarea{min-height:180px}}
.dt-number-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:18px;align-items:start}.dt-number-output{display:flex;flex-wrap:wrap;gap:10px;min-height:120px;align-content:flex-start}.dt-number-output span{min-width:54px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:12px 14px;text-align:center;font-size:22px;font-weight:900;box-sizing:border-box}.dt-number-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.dt-number-presets button{border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);padding:8px 10px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.dt-number-presets button:hover{border-color:rgba(37,99,235,.55);color:#2563eb}.dt-number-tool select{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:10px;font:inherit}.dt-number-tool .dt-random-label textarea{min-height:92px}@media(max-width:860px){.dt-number-tool{grid-template-columns:1fr}.dt-number-output{gap:8px;min-height:90px}.dt-number-output span{min-width:48px;padding:10px 12px;font-size:18px}.dt-number-tool .dt-random-label textarea{min-height:82px}}
.dt-card-picker-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:18px;align-items:start}.dt-card-output{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px;min-width:0}.dt-card-output div{min-height:132px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,var(--card),var(--surface));display:grid;place-items:center;align-content:center;gap:6px;padding:12px;box-shadow:var(--shadow-soft);box-sizing:border-box;min-width:0}.dt-card-output span{font-size:28px;line-height:1}.dt-card-output strong{font-size:28px;line-height:1}.dt-card-output em{font-style:normal;color:var(--muted);font-size:12px;font-weight:900;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-card-output .is-red span,.dt-card-output .is-red strong{color:#dc2626}.dt-card-output .is-black span,.dt-card-output .is-black strong{color:var(--text)}.dt-card-picker-tool select{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:10px;font:inherit}@media(max-width:860px){.dt-card-picker-tool{grid-template-columns:1fr}.dt-card-output{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dt-card-output div{min-height:108px;padding:10px}.dt-card-output span,.dt-card-output strong{font-size:24px}}
.dt-coin-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:18px;align-items:start}.dt-coin-stage{display:grid;place-items:center;gap:12px;min-height:250px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,var(--surface),var(--card));padding:20px;text-align:center}.dt-coin-face{width:150px;height:150px;border-radius:999px;border:8px solid rgba(148,163,184,.35);background:linear-gradient(145deg,#f8fafc,#cbd5e1);display:grid;place-items:center;font-size:58px;font-weight:900;box-shadow:inset 0 8px 18px rgba(255,255,255,.75),inset 0 -10px 22px rgba(15,23,42,.14),0 18px 40px rgba(15,23,42,.16)}.dt-coin-face.is-heads{color:#2563eb}.dt-coin-face.is-tails{color:#dc2626}.dt-coin-stage strong{font-size:22px}.dt-coin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.dt-coin-stats div{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:12px;text-align:center}.dt-coin-stats span{display:block;color:var(--muted);font-size:12px;font-weight:800}.dt-coin-stats strong{display:block;margin-top:5px;font-size:24px}@media(max-width:860px){.dt-coin-tool{grid-template-columns:1fr}.dt-coin-stage{min-height:210px}.dt-coin-face{width:122px;height:122px;font-size:46px}.dt-coin-stats{gap:8px}.dt-coin-stats div{padding:10px 6px}.dt-coin-stats strong{font-size:20px}}
.dt-dice-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:18px;align-items:start}.dt-dice-total{border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,var(--surface),var(--card));padding:18px;text-align:center;margin-bottom:12px}.dt-dice-total span{display:block;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.dt-dice-total strong{display:block;margin-top:4px;font-size:54px;line-height:1}.dt-dice-output{display:flex;flex-wrap:wrap;gap:10px;min-height:72px;margin-bottom:12px}.dt-dice-output span{width:58px;height:58px;border:1px solid var(--border);border-radius:8px;background:var(--surface);display:grid;place-items:center;font-size:22px;font-weight:900;box-shadow:var(--shadow-soft)}.dt-dice-tool select{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);padding:10px;font:inherit}@media(max-width:860px){.dt-dice-tool{grid-template-columns:1fr}.dt-dice-total strong{font-size:44px}.dt-dice-output{gap:8px}.dt-dice-output span{width:50px;height:50px;font-size:18px}}