:root{--bg:#f7f8fb;--surface:#fff;--ink:#192538;--muted:#758195;--stroke:#e8ebf0;--blue:#4865eb;--blue-dark:#334bd8;--coral:#fc806b;--mint:#36bfa6;--yellow:#ffc75e;--radius:20px;--shadow:0 10px 35px #2034600e;color:var(--ink);background:var(--bg);font-family:Inter,Plus Jakarta Sans,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #8b9afd}svg{display:block}::selection{background:#d6ddff}.app{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--stroke);flex-direction:column;height:100vh;padding:27px 14px;display:flex;position:sticky;top:0;overflow:auto}.brand{letter-spacing:-.8px;align-items:center;gap:10px;padding:0 12px 31px;font-size:22px;font-weight:840;display:flex}.brand-mark{color:#fff;background:#5066ec;border-radius:12px;place-items:center;width:36px;height:36px;display:grid;transform:rotate(-8deg);box-shadow:0 7px 16px #4d64ee38}.brand-mark svg{transform:rotate(8deg)}.brand span em{color:#5267e9;font-style:normal}.side-caption{text-transform:uppercase;letter-spacing:1.5px;color:#9ca6b6;padding:12px 16px 10px;font-size:10px;font-weight:850}.side-links{flex-direction:column;gap:3px;display:flex}.nav-link{color:#637187;border-radius:11px;align-items:center;gap:13px;padding:11px 13px;font-size:13px;font-weight:635;transition:background .15s,color .15s;display:flex}.nav-link svg{stroke-width:1.8px;width:18px;height:18px}.nav-link:hover{color:var(--ink);background:#f5f6fb}.nav-link.active{color:#4761e7;background:#edf0ff;font-weight:750}.side-bottom{margin-top:auto;padding-top:20px}.mini-panel{background:#f6f7fe;border:1px solid #edf0fc;border-radius:16px;padding:16px}.mini-panel strong{font-size:12px}.mini-panel p{color:#808ba0;margin:7px 0 0;font-size:11px;line-height:1.6}.mini-panel svg{color:#6b7cef}.sidebar-footer{color:#a5acba;align-items:center;gap:10px;padding:17px 12px 5px;font-size:11px;display:flex}.content{min-width:0}.topbar{border-bottom:1px solid var(--stroke);background:#ffffffc2;justify-content:space-between;align-items:center;gap:12px;height:76px;padding:0 clamp(22px,4vw,70px);display:flex}.breadcrumbs{color:#9aa5b5;align-items:center;gap:12px;font-size:12px;font-weight:650;display:flex}.breadcrumbs strong{color:#34435a}.top-actions{align-items:center;gap:10px;display:flex}.search-trigger{border:1px solid var(--stroke);color:#a0aabc;background:#fff;border-radius:10px;align-items:center;gap:10px;min-width:183px;height:35px;padding:0 11px;font-size:12px;display:flex}.kbd{border:1px solid #e5e8ef;border-radius:5px;margin-left:auto;padding:2px 5px;font-size:10px}.icon-btn{color:#69768a;background:#fff;border:1px solid #e8ebf1;border-radius:11px;place-items:center;width:37px;height:37px;transition:transform .2s;display:grid}.icon-btn:hover{transform:translateY(-2px)}.icon-btn svg{width:17px;height:17px}.mobile-nav{display:none}.page{width:min(1340px,100%);margin:0 auto;padding:41px clamp(20px,4vw,70px) 80px}.intro{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:1.75px;text-transform:uppercase;color:#6a7ff0;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:850;display:flex}.eyebrow:before{content:"";background:var(--coral);border-radius:50%;width:7px;height:7px}h1{letter-spacing:-1.85px;margin:0;font-size:clamp(30px,3.3vw,48px);font-weight:860;line-height:1.12}h1 span{color:#5971f0}.intro-desc{color:#8792a4;max-width:615px;margin:13px 0 0;font-size:14px;line-height:1.7}.intro-right{gap:9px;padding-bottom:4px;display:flex}.pill{color:#6e7b8d;white-space:nowrap;background:#fff;border:1px solid #e9ecf2;border-radius:40px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;font-weight:700;display:inline-flex}.pill svg{color:#35aa94;width:13px;height:13px}.button{border:none;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:10px 18px;font-size:13px;font-weight:760;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button svg{width:17px;height:17px}.button.primary{color:#fff;background:var(--blue);box-shadow:0 6px 14px #5267e93c}.button.primary:hover{background:var(--blue-dark)}.button.soft{color:#4b60dc;background:#edf0ff}.button.ghost{color:#5e6d83;border:1px solid var(--stroke);background:#fff}.button.dark{background:var(--ink);color:#fff}.button.small{min-height:35px;padding:7px 11px;font-size:12px}.button.large{border-radius:14px;min-height:55px;padding:14px 29px;font-size:16px}.button.block{width:100%}.button.danger{color:#d65a44;background:#fff1ee}.button:active:not(:disabled){transform:scale(.97)}.workspace{grid-template-columns:minmax(0,1.45fr) minmax(330px,.83fr);align-items:stretch;gap:23px;display:grid}.card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.stage{background:radial-gradient(at 38% 45%,#fff 5%,#f3f5ff 65%,#f5f6fd 100%);flex-direction:column;min-height:600px;display:flex;position:relative;overflow:hidden}.stage:before{content:"";pointer-events:none;background:radial-gradient(circle,#dfe3ff75,#0000 70%);border-radius:50%;width:380px;height:380px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-top{z-index:1;justify-content:space-between;align-items:center;padding:25px 26px 6px;display:flex}.stage-heading{align-items:center;gap:9px;font-size:13px;font-weight:780;display:flex}.stage-heading .dot{background:#40c2ab;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #dbf7f1}.light-label{color:#9aa5b6;align-items:center;gap:6px;font-size:11px;font-weight:650;display:flex}.light-label svg{width:14px;height:14px}.wheel-zone{flex:1;place-items:center;min-height:360px;padding:24px 16px 0;display:grid;position:relative}.wheel-wrap{aspect-ratio:1;filter:drop-shadow(0 13px 25px #444c7f24);width:min(100%,460px);position:relative}.wheel-svg{will-change:transform;width:100%;height:100%;transition:transform 5.4s cubic-bezier(.1,.77,.08,1);overflow:visible}.wheel-svg text{letter-spacing:.12px;font-family:inherit;font-size:12px;font-weight:750}.wheel-pointer{z-index:3;filter:drop-shadow(0 5px 5px #fb806b38);width:32px;height:42px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.wheel-hub{z-index:2;color:#6779d5;letter-spacing:1px;background:#fff;border:6px solid #fff;border-radius:50%;place-items:center;width:76px;height:76px;font-size:12px;font-weight:850;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 18px #24336d25,inset 0 0 0 2px #edf0ff}.wheel-hub svg{color:#556dea}.wheel-wrap.spinning .wheel-hub{animation:1s ease-in-out infinite alternate hubPulse}@keyframes hubPulse{to{box-shadow:0 3px 23px #5366ef70}}.stage-foot{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:8px 25px 25px;display:flex;position:relative}.stage-help{color:#a0aabd;font-size:11px}.history-strip{color:#7a8599;border-top:1px solid #e7eaf3;justify-content:space-between;align-items:center;gap:12px;width:100%;padding-top:14px;font-size:11px;display:flex}.history-strip strong{color:#415070;font-size:11px}.winner-banner{color:#157760;text-align:center;background:#e9faf4;border:1px solid #bce8dc;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:10px 16px;font-size:12px;display:flex}.winner-banner strong{color:#176b5a;font-size:15px}.winner-banner button{color:#087961;background:0 0;border:0;font-size:11px;font-weight:750;text-decoration:underline}.editor{flex-direction:column;gap:17px;padding:25px 24px;display:flex}.panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-header h2{letter-spacing:-.5px;margin:0;font-size:18px}.count-badge{color:#5268e7;background:#eff1ff;border-radius:9px;padding:6px 9px;font-size:11px;font-weight:790}.tabbar{background:#f4f6fa;border-radius:12px;gap:5px;padding:5px;display:flex}.tab{color:#929cad;background:0 0;border:0;border-radius:8px;flex:1;padding:9px 10px;font-size:12px;font-weight:740}.tab.active{color:#435af0;background:#fff;box-shadow:0 2px 8px #23395514}.label{color:#374760;justify-content:space-between;align-items:center;margin:0 0 9px;font-size:12px;font-weight:750;display:flex}.label small{color:#97a3b5;font-size:11px;font-weight:550}.textarea{resize:vertical;color:#34445c;background:#fbfcff;border:1px solid #e8ebf2;border-radius:12px;outline:none;width:100%;min-height:167px;padding:13px 14px;font-size:13px;line-height:1.7}.textarea:focus,.field:focus{border-color:#8798fc;box-shadow:0 0 0 3px #5369ef11}.field{width:100%;height:43px;color:var(--ink);background:#fff;border:1px solid #e5e9f1;border-radius:11px;outline:none;min-width:0;padding:10px 13px;font-size:13px}.field[type=number]{font-variant-numeric:tabular-nums}.input-inline{gap:8px;display:flex}.field-group{flex-direction:column;gap:7px;display:flex}.field-group label{color:#4a5870;font-size:12px;font-weight:730}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#647287;background:#fff;border:1px solid #e9ebf0;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:730}.chip:hover,.chip.active{color:#5367e6;background:#eef1ff;border-color:#abb7ff}.chip .swatch{border-radius:3px;width:9px;height:9px;margin-right:5px;display:inline-block}.divider{background:#e9ecf1;height:1px}.inline-note{color:#8895a7;background:#f7f8fc;border:1px solid #f0f1f6;border-radius:11px;align-items:flex-start;gap:9px;padding:11px;font-size:11px;line-height:1.5;display:flex}.inline-note svg{color:#788cf6;flex-shrink:0;width:16px;height:16px}.actions-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.actions-row.between{justify-content:space-between}.options-preview{flex-wrap:wrap;gap:8px;max-height:134px;display:flex;overflow:auto}.option-pill{color:#69778b;background:#fafbfe;border:1px solid #e7eaf0;border-radius:7px;padding:6px 9px;font-size:11px}.option-pill b{color:#4358cd}.list-muted{color:#9da7b6;font-size:11px;line-height:1.6}.more-section{margin-top:35px}.section-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.section-head h2{letter-spacing:-.45px;margin:0;font-size:19px}.section-head p{color:#8a96a8;margin:6px 0 0;font-size:12px}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.tool-card{background:#fff;border:1px solid #e8ebf0;border-radius:15px;min-height:126px;padding:16px;transition:transform .2s,border-color .2s,box-shadow .2s}.tool-card:hover{box-shadow:var(--shadow);border-color:#c3caff;transform:translateY(-4px)}.tool-card-icon{color:#5668ed;background:#eff1ff;border-radius:11px;place-items:center;width:35px;height:35px;margin-bottom:14px;display:grid}.tool-card:nth-child(4n+2) .tool-card-icon{color:#dc705a;background:#fff0e9}.tool-card:nth-child(4n+3) .tool-card-icon{color:#129b87;background:#dff8f2}.tool-card:nth-child(4n+4) .tool-card-icon{color:#be8d27;background:#fff5dd}.tool-card-icon svg{width:18px;height:18px}.tool-card strong{margin-bottom:4px;font-size:12px;display:block}.tool-card p{color:#96a0af;margin:0;font-size:11px;line-height:1.55}.general-workspace{grid-template-columns:minmax(0,1.1fr) minmax(300px,.8fr);gap:23px;display:grid}.interaction-card{padding:26px}.settings-card{padding:25px}.panel-subtitle{color:#8a96a6;margin:7px 0 21px;font-size:12px;line-height:1.6}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.checkrow{color:#526175;cursor:pointer;align-items:center;gap:9px;padding:12px 0;font-size:12px;display:flex}.checkrow input{accent-color:var(--blue);width:17px;height:17px}.result-board{text-align:center;background:radial-gradient(circle at 50% 30%,#fff 0,#f5f6ff 75%);border:1px solid #eff0fa;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-height:380px;padding:30px;display:flex;position:relative;overflow:hidden}.result-board.cream{background:radial-gradient(circle at 45% 40%,#fffdf6,#fff6e8)}.result-board.mint{background:radial-gradient(circle at 45% 40%,#fff,#edfbf7)}.result-board p{color:#8390a3;margin:10px 0;font-size:12px;line-height:1.6}.result-label{color:#8f9aab;text-transform:uppercase;letter-spacing:1.6px;font-size:11px;font-weight:850}.big-result{letter-spacing:-1.8px;color:#3349b3;overflow-wrap:anywhere;max-width:100%;margin:13px 0;font-size:clamp(35px,4.5vw,63px);font-weight:860}.result-chip-grid{flex-wrap:wrap;justify-content:center;gap:9px;margin:17px 0;display:flex}.result-chip{background:#fff;border:1px solid #e7eaf5;border-radius:12px;padding:10px 14px;font-size:15px;font-weight:770;box-shadow:0 4px 8px #6c73a510}.result-chip strong{color:#425be2}.stat-box{border-top:1px solid #e7eaf2;justify-content:center;align-items:center;gap:30px;width:100%;margin-top:20px;padding:16px;display:flex}.stat-box b{font-size:22px;display:block}.stat-box span{color:#9ba4b4;font-size:11px}.grid-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;width:100%;display:grid}.team-card{text-align:left;background:#fff;border:1px solid #edf0f4;border-radius:13px;min-width:0;padding:16px}.team-card-head{border-bottom:1px solid #eff0f3;justify-content:space-between;margin-bottom:8px;padding-bottom:10px;font-size:12px;font-weight:850;display:flex}.team-card-head span{color:#8b99ab;font-weight:600}.team-card ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.team-card li{color:#627189;overflow-wrap:anywhere;font-size:12px}.team-card li:before{content:"•";color:#5269ed;margin-right:8px}.history-list{gap:8px;display:grid}.history-item{color:#64738b;border-bottom:1px solid #eff0f4;align-items:center;gap:10px;padding:10px 0;font-size:12px;display:flex}.history-item time{color:#a0acba;margin-left:auto;font-size:10px}.history-item strong{color:#3e506b}.empty-state{color:#9ba6b5;text-align:center;padding:30px 12px;font-size:12px}.toast{color:#fff;z-index:80;background:#22334c;border-radius:12px;padding:13px 18px;font-size:12px;font-weight:720;animation:.25s both toastIn;position:fixed;bottom:28px;right:28px;box-shadow:0 12px 32px #0d193e26}@keyframes toastIn{0%{opacity:0;transform:translateY(15px)}}.error{color:#b54736;background:#fff0ec;border-radius:10px;padding:11px 13px;font-size:12px;font-weight:650}.success{color:#148666;background:#e9faf3;border-radius:10px;padding:11px 13px;font-size:12px;font-weight:650}.helper-block{color:#8491a3;font-size:12px;line-height:1.7}.helper-block strong{color:#495c74}.coin-arena{perspective:900px;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;min-height:225px;padding:18px 0;display:flex}.coin-scene{perspective:900px;width:clamp(110px,14vw,158px);height:clamp(110px,14vw,158px)}.coin-body{width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.65s cubic-bezier(.15,.75,.22,1);position:relative;transform:rotateY(0)rotateX(12deg)}.coin-face{backface-visibility:hidden;color:#936027;letter-spacing:1.4px;background:radial-gradient(circle at 30% 24%,#fff4be,#f6c15f 48%,#c88f33 100%);border:8px ridge #e9b75f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:12px;font-weight:750;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #fff2c5,inset 0 0 30px #c88920a0,0 12px 20px #b48a3e36}.coin-face strong{font-family:Georgia,serif;font-size:clamp(46px,6vw,64px);line-height:1}.coin-face.back{background:radial-gradient(circle at 30% 24%,#fff3bc,#e6aa47 48%,#b77d2d 100%);transform:rotateY(180deg)}.coin-edge{border:8px solid #cb913f;border-radius:50%;position:absolute;inset:0;transform:translateZ(-3px)}.coin-body .front{transform:translateZ(4px)}.coin-body .back{transform:rotateY(180deg)translateZ(4px)}.coin-shadow{filter:blur(8px);background:#a67d3928;border-radius:50%;width:90px;height:10px;margin:17px auto 0}.coin-result{color:#9a671e;margin-top:6px;font-size:19px;font-weight:850}.dice-arena{perspective:1000px;flex-wrap:wrap;justify-content:center;align-items:center;gap:33px 30px;min-height:252px;margin-bottom:8px;padding:20px;display:flex}.die-scene{--die-s:93px;width:var(--die-s);height:var(--die-s);perspective:760px}.die{width:100%;height:100%;transform-style:preserve-3d;filter:drop-shadow(0 17px 10px #2c3b9f32);transition:transform 1.6s cubic-bezier(.14,.75,.24,1);position:relative;transform:rotateX(-22deg)rotateY(-29deg)}.die-face{backface-visibility:hidden;background:linear-gradient(130deg,#fff,#edf0ff);border:2px solid #e0e6fc;border-radius:17px;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:5px;padding:13px;display:grid;position:absolute;inset:0;box-shadow:inset 0 -7px 17px #cad1f68a}.die-face .pip{background:#5367e6;border-radius:50%;width:14px;height:14px;box-shadow:inset 1px 2px 1px #344bc2}.die-face.face-1{transform:translateZ(calc(var(--die-s)/2))}.die-face.face-6{transform:rotateY(180deg) translateZ(calc(var(--die-s)/2))}.die-face.face-3{transform:rotateY(90deg) translateZ(calc(var(--die-s)/2))}.die-face.face-4{transform:rotateY(-90deg) translateZ(calc(var(--die-s)/2))}.die-face.face-2{transform:rotateX(90deg) translateZ(calc(var(--die-s)/2))}.die-face.face-5{transform:rotateX(-90deg) translateZ(calc(var(--die-s)/2))}.pip.pos-1{grid-area:1/1}.pip.pos-2{grid-area:1/2}.pip.pos-3{grid-area:1/3}.pip.pos-4{grid-area:2/1}.pip.pos-5{grid-area:2/2}.pip.pos-6{grid-area:2/3}.pip.pos-7{grid-area:3/1}.pip.pos-8{grid-area:3/2}.pip.pos-9{grid-area:3/3}.die-scene:nth-child(2n) .die-face .pip{background:#f0836a}.die-scene:nth-child(3n) .die-face .pip{background:#21b5a3}.bracket-scroll{max-width:100%;padding:5px 4px 20px;overflow-x:auto}.bracket{align-items:stretch;gap:24px;min-height:280px;display:flex}.bracket-round{flex-direction:column;flex:1;justify-content:space-around;gap:20px;min-width:175px;display:flex}.bracket-round h3{white-space:nowrap;color:#96a2b2;text-transform:uppercase;letter-spacing:1.1px;margin:0;font-size:11px;font-weight:840}.match{background:#fff;border:1px solid #e7eaf3;border-radius:11px;min-width:160px;overflow:hidden}.match div{text-align:left;white-space:nowrap;text-overflow:ellipsis;padding:10px 13px;font-size:12px;overflow:hidden}.match div+div{border-top:1px solid #eff1f5}.match .bye{color:#b5bac6;font-style:italic}.match .tbd{color:#b4becc}.info-page{border:1px solid var(--stroke);background:#fff;border-radius:20px;max-width:800px;padding:34px 38px}.info-page h2{margin-top:28px;font-size:20px}.info-page p,.info-page li{color:#708098;font-size:14px;line-height:1.8}.info-page a{color:var(--blue);text-decoration:underline}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.template-card{border:1px solid var(--stroke);background:#fff;border-radius:17px;flex-direction:column;gap:10px;min-height:216px;padding:21px;display:flex}.template-card .preview-bubbles{margin:12px 0;display:flex}.preview-bubbles span{background:#a6b2ff;border:3px solid #fff;border-radius:50%;width:37px;height:37px;margin-right:-8px}.preview-bubbles span:nth-child(2){background:#ffad93}.preview-bubbles span:nth-child(3){background:#5bceb8}.preview-bubbles span:nth-child(4){background:#ffda7b}.template-card h3{margin:0;font-size:16px}.template-card p{color:#8d99a9;margin:0;font-size:12px;line-height:1.6}.template-card .button{align-self:flex-start;margin-top:auto}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:70;background:#131e377d;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:20px;width:min(520px,100%);max-height:86vh;padding:25px;overflow:auto;box-shadow:0 30px 100px #06112c35}.dialog-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.dialog h2{margin:0;font-size:20px}.saved-row{border-bottom:1px solid #edf0f4;align-items:center;gap:13px;padding:13px 2px;display:flex}.saved-row div{flex:1;min-width:0}.saved-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.saved-row span{color:#9aa4b2;font-size:11px}.modal-empty{text-align:center;color:#9aa5b5;padding:34px 20px;font-size:13px}.search-dialog .field{height:50px;font-size:16px}.search-hit{color:#53647d;border-radius:11px;align-items:center;gap:12px;padding:13px;font-size:13px;font-weight:730;display:flex}.search-hit:hover{color:#435be6;background:#eff1ff}.search-hit svg{width:19px;height:19px}.page-footer{color:#a0a9b7;border-top:1px solid #e8eaf1;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;padding-top:22px;font-size:11px;display:flex}.page-footer a{margin-left:12px}.page-footer a:hover{color:var(--blue)}@media (max-width:1250px){.app{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-inline:9px}.nav-link{padding-inline:12px;font-size:12px}.workspace{grid-template-columns:minmax(0,1.1fr) minmax(295px,.88fr)}.wheel-zone{min-height:310px}.stage{min-height:565px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page{padding-inline:25px}}@media (max-width:970px){.app{display:block}.sidebar{display:none}.topbar{height:65px;padding:0 23px}.mobile-nav{border-bottom:1px solid var(--stroke);scrollbar-width:none;background:#fff;gap:8px;padding:12px 20px;display:flex;overflow-x:auto}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav a{white-space:nowrap;color:#7b8799;border:1px solid #e9ebf1;border-radius:9px;padding:8px 11px;font-size:11px;font-weight:735}.mobile-nav a.active{color:#4d65de;background:#edf0ff;border-color:#d9dfff}.page{padding-top:28px}.intro-right{display:none}}@media (max-width:680px){.topbar{padding:0 16px}.search-trigger{justify-content:center;width:36px;min-width:0;padding:0}.search-trigger .search-text,.search-trigger .kbd{display:none}.page{padding:24px 14px 60px}.intro{margin-bottom:22px}.intro-desc{font-size:13px}h1{letter-spacing:-1.1px;font-size:32px}.workspace,.general-workspace{grid-template-columns:1fr;gap:14px}.stage{min-height:0}.stage-top{padding:19px 17px 0}.wheel-zone{min-height:0;padding:22px 14px 6px}.wheel-wrap{width:min(84vw,410px)}.stage-foot{padding:10px 17px 19px}.editor,.settings-card,.interaction-card{padding:19px 17px}.editor{gap:13px}.general-workspace .interaction-card{order:1}.general-workspace .settings-card{order:2}.result-board{min-height:290px;padding:18px}.dice-arena{gap:23px 18px;min-height:210px}.die-scene{--die-s:74px}.die-face{border-radius:13px;gap:3px;padding:10px}.die-face .pip{width:11px;height:11px}.coin-scene{width:125px;height:125px}.coin-arena{gap:14px;min-height:205px}.coin-face strong{font-size:50px}.grid-results{grid-template-columns:1fr}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tool-card{min-height:125px;padding:13px}.template-grid{grid-template-columns:1fr}.info-page{padding:24px}.page-footer{display:block}.page-footer a{margin-left:0;margin-right:13px}.history-strip{flex-wrap:wrap}.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#wheel-editor{flex-direction:column;gap:15px;min-width:0;display:flex}.weight-panel{background:#f7f9ff;border:1px solid #e3e9fa;border-radius:12px;padding:12px}.weight-editor-head{color:#374760;justify-content:space-between;align-items:center;gap:8px;margin:0 0 9px;font-size:12px;display:flex}.weight-editor-head span{color:#97a3b5;font-size:11px}.weight-editor{scrollbar-width:thin;gap:7px;max-height:400px;padding:2px 4px 2px 0;display:grid;overflow-y:auto}.weight-row{background:#fbfcff;border:1px solid #e8ebf2;border-radius:10px;grid-template-columns:minmax(0,1fr) 90px;align-items:center;gap:12px;padding:7px 9px;display:grid}.weight-name{text-overflow:ellipsis;white-space:nowrap;color:#4a5870;cursor:pointer;min-width:0;font-size:12px;font-weight:700;overflow:hidden}.weight-row .field{text-align:center;font-variant-numeric:tabular-nums;height:36px;padding:7px 9px}.weight-row .field[aria-invalid=true]{background:#fff9f7;border-color:#e48b7d}.weight-edit-link{color:inherit;font-size:inherit;background:0 0;border:0;padding:0;font-weight:750;text-decoration:underline}.die-face.face-2{background:linear-gradient(130deg,#e0e8ff,#f2f4ff)}.die-face.face-3{background:linear-gradient(130deg,#e4e9ff,#dbe2ff)}.die-scene{isolation:isolate;position:relative}.die-scene:after{content:"";z-index:-1;filter:blur(10px);pointer-events:none;background:#34439c45;border-radius:50%;height:18px;position:absolute;bottom:-24px;left:12%;right:12%}.die{filter:none}.die-face{background:linear-gradient(145deg,#fff 6%,#f4f6ff 62%,#dbe1f5 100%);box-shadow:inset 2px 2px 8px #fff,inset -5px -8px 13px #bdc8e980,0 0 1px #9ca9d0}.die-face .pip{place-self:center}.wheel-wrap{filter:drop-shadow(0 13px 10px #39467528)drop-shadow(0 30px 28px #39467528)}.wheel-svg{filter:drop-shadow(0 2px 2px #26356a22)}.wheel-hub{background:radial-gradient(circle at 35% 25%,#fff,#f2f4ff 80%);box-shadow:0 6px 13px #24336d36,inset 0 0 0 2px #edf0ff}.card,.nav-link,.chip,.tab,.search-hit,.winner-banner{transition:background-color .22s,border-color .22s,box-shadow .22s,transform .22s}.card:hover{box-shadow:0 15px 42px #20346012}.winner-banner{animation:.32s ease-out both resultAppear}@keyframes resultAppear{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.guide-section{border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;grid-template-columns:1fr 1fr;gap:28px;margin-top:34px;padding:27px 30px;display:grid}.guide-section h2{letter-spacing:-.4px;margin:0 0 12px;font-size:18px}.guide-section h3{margin:16px 0 5px;font-size:13px}.guide-section p,.guide-section li{color:#6d7b91;font-size:12px;line-height:1.7}.guide-section p{margin:0}.guide-section ol{margin:12px 0 0;padding-left:20px}.guide-section li+li{margin-top:5px}@media (max-width:680px){.guide-section{grid-template-columns:1fr;gap:23px;padding:21px 18px}}.brand em{letter-spacing:0;color:#5267e9;font-size:11px;font-style:normal;font-weight:550}.mini-heading{margin-top:25px;font-size:13px}@media (max-width:680px){.actions-row{flex-wrap:wrap}.actions-row .button.block{min-width:0}.stat-box b{overflow-wrap:anywhere}.wheel-svg{transition-timing-function:cubic-bezier(.1,.77,.08,1)}}
