:root{font-family:Inter,"Microsoft YaHei","PingFang SC",sans-serif;color:#18302d;background:#f6f8f5;font-synthesis:none;--mint:#b6f1cd;--dark:#183b32;--muted:#7e8c85}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #2a9d78;outline-offset:4px}button{transition:background .2s,transform .2s}button:hover:not(:disabled){filter:brightness(.97)}.topbar{height:86px;border-bottom:1px solid #e6ebe5;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#fcfdfb}.brand{display:flex;align-items:center;gap:12px;color:#243b30;text-decoration:none;font-size:21px;font-weight:800;letter-spacing:1px}.brand-icon{display:grid;place-items:center;background:#204436;color:#c7f4bd;width:38px;height:38px;border-radius:12px;font-size:31px}.brand-divider{height:18px;width:1px;background:#d9e0d9;margin:0 7px}.brand-sub{font-size:14px;color:#819084;font-weight:400;letter-spacing:2px}.online{font-size:13px;color:#6c7e70;display:flex;align-items:center;gap:8px}.online i,.pill i{width:6px;height:6px;display:inline-block;background:#609875;border-radius:50%}main{max-width:1440px;margin:auto;padding:46px 6% 0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#7d9383}h1{font-size:34px;letter-spacing:1px;margin:12px 0 12px;font-weight:800}h1 span{display:inline-block;color:#66a37a;font-size:31px;margin-left:15px}p{margin:0}.page-heading p{font-size:14px;color:#849087}.secondary{border:1px solid #dfe6dc;background:#fff;padding:12px 18px;border-radius:9px;color:#475e4a;font-size:14px;display:flex;gap:10px;align-items:center}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.game-card{border-radius:22px;border:1px solid #e1e9df;background:#fff;overflow:hidden;position:relative;box-shadow:0 8px 28px #2d543506}.game-top{display:flex;align-items:center;justify-content:space-between;padding:25px 28px 0}.pill{font-size:12px;display:flex;gap:8px;align-items:center;background:#f0f6ed;padding:9px 12px;border-radius:30px;color:#57724c}.equal-label{font-size:12px;color:#99a193}.play-scene{position:relative;width:100%;aspect-ratio:1.8;background:radial-gradient(ellipse at 37% 52%,#eff6e5 0,transparent 64%);margin-top:10px}.wheel-shell{position:absolute;width:55%;aspect-ratio:1;left:5%;top:6%;border:2px solid #d5e8c4;border-radius:50%;padding:4%;background:#ecf4e1;box-shadow:0 9px 0 #dce6cd,0 18px 30px #46582c19;z-index:2}.wheel-ring{position:absolute;inset:0;border-radius:50%;pointer-events:none}.wheel-ring i{position:absolute;width:5px;height:5px;border-radius:50%;background:#fffdf1;left:calc(50% - 2.5px);top:calc(50% - 2.5px);transform:rotate(var(--a)) translateY(calc(var(--ring-radius)));box-shadow:0 0 3px #b5c69a}.wheel{width:100%;height:100%;overflow:visible;display:block;border-radius:50%;box-shadow:0 0 0 1px #fff}.wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:21%;height:21%;border-radius:50%;background:#fffcf0;border:5px solid #fff8;box-shadow:0 4px 12px #56623c20;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#819753}.wheel-hub span{font-size:36px;line-height:1}.wheel-hub small{font-size:8px;letter-spacing:2px;margin-top:3px}.robot{position:absolute;z-index:4;left:57.6%;top:22.5%;width:41%;height:auto;pointer-events:none;filter:drop-shadow(2px 8px 6px #16393513)}.finger-target{position:absolute;z-index:3;left:57.7%;top:55.4%;width:10px;height:10px;border:2px solid #70cfb3;border-radius:50%;background:#eaffee;box-shadow:0 0 0 5px #a4eace33;transform:translate(-50%,-50%)}.robot-speech{position:absolute;z-index:5;right:5%;top:-1%;font-size:12px;line-height:1.8;color:#7d897c;background:#fff;padding:10px 15px;border:1px solid #e7eddf;border-radius:12px 12px 12px 2px;transform:rotate(3deg);box-shadow:0 5px 12px #33592905}.robot-speech strong{font-size:13px;color:#527057;font-weight:500}.character-caption{position:absolute;right:6%;bottom:1%;font-size:10px;color:#98a690;letter-spacing:1px}.spark{position:absolute;color:#b4caa0}.spark-one{font-size:26px;left:64%;top:17%}.spark-two{font-size:28px;left:4%;bottom:0}.orbit{position:absolute;border:1px solid #eaf0e2;border-radius:50%;left:1%;top:-1%;width:63%;aspect-ratio:1}.orbit-two{transform:scale(1.1);border-style:dashed}.game-controls{position:relative;text-align:center;padding:17px 20px 23px}.status{font-size:14px;color:#6f7d6a;min-height:22px;margin:0 0 15px}.spin-button{display:flex;align-items:center;justify-content:center;gap:19px;border:0;background:#264e3c;color:#fff;border-radius:12px;font-size:18px;font-weight:600;letter-spacing:2px;padding:17px 34px;width:280px;margin:auto;box-shadow:0 5px 0 #173b2c,0 10px 22px #294d3320}.spin-button>span:first-child{color:#d3edaa}.button-arrow{font-size:24px;font-weight:400}.spin-button:active:not(:disabled){transform:translateY(2px)}.hint{font-size:11px;color:#99a293;margin-top:21px;display:flex;justify-content:center;align-items:center;gap:6px}.tiny-dot{width:4px;height:4px;background:#aebd9d;border-radius:50%}.result-strip{display:flex;align-items:center;gap:14px;background:#f8faf5;border-top:1px solid #edf1e7;padding:19px 26px}.result-icon{font-size:25px;color:#94a97e;background:white;border:1px solid #e9efdf;border-radius:10px;padding:5px 9px}.result-strip>div{display:flex;flex-direction:column;gap:7px}.result-label{font-size:10px;color:#9aa88d}.result-strip strong{font-size:13px;font-weight:500;color:#637851}.result-decoration{margin-left:auto;font-size:10px;font-weight:600;letter-spacing:2px;color:#b2c09f}.settings-card{background:#fff;border:1px solid #e1e8df;border-radius:20px;padding:26px 24px 0;overflow:hidden}.settings-heading{display:flex;align-items:center;justify-content:space-between}.settings-heading .eyebrow{font-size:10px}.settings-heading h2{font-size:20px;margin:9px 0 0;letter-spacing:.5px}.settings-symbol{font-size:24px;color:#90a37e}.settings-intro{font-size:12px;color:#939c8d;margin:13px 0 27px}.section-label{font-size:12px;font-weight:600;display:flex;justify-content:space-between;margin-bottom:12px}.section-label span:last-child{color:#a2ab9b;font-size:11px;font-weight:400}.prize-row{display:flex;align-items:center;gap:10px;background:#f8faf6;border:1px solid #e7ede1;border-radius:9px;padding:10px;margin-bottom:9px}.prize-swatch{width:26px;height:26px;border-radius:7px;flex-shrink:0;display:grid;place-items:center;color:#596f55;font-size:12px}.prize-row input{width:100%;min-width:0;border:0;background:transparent;outline:none;font-size:13px;color:#53654a;padding:3px}.prize-row:focus-within{border-color:#6b9a6e;box-shadow:0 0 0 2px #d7efdd}.delete-prize{border:0;background:transparent;color:#a3ae99;font-size:19px;padding:0 3px;line-height:1}.add-button{border:1px dashed #cfdcc6;border-radius:9px;padding:12px;width:100%;color:#6d8460;background:#fff;font-size:12px;margin-top:3px}.config-note{display:flex;gap:9px;background:#f5f8ef;border-radius:9px;padding:12px;margin:20px 0;color:#849074;font-size:11px;line-height:1.9}.config-note>span{font-size:15px}.form-error{color:#b45239;font-size:12px;line-height:1.6;margin-bottom:10px}.form-error:empty{display:none}.apply-button{border:0;border-radius:9px;background:#e3efda;color:#4d6940;padding:13px;width:100%;font-size:13px;font-weight:600}.reset-button{background:transparent;border:0;color:#99a68e;display:block;margin:15px auto 20px;font-size:11px}.settings-footer{border-top:1px solid #edf1e7;margin:0 -24px;background:#fcfdf9;padding:17px 15px;text-align:center;font-size:10px;color:#9cab8b;letter-spacing:.4px}.settings-footer span{padding-right:5px}.workspace.settings-hidden{grid-template-columns:minmax(0,900px);justify-content:center}.settings-hidden .settings-card{display:none}footer{display:flex;align-items:center;justify-content:space-between;padding:28px 0;font-size:10px;color:#b0baaa}footer>span:first-child{font-size:12px;color:#889981}footer>span:last-child{letter-spacing:2px}.spinning .wheel-ring i{animation:twinkle .4s infinite alternate}.spinning .wheel-ring i:nth-child(even){animation-delay:.2s}@keyframes twinkle{to{background:#6fdba6;box-shadow:0 0 8px #92eabe}}dialog{border:1px solid #dbe6d3;border-radius:24px;padding:40px;width:min(390px,90vw);text-align:center;color:#274a3c;box-shadow:0 30px 100px #123b352b}dialog::backdrop{background:#142d265e;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:26px;color:#8a9c85}.dialog-art{font-size:66px;color:#d7ac4d;margin-bottom:16px}dialog h2{font-size:30px;overflow-wrap:anywhere}dialog p{font-size:14px;line-height:1.7;color:#8d9986;margin-bottom:25px}#confetti{position:fixed;inset:0;pointer-events:none;z-index:10;overflow:hidden}#confetti i{position:absolute;top:-20px;width:9px;height:16px;animation:fall 2.8s ease-in forwards}@keyframes fall{to{transform:translate(var(--drift),110vh) rotate(750deg)}}
@media(min-width:1500px){main{padding-left:45px;padding-right:45px}.topbar{padding-left:calc((100vw - 1350px)/2);padding-right:calc((100vw - 1350px)/2)}}
@media(max-width:1100px){main{padding:32px 4% 0}.workspace{grid-template-columns:minmax(0,1fr) 285px;gap:18px}.settings-card{padding:23px 18px 0}.settings-footer{margin:0 -18px}.robot-speech{font-size:10px;right:3%;padding:7px 10px}.robot-speech strong{font-size:11px}.wheel-hub span{font-size:27px}.wheel-hub small{font-size:6px}.equal-label{display:none}.game-controls{padding-top:25px}.character-caption{font-size:8px}}
@media(max-width:800px){.topbar{height:70px;padding:0 5%}main{padding:30px 5% 0}.workspace{grid-template-columns:1fr}.settings-card{padding:24px 24px 0}.settings-footer{margin:0 -24px}.page-heading{gap:12px;align-items:center;margin-bottom:25px}h1{font-size:27px}h1 span{font-size:23px;margin-left:6px}.page-heading p{font-size:12px}.eyebrow{font-size:9px}.secondary{padding:11px;font-size:12px;white-space:nowrap}.settings-intro{margin-bottom:22px}.prize-row input{font-size:14px}.brand-sub{display:none}.brand-divider{display:none}.brand{font-size:19px}.game-top{padding:20px 20px 0}.play-scene{margin-top:25px}.wheel-hub span{font-size:34px}.robot-speech{font-size:11px}.robot-speech strong{font-size:12px}.game-controls{padding-top:24px}.hint{font-size:10px}.settings-card .eyebrow{font-size:10px}.prize-row{padding:12px}.settings-footer{font-size:11px}.settings-intro,.section-label,.add-button,.apply-button{font-size:14px}.config-note,.reset-button{font-size:12px}}
@media(max-width:480px){h1{font-size:23px}.page-heading .eyebrow{font-size:8px;letter-spacing:1px}.page-heading{align-items:flex-end}.page-heading p{max-width:210px;line-height:1.7}.settings-toggle span{display:none}.secondary{font-size:11px;padding:9px}.online{font-size:11px}.wheel-hub span{font-size:24px}.wheel-hub small{font-size:5px}.robot-speech{right:3%;top:-5%;font-size:9px;padding:6px 9px}.robot-speech strong{font-size:10px}.status{font-size:12px}.spin-button{width:240px;font-size:16px;padding:15px 25px}.character-caption{font-size:7px;bottom:-4%}.result-strip{padding:16px}.result-decoration{font-size:8px;letter-spacing:1px}.result-strip strong{font-size:12px}footer>span:last-child{display:none}footer p{font-size:9px}.finger-target{width:7px;height:7px}.wheel-hub{border-width:3px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.spinning .wheel-ring i{animation:none}#confetti{display:none}}