:root{--primary-font:"Outfit", sans-serif;--page-bg:linear-gradient(135deg, #f3fbf7 0%, #eef5f9 50%, #f9f0f0 100%);--bg-color:#f3fbf7;--panel-bg:#ffffff9e;--panel-bg-strong:#ffffffd1;--glass-bg:#ffffff80;--glass-border:#18201f1f;--text-color:#18201f;--text-muted:#5c6965;--card-shadow:0 18px 50px #18201f1f;--accent-blue:#0f8fae;--accent-purple:#7c5cff;--accent-gold:#f0b429;--accent-red:#e85d4f;--accent-green:#17a673;--accent-rose:#d94f8d;--grid-line:#18201f12;--transition-speed:.25s}[data-theme=dark]{--page-bg:linear-gradient(135deg, #07110f 0%, #121813 52%, #241915 100%);--bg-color:#07110f;--panel-bg:#121e1cad;--panel-bg-strong:#162422db;--glass-bg:#ffffff14;--glass-border:#ffffff24;--text-color:#f6fbf8;--text-muted:#a7bbb2;--card-shadow:0 22px 60px #0000005c;--grid-line:#ffffff12}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--page-bg);min-height:100vh;color:var(--text-color);font-family:var(--primary-font);transition:background var(--transition-speed), color var(--transition-speed);overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), linear-gradient(135deg, #0f8fae29, transparent 35%, #e85d4f1f);background-size:42px 42px,42px 42px,100% 100%;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000db,#0000 78%);mask-image:linear-gradient(#000000db,#0000 78%)}body.has-card-fullscreen{overflow:hidden}button,input,select{font:inherit}button{min-height:42px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--accent-gold) 72%, white 28%);outline-offset:3px}a{color:inherit}.site-shell{z-index:1;width:min(100%,1600px);margin:0 auto;position:relative}.main-header{z-index:100;background:color-mix(in srgb, var(--bg-color) 74%, transparent);border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem clamp(1rem,3vw,2rem);display:grid;position:sticky;top:0}.brand-lockup{align-items:center;gap:.75rem;min-width:0;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid color-mix(in srgb, var(--accent-gold) 65%, var(--glass-border));background:linear-gradient(135deg, #f0b42947, #0f8fae2e), var(--glass-bg);width:44px;height:44px;color:var(--text-color);border-radius:8px;place-items:center;font-size:.86rem;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff2e}.brand-mark img{object-fit:cover;border-radius:7px;width:34px;height:34px}.brand-text{gap:.05rem;min-width:0;line-height:1;display:grid}.brand-text span{color:var(--text-muted);font-size:.84rem;font-weight:700}.brand-text strong{color:var(--text-color);font-size:1.25rem;font-weight:800}.quick-nav{justify-content:center;gap:.35rem;min-width:0;display:flex}.quick-nav a{min-height:36px;color:var(--text-muted);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:.45rem .75rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.quick-nav a:hover{background:var(--glass-bg);border-color:var(--glass-border);color:var(--text-color)}.controls{justify-content:flex-end;display:flex}.glass-btn,.primary-btn{color:var(--text-color);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.glass-btn{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);padding:.62rem .95rem}.glass-btn:hover{background:color-mix(in srgb, var(--glass-bg) 75%, white 25%);transform:translateY(-1px)}.primary-btn{background:linear-gradient(135deg, var(--accent-blue), var(--accent-green) 55%, var(--accent-gold));color:#fff;border:0;padding:.82rem 1.25rem;box-shadow:0 12px 26px #0f8fae3d}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 16px 34px #17a67347}.primary-btn:active,.glass-btn:active{transform:translateY(0)}.primary-btn:disabled,.glass-btn:disabled{cursor:not-allowed;opacity:.68;transform:none}.tool-deck{padding:clamp(1rem,3vw,2rem) clamp(1rem,3vw,2rem) clamp(2.5rem,6vw,5rem)}.deck-intro{grid-template-columns:minmax(0,1fr);align-items:end;gap:1.2rem;max-width:1400px;margin:0 auto 1.35rem;display:grid}.eyebrow{color:var(--accent-gold);text-transform:uppercase;margin-bottom:.42rem;font-size:.82rem;font-weight:800}.deck-intro h1{max-width:780px;color:var(--text-color);font-size:clamp(2rem,4vw,4.35rem);font-weight:800;line-height:.94}.status-strip{border:1px solid var(--glass-border);background:var(--panel-bg);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(16px);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.status-strip span{color:var(--text-muted);text-align:center;border-right:1px solid var(--glass-border);justify-items:center;gap:.18rem;padding:.8rem .65rem;font-size:.82rem;font-weight:700;display:grid}.status-strip span:last-child{border-right:0}.status-strip strong{color:var(--text-color);font-size:1.05rem;font-weight:800}.grid-container{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:1rem;max-width:1400px;margin:0 auto;display:grid}.card{border:1px solid var(--glass-border);background:var(--panel-bg);min-width:0;min-height:440px;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(18px);border-radius:8px;flex-direction:column;transition:transform .25s,background .25s,box-shadow .25s,height .25s;display:flex;overflow:hidden}.card:hover{background:var(--panel-bg-strong);transform:translateY(-2px)}.card.minimized{width:min(250px,100%);height:70px;min-height:0}.card.minimized .card-content{display:none}.card-header{z-index:50;border-bottom:1px solid color-mix(in srgb, var(--glass-border) 72%, transparent);justify-content:space-between;align-items:center;gap:.55rem;min-height:70px;padding:1rem 1rem .9rem;display:flex;position:relative}.card-header h2{flex:1;min-width:0;font-size:1.04rem;font-weight:800;line-height:1.2}.minimize-btn,.fullscreen-btn{width:34px;height:34px;min-height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;font-size:1.2rem;line-height:1;transition:background .2s,border-color .2s,color .2s;display:grid}.fullscreen-btn{font-size:1rem}.minimize-btn:hover,.fullscreen-btn:hover{border-color:var(--glass-border);background:var(--glass-bg);color:var(--text-color)}.card-content{flex-direction:column;flex:1;align-items:center;gap:1.1rem;min-width:0;padding:1rem;display:flex}.visual-area{justify-content:center;align-items:center;width:100%;min-height:190px;display:flex;position:relative}.action-area{flex-direction:column;align-items:center;gap:.85rem;width:100%;display:flex}.h-stack{gap:.8rem;width:100%;display:flex}.h-stack>*{flex:1}.result-text{min-height:1.4rem;color:var(--text-muted);font-weight:700}.dice-config{gap:.8rem;width:100%;display:flex}.input-group{flex-direction:column;flex:1;gap:.42rem;min-width:0;display:flex}.input-group label{color:var(--text-muted);font-size:.82rem;font-weight:800}.input-group input,.input-group select,.chess-names input,.segment-item input{border:1px solid var(--glass-border);background:var(--glass-bg);width:100%;min-height:42px;color:var(--text-color);border-radius:8px;outline:none;padding:.55rem .65rem}.input-group select{cursor:pointer}.unit-toggle-container{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;display:flex}.unit-toggle-container span.active{color:var(--accent-gold)}.switch{width:36px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{border:1px solid var(--glass-border);background:var(--glass-bg);cursor:pointer;border-radius:999px;transition:background .25s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .25s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background:var(--accent-blue)}input:checked+.slider:before{transform:translate(14px)}.coin{width:140px;height:140px;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.175,.885,.32,1.275);position:relative}.coin .side{backface-visibility:hidden;background-position:50%;background-size:cover;border:4px solid #d4af37;border-radius:50%;width:100%;height:100%;position:absolute;box-shadow:inset 0 0 22px #00000061,0 18px 28px #00000038}.coin .heads{background-image:url(./coin_heads-Pyfg0Yze.png)}.coin .tails{background-image:url(./coin_tails-BfAbOD_X.png);transform:rotateY(180deg)}.coin.flipping{animation:2s ease-out forwards flip}@keyframes flip{0%{transform:rotateY(0)scale(1)}25%{transform:rotateY(720deg)scale(1.25)}50%{transform:rotateY(1440deg)scale(1.55)}75%{transform:rotateY(2160deg)scale(1.25)}to{transform:rotateY(var(--flip-target)) scale(1)}}#dice-container{flex-wrap:wrap;gap:1rem;min-height:150px}.dice-wrapper{perspective:600px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.die-3d{transform-style:preserve-3d;will-change:transform;transition:transform 2s cubic-bezier(.1,0,.2,1);position:relative}.die-face{border:1.5px solid var(--glass-border);background:var(--glass-bg);width:100%;height:100%;color:var(--text-color);backface-visibility:visible;-webkit-backdrop-filter:blur(8px);border-radius:6px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;display:flex;position:absolute;box-shadow:inset 0 0 14px #ffffff1a,0 0 14px #ffffff14}.die-face.result-face{border-color:var(--accent-blue);background:var(--accent-blue);color:#fff;box-shadow:inset 0 0 15px #0f8fae57,0 0 16px #0f8fae2e}.die-face.front{transform:rotateY(0)translateZ(25px)}.die-face.back{transform:rotateY(180deg)translateZ(25px)}.die-face.right{transform:rotateX(90deg)translateZ(25px)}.die-face.left{transform:rotateX(-90deg)translateZ(25px)}.die-face.top{transform:rotateY(90deg)translateZ(25px)}.die-face.bottom{transform:rotateY(-90deg)translateZ(25px)}.pip-face{background:#070907;border:1px solid #ffffff57;border-radius:8px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:5px;display:grid}.pip{background:#fff;border-radius:50%;place-self:center;width:80%;height:80%}.pip-face[data-pips="1"] .pip:first-child{grid-area:2/2}.pip-face[data-pips="2"] .pip:first-child{grid-area:1/3}.pip-face[data-pips="2"] .pip:nth-child(2){grid-area:3/1}.pip-face[data-pips="3"] .pip:first-child{grid-area:1/3}.pip-face[data-pips="3"] .pip:nth-child(2){grid-area:2/2}.pip-face[data-pips="3"] .pip:nth-child(3){grid-area:3/1}.pip-face[data-pips="4"] .pip:first-child{grid-area:1/1}.pip-face[data-pips="4"] .pip:nth-child(2){grid-area:1/3}.pip-face[data-pips="4"] .pip:nth-child(3){grid-area:3/1}.pip-face[data-pips="4"] .pip:nth-child(4){grid-area:3/3}.pip-face[data-pips="5"] .pip:first-child{grid-area:1/1}.pip-face[data-pips="5"] .pip:nth-child(2){grid-area:1/3}.pip-face[data-pips="5"] .pip:nth-child(3){grid-area:2/2}.pip-face[data-pips="5"] .pip:nth-child(4){grid-area:3/1}.pip-face[data-pips="5"] .pip:nth-child(5){grid-area:3/3}.pip-face[data-pips="6"] .pip:first-child{grid-area:1/1}.pip-face[data-pips="6"] .pip:nth-child(2){grid-area:1/3}.pip-face[data-pips="6"] .pip:nth-child(3){grid-area:2/1}.pip-face[data-pips="6"] .pip:nth-child(4){grid-area:2/3}.pip-face[data-pips="6"] .pip:nth-child(5){grid-area:3/1}.pip-face[data-pips="6"] .pip:nth-child(6){grid-area:3/3}#simple-dice-container{justify-content:center;align-items:center;gap:1.35rem;min-height:100px;display:flex}.sum-overlay{min-width:64px;color:var(--accent-gold);text-align:center;text-shadow:0 0 18px #f0b42952;font-size:3rem;font-weight:800}.timer-visual{flex-direction:column;gap:.3rem;min-height:220px}.hourglass{color:var(--accent-gold);filter:drop-shadow(0 0 12px #f0b4292e)}.timer-text{color:var(--text-color);font-variant-numeric:tabular-nums;font-family:Courier New,Courier,monospace;font-size:2.45rem;font-weight:800}#sand-stream{transition:opacity .3s}.timer-btns{gap:.6rem;width:100%;display:flex}.timer-btns button{flex:1}.chess-names{gap:.7rem;width:100%;display:flex}.chess-names input{text-align:center;font-weight:700}.chess-clocks-container{gap:.75rem;width:100%;display:flex}.chess-clock{border:1px solid var(--glass-border);background:var(--glass-bg);min-width:0;color:var(--text-color);border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:.5rem;padding:1.2rem .7rem;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex}.chess-clock.active{border-color:color-mix(in srgb, var(--accent-gold) 72%, white 12%);background:color-mix(in srgb, var(--accent-gold) 18%, var(--glass-bg));transform:translateY(-2px);box-shadow:0 0 24px #f0b42929}.player-label-display{max-width:100%;color:var(--text-muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.76rem;font-weight:800;overflow:hidden}.clock-display{font-variant-numeric:tabular-nums;font-family:Courier New,Courier,monospace;font-size:1.75rem;font-weight:800}.chess-controls-simple{flex-direction:column;align-items:center;gap:.85rem;width:100%;display:flex}.big-done-btn{width:100%;padding:1.1rem;font-size:1.06rem}#wheel-card .visual-area{min-height:320px}#wheel-container{aspect-ratio:1;justify-content:center;align-items:center;width:min(300px,100%);display:flex;position:relative}#wheel-canvas{filter:drop-shadow(0 18px 22px #0000002e);width:100%;height:100%;transition:transform 4s cubic-bezier(.1,.4,.2,1)}#wheel-pointer{z-index:30;border-top:30px solid var(--accent-red);filter:drop-shadow(0 2px 5px #0000004d);border-left:15px solid #0000;border-right:15px solid #0000;width:0;height:0;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.overlay-spin-btn{z-index:20;border:3px solid #ffffff8c;border-radius:50%;width:74px;height:74px;min-height:74px;padding:0;font-size:.9rem;position:absolute;box-shadow:0 0 22px #0000006b,inset 0 0 12px #fff3}.overlay-spin-btn:hover{transform:scale(1.06)}.overlay-spin-btn:active{transform:scale(.96)}.action-area.scrollable{border-top:1px solid var(--glass-border);max-height:250px;padding:1rem .1rem 0;overflow-y:auto}.action-area.scrollable::-webkit-scrollbar{width:8px}.action-area.scrollable::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:999px}.wheel-config{width:100%}.wheel-config h3{color:var(--text-muted);margin-bottom:.75rem;font-size:.88rem;font-weight:800}.segment-item{grid-template-columns:minmax(0,1fr) 48px 34px;align-items:center;gap:.45rem;margin-bottom:.5rem;display:grid}.segment-item input[type=color]{min-width:48px;height:42px;padding:.2rem}.remove-btn{width:34px;height:34px;min-height:34px;color:var(--accent-red);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;font-size:1.2rem;display:grid}.remove-btn:hover{border-color:color-mix(in srgb, var(--accent-red) 40%, transparent);background:color-mix(in srgb, var(--accent-red) 16%, transparent)}.small{min-height:38px;padding:.5rem .75rem;font-size:.9rem}.seo-description{padding:0 clamp(1rem,3vw,2rem) clamp(2.5rem,6vw,5rem)}.seo-copy{border:1px solid var(--glass-border);background:color-mix(in srgb, var(--panel-bg) 84%, transparent);max-width:1100px;box-shadow:var(--card-shadow);color:var(--text-muted);-webkit-backdrop-filter:blur(18px);border-radius:8px;margin:0 auto;padding:clamp(1.25rem,3vw,2.5rem)}.seo-copy h2,.seo-copy h3{color:var(--text-color);line-height:1.1}.seo-copy h2{margin-top:1.45rem;font-size:clamp(1.45rem,3vw,2.35rem)}.seo-copy h3{margin-top:1.35rem;font-size:clamp(1.2rem,2vw,1.65rem)}.seo-copy p,.seo-copy li{font-size:1rem;line-height:1.68}.seo-copy p+p{margin-top:.85rem}.seo-copy ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.seo-copy li{border-left:3px solid var(--accent-blue);background:var(--glass-bg);border-radius:6px;padding:.8rem .85rem}.seo-copy li:nth-child(2n){border-left-color:var(--accent-green)}.seo-copy li:nth-child(3n){border-left-color:var(--accent-gold)}.seo-copy strong{color:var(--text-color)}.save-note{border-top:1px solid var(--glass-border);text-align:center;margin-top:1.35rem;padding-top:1rem}.save-note strong{color:var(--accent-gold);font-size:clamp(1.05rem,2vw,1.35rem)}:is(.card:fullscreen,.card.card-fullscreen-fallback){background:var(--bg-color);border:0;border-radius:0;width:100vw;max-width:none;height:100vh;overflow:auto}:is(.card:fullscreen .card-content,.card.card-fullscreen-fallback .card-content){width:min(100%,980px);margin:0 auto;padding:1rem 2rem 2rem}:is(.card:fullscreen .visual-area,.card.card-fullscreen-fallback .visual-area){min-height:min(48vh,420px)}.card.card-fullscreen-fallback{z-index:2147483647!important;width:100dvw!important;height:100dvh!important;position:fixed!important;inset:0!important}:is(#wheel-card:fullscreen .card-content,#wheel-card.card-fullscreen-fallback .card-content){max-width:none}:is(#wheel-card:fullscreen .visual-area,#wheel-card.card-fullscreen-fallback .visual-area){min-height:min(72vh,760px)}:is(#wheel-card:fullscreen #wheel-container,#wheel-card.card-fullscreen-fallback #wheel-container){width:min(78vmin,680px);height:min(78vmin,680px)}:is(#wheel-card:fullscreen .action-area.scrollable,#wheel-card.card-fullscreen-fallback .action-area.scrollable){width:min(100%,680px);max-height:none}.confetti-sweep{z-index:2147483647;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti-piece{top:var(--start-y);opacity:0;animation:confetti-sweep var(--duration) cubic-bezier(.18, .76, .35, 1) var(--delay) forwards;border-radius:2px;display:block;position:absolute;left:-24px}@keyframes confetti-sweep{0%{opacity:0;transform:translate(0,0)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate3d(calc(100vw + 60px), calc(var(--end-y) - var(--start-y)), 0) rotate(var(--spin))}}@media (width<=920px){.main-header{grid-template-columns:auto auto}.quick-nav{order:3;grid-column:1/-1;justify-content:flex-start;padding-bottom:.1rem;overflow-x:auto}.deck-intro{grid-template-columns:1fr}.deck-intro h1{line-height:1}}@media (width<=680px){.main-header{gap:.75rem;padding:.8rem 1rem}.brand-mark{width:40px;height:40px}.brand-text strong{font-size:1.08rem}.controls .text{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.deck-intro h1{font-size:2.2rem}.status-strip{grid-template-columns:1fr}.status-strip span{border-right:0;border-bottom:1px solid var(--glass-border)}.status-strip span:last-child{border-bottom:0}.dice-config,.chess-names,.chess-clocks-container,.timer-btns{flex-direction:column}.card{min-height:420px}.visual-area{min-height:170px}#wheel-card .visual-area{min-height:280px}#wheel-container{width:min(280px,100%)}.seo-copy ul{grid-template-columns:1fr}}@media (width<=420px){.tool-deck,.seo-description{padding-left:.75rem;padding-right:.75rem}.grid-container{gap:.75rem}.card-content{padding:.85rem}.quick-nav a{padding:.42rem .62rem}.segment-item{grid-template-columns:minmax(0,1fr) 44px 32px}}