:root{--indigo:#6258e8;--indigo-dark:#4c43c8;--teal:#17bda9;--coral:#ff7474;--yellow:#ffc857;--ink:#24233e;--muted:#68667b;--line:#eae9f0;--paper:#fcfbfe;--shadow:0 14px 40px #3b326309;font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button,input,select,textarea,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #148b80;outline-offset:4px}h1,h2,h3,p{margin:0}svg{max-width:100%;display:block}img{max-width:100%}.shell{width:min(1200px,calc(100% - 64px));margin:auto}.site-header{background:#ffffffed;border-bottom:1px solid var(--line)}.navigation{height:88px;display:flex;align-items:center;gap:42px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:27px;font-weight:850;letter-spacing:-1.2px;white-space:nowrap}.brand-mark{display:grid;place-items:center;color:white;background:var(--indigo);border-radius:11px;height:35px;width:35px;font-size:32px;line-height:1;box-shadow:inset 0 -3px 0 #4033b82b;transform:rotate(-8deg)}.brand-dot{color:var(--indigo)}.navigation nav{display:flex;gap:30px;margin:auto}.navigation nav a{font-size:13px;font-weight:650;padding:33px 0;position:relative;color:#74718b}.navigation nav a.active{color:var(--indigo)}.navigation nav a.active:after{position:absolute;content:'';height:3px;border-radius:3px;left:0;right:0;bottom:19px;background:var(--indigo)}.preview-badge{font-size:10px;font-weight:600;padding:7px 10px;background:#f4f2fa;border-radius:20px;display:flex;align-items:center;gap:6px;color:#6b657e}.preview-badge i,.eyebrow i,.live-dot{height:6px;width:6px;border-radius:50%;background:var(--teal);display:inline-block}.preview-badge b{font-size:9px;background:#e9e5f8;color:var(--indigo);padding:2px 4px;border-radius:4px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:800;color:#6a677a;display:flex;align-items:center;gap:7px}.hero{display:grid;grid-template-columns:1fr .96fr;align-items:center;gap:20px;padding:39px 0 27px;min-height:370px}.hero h1{font-size:64px;font-weight:850;line-height:1.05;letter-spacing:-3.5px;margin:20px 0 25px;position:relative;display:inline-block}.hero h1>span{color:var(--indigo)}.hero-underline{width:272px;height:14px;position:absolute;left:0;bottom:-12px;stroke:var(--teal);stroke-width:3;fill:none;opacity:.8}.hero-copy>p{font-size:15px;line-height:1.8;color:var(--muted)}.hero-chips{display:flex;align-items:center;gap:19px;margin-top:23px;font-size:10px;font-weight:650;color:#6c677e}.hero-chips span:first-child{color:var(--indigo)}.hero-art{position:relative;max-width:525px;justify-self:end}.hero-art svg{width:100%;height:auto}.hero-sticker{position:absolute;right:6%;bottom:5%;background:white;padding:12px 17px;border:1px solid #ece8f7;border-radius:14px;box-shadow:var(--shadow);font-size:11px;line-height:1.5;transform:rotate(-7deg);color:var(--muted)}.hero-sticker b{color:var(--indigo);font-weight:750}.decision-prompt{border:1px solid #e7e3f7;background:#f3f0fb;border-radius:20px;padding:22px 25px;display:grid;grid-template-columns:280px 1fr;gap:12px 26px;align-items:center}.decision-prompt>div:first-child{display:flex;align-items:center;gap:13px}.prompt-spark{font-size:35px;color:var(--indigo)}.decision-prompt h2{font-size:16px;letter-spacing:-.4px}.decision-prompt p{font-size:11px;color:var(--muted);margin-top:5px}.decision-prompt form{display:flex;gap:8px;padding:6px;background:white;border-radius:13px;border:1px solid #e4dff0}.decision-prompt input{background:transparent;border:0;min-width:0;width:100%;padding:8px 10px;font-size:12px}.decision-prompt>small{grid-column:2;color:#6d677b;font-size:9px}.button{border:1px solid transparent;border-radius:10px;padding:12px 18px;font-size:12px;font-weight:700;display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:43px;white-space:nowrap;transition:transform .18s,background .18s,box-shadow .18s}.button:not(:disabled):hover{transform:translateY(-2px)}.button.primary{color:white;background:var(--indigo);box-shadow:0 3px 0 #5147c7}.button.primary:hover{background:var(--indigo-dark);box-shadow:0 5px 13px #6258e826}.button.secondary{border-color:#e4e0ed;background:white;color:#57516f;box-shadow:0 2px 3px #36314f04}.button.text{border-color:transparent;background:transparent;color:var(--indigo)}.button.small{font-size:11px;padding:9px 12px;min-height:36px}.button.large{min-height:53px;font-size:14px;border-radius:13px;padding:14px 24px}.button.danger{background:#fff1f0;color:#b23d3d;border-color:#f0cdca}.text-link{color:var(--indigo);font-size:11px;font-weight:700;background:none;border:0;padding:4px 0;cursor:pointer}.suggestions{grid-column:1/-1;background:white;border:1px solid #e2dbef;border-radius:12px;padding:15px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.suggestions p{font-size:12px;margin:0;margin-right:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:23px}.section-heading h2{font-size:27px;font-weight:780;letter-spacing:-1px;margin-top:9px}.section-heading p{font-size:11px;color:var(--muted);line-height:1.7}.home-activities{padding-top:42px}.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.activity-tile{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .2s,box-shadow .2s}.activity-tile:hover{transform:translateY(-5px);box-shadow:0 15px 25px #4b3f7610;border-color:color-mix(in srgb,var(--accent),white 65%)}.activity-art{height:150px;background:color-mix(in srgb,var(--accent),white 95%);position:relative;overflow:hidden}.activity-art svg{height:160px;width:100%;transition:transform .3s}.activity-tile:hover .activity-art svg{transform:scale(1.05) rotate(-2deg)}.game-count{position:absolute;right:12px;top:12px;font-size:8px;color:#8c849d;background:#ffffffc9;border:1px solid #fff;border-radius:20px;padding:5px 8px}.activity-copy{padding:17px 19px 19px;display:flex;justify-content:space-between;gap:13px;align-items:center}.activity-copy h3{font-size:16px;letter-spacing:-.5px}.activity-copy p{font-size:10px;line-height:1.6;color:var(--muted);margin-top:6px;max-width:235px}.round-arrow{flex-shrink:0;height:28px;width:28px;display:grid;place-items:center;color:#8c83ac;border:1px solid var(--line);border-radius:50%;font-size:15px}.templates-section{padding-top:45px}.template-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.template-card{background:white;border:1px solid var(--line);border-radius:15px;padding:16px;text-align:left;position:relative;transition:transform .2s,box-shadow .2s}.template-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.template-card>span{font-size:25px;display:block;margin-bottom:13px}.template-card strong{font-size:11px;display:block}.template-card small{font-size:8px;color:var(--muted);display:block;margin-top:5px;line-height:1.5}.template-card>b{position:absolute;top:15px;right:12px;color:#b3acc8;font-weight:400;font-size:12px}.featured{padding-top:48px}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.game-card{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .2s,box-shadow .2s}.game-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.game-thumbnail{position:relative;background:color-mix(in srgb,var(--accent),white 95%);height:190px}.game-thumbnail svg{width:100%;height:100%}.favorite-game{height:31px;width:31px;border:1px solid #e9e5f4;background:#ffffffc9;color:#837694;border-radius:50%;font-size:20px;line-height:1;display:grid;place-items:center}.game-thumbnail .favorite-game{position:absolute;right:13px;top:13px}.game-card-body{padding:19px}.game-card h3{font-size:17px;letter-spacing:-.5px}.game-card p{font-size:11px;color:var(--muted);margin-top:6px}.game-card-actions{display:flex;justify-content:space-between;gap:8px;margin-top:19px}.demo-note{text-align:center;font-size:10px;color:#6d6778;margin-top:21px}.how-home{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:55px;padding:37px 42px;background:#f4f2fa;border-radius:23px;border:1px solid #ebe7f3}.how-home h2{font-size:27px;line-height:1.3;letter-spacing:-.9px;margin:13px 0}.how-home p{font-size:12px;line-height:1.8;color:var(--muted)}.how-home .text-link{display:inline-block;margin-top:15px}.how-steps{display:grid;gap:18px}.how-steps article{display:flex;gap:16px}.how-steps b{color:var(--indigo);font-size:11px;background:white;border-radius:9px;min-width:31px;height:31px;display:grid;place-items:center}.how-steps h3{font-size:12px;margin:1px 0 5px}.how-steps p{font-size:10px}.home-seo{text-align:center;padding:45px 70px 48px}.home-seo h2{font-size:17px;letter-spacing:-.4px}.home-seo p{font-size:11px;color:var(--muted);line-height:1.9;max-width:820px;margin:14px auto}.seo-links{display:flex;gap:19px;justify-content:center;flex-wrap:wrap;font-size:10px;color:var(--indigo)}.site-footer{border-top:1px solid var(--line);background:white;padding:35px 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.site-footer .brand{font-size:20px}.site-footer .brand-mark{width:26px;height:26px;font-size:24px;border-radius:8px}.site-footer p,.footer-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:10px}.footer-grid>div>b{font-size:10px;display:block;margin:4px 0 14px}.footer-grid>div>a:not(.brand){display:block;font-size:10px;color:var(--muted);margin-top:10px}.footer-note{margin:3px 0 0}.footer-note small{display:block;margin-top:12px;font-size:9px;color:#6b6676}.page{padding-top:40px;padding-bottom:60px}.page-intro{margin:12px 0 36px}.page-intro h1{font-size:44px;letter-spacing:-2px;font-weight:800;margin:12px 0 15px;line-height:1.15}.page-intro h1 span,.prepare-heading h1 span,.play-heading h1 span{color:var(--indigo)}.page-intro p{font-size:14px;line-height:1.8;color:var(--muted)}.split{display:flex;justify-content:space-between;align-items:center;gap:25px}.gallery-jumps{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0 40px}.gallery-jumps a{font-size:11px;padding:11px 14px;border:1px solid var(--line);border-radius:9px;background:white;color:#6e667c}.gallery-section{padding:15px 0 36px;scroll-margin-top:20px}.gallery-section .section-heading p{margin-top:7px;font-size:12px}.breadcrumbs{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:24px}.breadcrumbs a{color:var(--indigo)}.prepare-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:27px}.prepare-heading h1{font-size:37px;letter-spacing:-1.5px;margin:10px 0}.prepare-heading p{font-size:13px;color:var(--muted)}.prepare-layout{display:grid;grid-template-columns:1fr 1.06fr;gap:25px;align-items:start}.setup-panel,.play-panel{background:white;border:1px solid var(--line);border-radius:21px;padding:26px;box-shadow:0 4px 24px #29213e03}.panel-title{display:flex;gap:10px;align-items:center;margin-bottom:24px}.panel-title h2{font-size:15px;letter-spacing:-.3px}.step-label{font-size:10px;font-weight:750;color:var(--indigo);background:#f0edfc;padding:6px 8px;border-radius:7px}.quiet{font-size:10px;color:#6c6675;font-weight:450}.panel-title .quiet{margin-left:auto}.field-label{font-size:12px;font-weight:700;display:flex;justify-content:space-between;gap:10px;align-items:center;margin:20px 0 9px}.panel-title+.field-label{margin-top:0}input:not([type=checkbox]):not([type=color]):not([type=file]),textarea,select{border:1px solid #ded8e9;background:#fdfcff;border-radius:9px;padding:11px 12px;color:var(--ink);font-size:13px;min-width:0}textarea{width:100%;min-height:80px;resize:vertical;line-height:1.7}textarea.entry-input{min-height:165px}.entry-input.compact{min-height:110px}.field-foot{display:flex;justify-content:space-between;gap:12px;color:#6d6777;font-size:9px;line-height:1.6;margin-top:6px}.list-tools{display:flex;gap:8px;margin-top:12px}.list-tools select{flex:1;min-width:0;font-size:10px;padding:9px}select{width:100%;appearance:auto}.number-input{width:85px}.rule-note{font-size:11px;line-height:1.8;background:#f4f2fa;padding:12px 14px;color:#70667c;border-radius:10px;margin-top:11px}.hint{font-size:10px;line-height:1.8;color:#6f6777}.advanced{margin-top:19px;border-top:1px solid var(--line);padding-top:17px}.advanced summary{font-size:12px;font-weight:700;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:26px;gap:8px}.advanced summary:before{content:'+';color:#9a8cb0;font-size:18px;font-weight:400;margin-right:3px}.advanced[open] summary:before{content:'−'}.advanced summary span{margin-left:auto;font-size:9px;color:#6f6777;font-weight:400}.advanced .hint{margin-top:9px}.advanced input[type=file]{font-size:10px;max-width:100%;margin-top:5px}.checkbox-label{display:flex;align-items:center;gap:9px;font-size:12px;margin-top:16px}.checkbox-label input{accent-color:var(--indigo);width:17px;height:17px}.inline-field{display:flex;gap:12px;align-items:center}.inline-field input{width:90px}.inline-field>span{font-size:11px;color:var(--muted)}.appearance-fields{display:flex;gap:14px;margin-top:14px}.appearance-fields label{font-size:11px;display:flex;align-items:center;gap:8px}.appearance-fields input:not([type=color]){width:100px}input[type=color]{border:1px solid #d9d1e4;border-radius:7px;background:white;width:43px;height:36px;padding:3px}.team-color-inputs{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.team-color-inputs label{font-size:9px;display:flex;flex-direction:column;gap:5px}.avatar-preview{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.save-hint{margin-top:19px}.probability-row{display:flex;justify-content:space-between;gap:15px;font-size:11px;border-bottom:1px solid #efebf4;padding:6px 0}.selected-game-hero{background:radial-gradient(ellipse at center,#f1edff,#faf8ff 70%);border:1px solid #eee9f7;border-radius:17px;position:relative;height:300px}.selected-game-hero svg{width:100%;height:100%;padding:6px}.selected-game-badge{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);padding:7px 12px;font-size:10px;font-weight:700;background:white;border:1px solid #eae2f5;border-radius:20px;white-space:nowrap;color:#716483}.game-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 23px}.game-picker button{min-width:0;border:1.5px solid var(--line);background:white;border-radius:12px;padding:5px 4px 11px;color:#6f667c}.game-picker button.selected{border-color:var(--indigo);background:#f7f5ff;color:var(--indigo)}.game-picker svg{height:72px;width:100%}.game-picker strong{font-size:9px}.play-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.play-choices button{display:grid;grid-template-columns:20px auto;gap:5px 7px;align-items:center;text-align:left;padding:15px}.play-choices small{grid-column:2;font-size:9px;font-weight:400;opacity:.75}.play-reassurance{display:flex;flex-direction:column;gap:11px;color:#6d6675;font-size:10px;margin:24px 0}.demo-link{width:100%;text-align:center;padding:14px 0 0;border-top:1px solid var(--line);font-size:11px}.resume-notice{display:flex;flex-direction:column;gap:5px;border-radius:9px;background:#eaf9f5;padding:12px;font-size:10px;color:#518174;margin-top:15px}.activity-instructions{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:44px;padding-top:34px;border-top:1px solid var(--line)}.activity-instructions h2{font-size:23px;letter-spacing:-.7px;margin:12px 0}.activity-instructions p{font-size:12px;line-height:1.85;color:var(--muted)}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font-size:12px;font-weight:700;cursor:pointer}.faq p{margin-top:12px;font-size:11px}.error{background:#fff0ef;border:1px solid #f0cac8;color:#a03e3e;font-size:12px;line-height:1.7;padding:12px 15px;border-radius:10px;margin:15px 0;overflow-wrap:anywhere}.avatar{--person:var(--indigo);display:inline-flex;align-items:center;justify-content:center;height:38px;width:38px;min-width:38px;border-radius:50%;background:color-mix(in srgb,var(--person),white 83%);border:2px solid #fff;box-shadow:0 3px 7px #2a205212;color:color-mix(in srgb,var(--person),#231b4f 40%);font-weight:800;font-size:17px;overflow:hidden}.avatar.large{width:62px;height:62px;min-width:62px;font-size:28px}.avatar img{width:100%;height:100%;object-fit:cover}.play-shell{max-width:1180px;margin:auto;padding:0 28px 35px}.play-header{display:flex;align-items:center;gap:25px;padding:19px 0;border-bottom:1px solid var(--line)}.play-header .brand{font-size:22px}.play-header .brand-mark{width:28px;height:28px;font-size:26px;border-radius:8px}.play-top-actions{display:flex;gap:8px;align-items:center;margin-left:auto}.demo-badge{font-size:9px;background:#fff2cd;padding:7px 9px;border:1px solid #f7e1a8;border-radius:6px;color:#846422;font-weight:700}.play-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0 15px}.play-heading h1{font-size:31px;letter-spacing:-1px;margin-top:7px}.play-options{display:flex;align-items:center;gap:12px}.play-options select{font-size:11px;padding:12px;width:175px;background:white}.active-rule{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px;color:#6e6679;font-size:10px}.active-rule>span{border:1px solid #e8e1f4;border-radius:20px;padding:6px 10px;background:white;font-weight:600;color:#7a6b96;white-space:nowrap}.active-rule details{max-width:670px;text-align:right}.active-rule summary{cursor:pointer;font-size:10px;padding:7px 0}.active-rule p{font-size:11px;line-height:1.7;text-align:left;background:white;border:1px solid var(--line);padding:13px;border-radius:9px;margin:7px 0}.game-stage{position:relative;border-radius:25px;border:1px solid #e7e1f5;background:radial-gradient(ellipse at 50% 30%,#fff 4%,#f5f1ff 75%);padding:21px 25px 20px;overflow:hidden;min-height:475px;isolation:isolate}.game-stage:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#dcd5ed 1px,transparent 1px);background-size:25px 25px;opacity:.35;z-index:-1}.stage-instruction{display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;color:#8f819f;text-align:center;line-height:1.7}.game-object{min-height:320px;position:relative;display:flex;align-items:center;justify-content:center;padding:18px 10px;width:100%}.stage-controls{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.stage-caption{text-align:center;font-size:10px;line-height:1.7;color:#9b8daa;margin:13px auto 0;max-width:650px}.winner-ribbon{display:flex;justify-content:center;align-items:center;gap:14px;background:white;border:1px solid #e7def5;box-shadow:0 5px 20px #77629909;border-radius:12px;width:fit-content;max-width:100%;margin:3px auto 13px;padding:13px 24px}.winner-ribbon small{font-size:9px;letter-spacing:1.4px;color:#a193b1}.winner-ribbon strong{font-size:25px;letter-spacing:-.7px;overflow-wrap:anywhere}.phase-done.fun .winner-ribbon{animation:pop-in .45s cubic-bezier(.2,.7,.2,1)}.wheel-rig{width:min(360px,85vw);height:min(360px,85vw);position:relative;margin:2px auto 5px}.decision-wheel{height:100%;width:100%;filter:drop-shadow(0 8px 0 #4d407c17) drop-shadow(0 13px 15px #7864a324);touch-action:none;cursor:grab}.phase-running .decision-wheel{animation:wheel-spin var(--duration,2.3s) cubic-bezier(.15,.75,.1,1) forwards}.wheel-pointer{position:absolute;left:50%;top:-5px;transform:translateX(-50%);width:27px;height:39px;background:#fff;clip-path:polygon(10% 0,90% 0,100% 45%,50% 100%,0 45%);z-index:5;filter:drop-shadow(0 3px 3px #33245144)}.wheel-pointer:after{content:'';position:absolute;background:var(--ink);height:7px;width:7px;left:10px;top:8px;border-radius:50%}.slot-machine{width:350px;max-width:calc(100% - 45px);padding:24px 26px 16px;background:linear-gradient(150deg,#887cf5,var(--indigo) 50%,#5144bf);border:2px solid #a79cf9;box-shadow:0 13px 0 #4537a2,0 20px 30px #6258e82b;border-radius:26px;position:relative;margin:20px auto 28px}.slot-label{text-align:center;font-size:13px;letter-spacing:2px;color:white;font-weight:800}.slot-lights{display:flex;justify-content:space-between;align-items:center;color:var(--yellow);margin:15px -5px 12px}.slot-lights span{font-size:7px;letter-spacing:.8px;color:#d9d1ff}.reel-window{height:68px;border:7px solid #463a9e;border-radius:13px;overflow:hidden;background:#fffef5;box-shadow:inset 0 4px 13px #3d2d6026}.reel-name{height:66px;line-height:66px;text-align:center;font-size:27px;font-weight:850;color:#625194;letter-spacing:-.6px;padding:0 5px;overflow:hidden;text-overflow:ellipsis}.reel-strip{margin-top:-6px}.phase-running .reel-strip{animation:slot-scroll 1.6s cubic-bezier(.1,.65,.2,1) forwards}.slot-base{display:flex;justify-content:space-between;color:#d8cffa;font-size:10px;margin-top:20px;align-items:center}.slot-base span{color:var(--yellow);letter-spacing:6px}.slot-lever{position:absolute;right:-47px;top:39px;width:43px;height:133px;border:0;background:transparent;touch-action:none}.slot-lever i{position:absolute;left:8px;top:20px;width:10px;height:105px;background:linear-gradient(90deg,#d3cede,#faf8ff,#c6bbdb);border-radius:8px;transform:rotate(12deg);transform-origin:bottom}.slot-lever>span{position:absolute;top:4px;left:7px;background:radial-gradient(circle at 30% 25%,#ffb8af,var(--coral) 65%,#d45065);height:35px;width:35px;border-radius:50%;box-shadow:0 4px 4px #61477720}.phase-running .slot-lever{animation:lever-pull .6s ease}.lottery{width:340px;max-width:100%;position:relative;margin:5px auto}.lottery-glass{height:240px;border:8px solid #e4dcf5;border-radius:48% 48% 35% 35%;background:radial-gradient(circle at 35% 20%,white,#eff6ff99 50%,#e9ddfa);box-shadow:inset 8px 5px 17px white,0 5px 20px #5c438b10;position:relative;overflow:hidden;z-index:2}.lottery-glass:after{content:'';position:absolute;left:22px;top:26px;width:28px;height:90px;border-left:6px solid #ffffffbb;border-radius:50%;transform:rotate(20deg)}.lottery-ball{position:absolute;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;color:#40365d;background:radial-gradient(circle at 32% 23%,#fff9,var(--ball) 60%);box-shadow:inset -4px -5px 7px #48375d15,0 3px 6px #3e2a4e19}.phase-running .lottery-ball{animation:ball-bounce .55s ease-in-out calc(var(--i)*-.07s) infinite alternate}.lottery-base{margin:-13px 20px 0;padding:28px 20px 13px;background:linear-gradient(140deg,#8c81f2,#6258e8);border:3px solid #aaa0fc;border-radius:15px 15px 24px 24px;box-shadow:0 8px 0 #4f42ad;position:relative;z-index:3}.lottery-base>span{display:block;text-align:center;color:#e4ddff;font-size:8px;letter-spacing:1.5px;margin-bottom:10px}.lottery-chute{min-height:64px;border-radius:14px;background:#463ca1;box-shadow:inset 0 5px 8px #2f266c7d;display:grid;place-items:center;color:#b8aaff;font-size:23px}.drawn-ball{display:flex;align-items:center;gap:12px;padding:8px;color:white;font-size:17px;animation:pop-in .4s}.flip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;width:100%;max-width:820px;margin:5px auto}.flip-card{height:175px;border:0;background:transparent;padding:0;perspective:1000px;border-radius:17px;min-width:0}.card-inner{position:relative;width:100%;height:100%;display:block;transition:transform .65s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;inset:0;border:4px solid white;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;backface-visibility:hidden;box-shadow:0 6px 0 #c6bad923,0 10px 20px #6650780c;padding:13px;overflow-wrap:anywhere}.card-back{background:linear-gradient(150deg,#8779ed,#6258e8);color:white}.flip-card:nth-child(3n+2) .card-back{background:linear-gradient(150deg,#63d6c4,#17aa99)}.flip-card:nth-child(3n) .card-back{background:linear-gradient(150deg,#ffa297,#f17380)}.card-front{transform:rotateY(180deg);background:white;color:var(--ink);border-color:#ece6f7;overflow:auto}.card-back strong,.card-front strong{font-size:13px;max-width:100%}.card-back small,.card-front small{font-size:9px;opacity:.75}.card-front p{font-size:11px;line-height:1.65}.card-symbol{font-size:47px;color:#e6ddff}.choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:730px}.choice-grid .flip-card{height:190px}.phase-running.game-flip-cards .flip-card,.phase-running.game-mystery-boxes .surprise-box{animation:shuffle-hop .6s ease}.box-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));width:100%;max-width:850px;gap:25px 16px;padding:25px 0 5px}.surprise-box{position:relative;padding:0;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;min-height:175px;width:100%;justify-content:flex-end}.box-body{position:relative;display:grid;place-items:center;width:112px;height:90px;border-radius:0 0 12px 12px;background:linear-gradient(120deg,color-mix(in srgb,var(--box),white 15%),var(--box));box-shadow:inset -11px 0 0 #3226550b,0 8px 12px #4c366c12}.box-body>i{position:absolute;left:43px;top:0;bottom:0;width:23px;background:#ffffff54}.box-body>span{z-index:1;background:#fffc;color:color-mix(in srgb,var(--box),#292044 30%);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:20px;font-weight:700}.box-lid{position:absolute;bottom:111px;width:124px;height:25px;background:color-mix(in srgb,var(--box),white 27%);box-shadow:0 4px 4px #35204119;border-radius:6px;z-index:3;transition:transform .5s;transform-origin:10% 70%}.box-lid:before,.box-lid:after{content:'';position:absolute;width:25px;height:18px;border:6px solid #ffffff85;top:-21px;border-radius:50% 50% 0 50%}.box-lid:before{left:33px;transform:rotate(24deg)}.box-lid:after{left:59px;transform:rotate(-24deg) scaleX(-1)}.box-lid i{width:24px;height:100%;display:block;margin:auto;background:#ffffff68}.surprise-box>strong{font-size:12px;margin-top:12px;max-width:100%;overflow-wrap:anywhere;line-height:1.5;min-height:26px}.opened .box-lid{transform:translateY(-40px) rotate(-17deg)}.box-content{position:absolute;bottom:62px;left:8%;right:8%;font-weight:750;font-size:12px;color:#4b3b68;background:white;border:1px solid #e9ddf3;box-shadow:0 8px 15px #44315d12;border-radius:9px;padding:10px;z-index:4;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .4s;overflow-wrap:anywhere}.opened .box-content{opacity:1;transform:none}.links-scroll{max-height:530px;width:100%;overflow:auto;padding:10px 8px}.links-board{position:relative;width:100%;display:flex;justify-content:space-between}.links-people,.links-roles{width:36%;position:relative;z-index:2;display:flex;flex-direction:column;gap:12px}.link-person,.link-role{height:46px;border:1px solid #e4dbef;background:white;border-radius:11px;display:flex;align-items:center;gap:9px;padding:6px 10px;font-size:11px;text-align:left;overflow-wrap:anywhere}.link-person .avatar{height:29px;width:29px;min-width:29px;font-size:13px}.link-person.selected,.link-role.selected{border-color:#a292e7;box-shadow:0 4px 13px #7860be16}.link-person.linked{background:#eeebff}.link-wires{position:absolute;left:36%;width:28%;top:0;height:100%;overflow:visible;fill:none;stroke:#b7a9df;stroke-width:1.5;stroke-dasharray:5 3}.link-wires .selected{stroke:var(--indigo);stroke-width:2.5;stroke-dasharray:0;animation:draw-link .5s ease}.avatar-cloud{display:flex;gap:25px;align-items:center;justify-content:center;flex-wrap:wrap;max-width:560px;padding:20px}.avatar-cloud>span{display:flex;flex-direction:column;gap:8px;align-items:center;transform:rotate(calc((var(--i) - 4)*2deg));min-width:60px}.avatar-cloud .avatar{height:60px;width:60px;min-width:60px;font-size:25px;box-shadow:0 7px 0 #8e77b416}.avatar-cloud small{font-size:10px;color:#8c7b9e}.team-zones{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));width:100%;gap:18px}.team-zone{border:2px solid color-mix(in srgb,var(--team),white 66%);border-radius:18px;background:color-mix(in srgb,var(--team),white 95%);padding:17px;min-height:220px;box-shadow:0 7px 0 color-mix(in srgb,var(--team),transparent 90%)}.team-zone-title{display:flex;justify-content:space-between;align-items:center;gap:10px;color:color-mix(in srgb,var(--team),#29213f 40%)}.team-zone-title strong{font-size:13px;overflow-wrap:anywhere}.team-zone-title span{font-size:10px;background:white;border-radius:50%;height:22px;width:22px;display:grid;place-items:center}.team-tokens{display:flex;flex-wrap:wrap;gap:15px 12px;justify-content:center;margin-top:23px}.team-token{display:flex;flex-direction:column;align-items:center;gap:5px;max-width:80px}.team-token small{font-size:10px;text-align:center;overflow-wrap:anywhere}.phase-running.game-team-shuffle .team-token{animation:token-deal 1s cubic-bezier(.2,.7,.2,1) var(--delay) both}.bucket-zones .team-zone{border-radius:8px 8px 45px 45px;border-top:10px solid color-mix(in srgb,var(--team),white 35%);box-shadow:inset -8px 0 0 #50306c08,0 9px 0 #654d7010;min-height:170px}.game-team-buckets .game-object{flex-direction:column}.bucket-dispenser{display:flex;flex-direction:column;align-items:center;gap:9px;margin:0 0 25px}.bucket-dispenser>span:last-child{font-size:10px;color:#9c8aab}.waiting-ball{height:63px;width:63px;background:linear-gradient(135deg,#f5e7ab,#ffc857);border:4px solid white;border-radius:50%;font-size:27px;display:grid;place-items:center;color:#8c7130;box-shadow:0 8px 0 #a1815620}.bucket-dispenser .avatar{animation:drop-ball .5s cubic-bezier(.15,.75,.3,1.3)}.capsule-scene{display:flex;justify-content:center;align-items:center;gap:50px;width:100%;padding:7px 0 22px}.capsule-machine{width:220px;min-width:200px}.capsule-dome{height:165px;background:radial-gradient(circle at 30% 20%,white,#eefaff99,#ded4ef);border:7px solid #eee6f7;border-radius:90px 90px 20px 20px;position:relative;overflow:hidden}.capsule-dome>i{position:absolute;height:47px;width:47px;border-radius:50%;background:linear-gradient(0deg,#fff7 0 49%,var(--capsule) 50%);border:1px solid #fff9;box-shadow:inset -4px -4px 5px #7652890c}.capsule-body{height:170px;background:linear-gradient(135deg,#ff9c9c,#fa727f);border:3px solid #ffa8ac;border-radius:8px 8px 20px 20px;margin-top:-8px;box-shadow:0 9px 0 #d05474;padding:23px 20px 10px;position:relative}.capsule-body>b{display:block;text-align:center;font-size:9px;color:white;letter-spacing:1.1px}.capsule-handle{height:58px;width:58px;margin:13px auto 8px;border:5px solid #ffe0db;border-radius:50%;background:linear-gradient(120deg,#f4eaf4,#cfbad9);display:grid;place-items:center;box-shadow:0 4px 0 #b55a7730;touch-action:none}.capsule-handle span{width:44px;height:11px;border-radius:5px;background:#a184b5;box-shadow:0 2px 2px #624a6d27;transform:rotate(-30deg)}.capsule-handle:active span{transform:rotate(65deg)}.capsule-door{width:75px;height:36px;background:#ad4665;border:4px solid #e0667d;border-radius:20px 20px 7px 7px;margin:auto}.capsule-ticket{min-height:200px;width:225px;border:2px solid #eee4f7;background:white;border-radius:19px;padding:25px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;box-shadow:0 7px 0 #9c86b414;transform:rotate(4deg)}.capsule-ticket strong{font-size:17px;line-height:1.4;overflow-wrap:anywhere}.capsule-ticket>span:not(.avatar){font-size:12px;color:#9c88aa}.capsule-ticket .ticket-star{font-size:55px!important;color:var(--yellow)!important}.race-track{width:100%;position:relative;background:#edf8f2;border:4px solid white;border-radius:16px;overflow:hidden;box-shadow:0 8px 0 #629c8220;padding:5px 25px}.race-lane{height:69px;border-bottom:2px dashed #cee2d4;position:relative}.race-lane:last-child{border:0}.lane-number{position:absolute;left:-14px;top:25px;font-size:9px;color:#96b6a2}.racer{position:absolute;top:7px;left:7px;width:70px;display:flex;align-items:center;flex-direction:column;gap:2px;z-index:2}.racer .avatar{width:32px;height:32px;min-width:32px;font-size:14px}.racer small{font-size:9px;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis;font-weight:600}.racer i{position:absolute;top:19px;left:18px;font-size:25px;color:#8c76c7;z-index:-1}.phase-running .racer{animation:race-run var(--race-time) linear forwards}.race-finish{position:absolute;right:83px;top:0;bottom:0;width:10px;background:repeating-conic-gradient(#42394a 0% 25%,white 0% 50%) 0 / 10px 10px;opacity:.4}.finish-rank{position:absolute;right:4px;top:22px;font-size:17px;font-weight:800;color:#8bad99}.podium{display:flex;align-items:flex-end;justify-content:center;width:100%;gap:14px;max-width:650px;padding-top:25px}.podium-place{background:none;border:0;padding:0;width:31%;display:flex;flex-direction:column;align-items:center;gap:10px}.podium-person{height:116px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px}.podium-person strong{font-size:12px;overflow-wrap:anywhere;max-width:100%}.podium-question{height:60px;width:60px;display:grid;place-items:center;font-size:29px;border:2px dashed #cec1df;color:#b6a6ca;border-radius:50%}.plinth{border-radius:12px 12px 3px 3px;width:100%;height:125px;background:linear-gradient(135deg,#c9b7ed,#9a81d2);box-shadow:inset -10px 0 0 #8a64a626,0 5px 0 #7b60a228;display:grid;place-items:center;font-size:41px;font-weight:800;color:white;text-shadow:0 2px 0 #8567b726}.place-1 .plinth{height:175px;background:linear-gradient(135deg,#ffdd80,#ffbf4d);box-shadow:inset -10px 0 0 #d2962920,0 5px 0 #ba902526}.place-3 .plinth{height:90px;background:linear-gradient(135deg,#81dfd2,#27bca7);box-shadow:inset -10px 0 0 #138c8d26,0 5px 0 #157f8526}.raised .podium-person{animation:pop-in .5s}.game-podium-reveal .game-object{flex-direction:column}.remaining-order{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px;width:100%;justify-content:center}.order-tile{display:flex;gap:10px;background:white;border:1px solid #e4daef;padding:12px 15px;border-radius:10px;align-items:center;font-size:11px}.order-tile b{color:#a48abf}.baton-ring{position:relative;width:440px;max-width:100%;height:350px}.baton-person{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:6px;align-items:center}.baton-person small{font-size:10px;max-width:95px;text-align:center;overflow-wrap:anywhere}.baton-person .avatar{width:50px;height:50px;min-width:50px;font-size:22px}.baton-person.current .avatar{outline:3px solid var(--teal);outline-offset:5px}.baton-object{width:130px;height:30px;position:absolute;left:50%;top:50%;border:2px solid #ffdc97;background:linear-gradient(#ffe2a0,#ffc857 50%,#eab048);border-radius:20px;box-shadow:0 8px 12px #b88b5326;transform:translate(-50%,-50%) rotate(-30deg);touch-action:none;color:#a97c31;font-size:10px;letter-spacing:.7px;font-weight:800}.phase-running .baton-object{animation:baton-pass .9s ease forwards}.turn-track{display:flex;justify-content:center;flex-wrap:wrap;gap:17px;max-width:820px;padding:15px}.track-stop{width:105px;min-height:135px;border:3px solid white;border-radius:40px;background:color-mix(in srgb,var(--person),white 90%);box-shadow:0 6px 0 #a895bb1a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;position:relative;padding:17px 8px}.track-stop.current{border-color:var(--indigo);background:#eee9ff}.track-stop strong{font-size:11px;overflow-wrap:anywhere;max-width:100%}.track-number{font-size:9px;color:#aa98bb}.track-marker{position:absolute;bottom:-9px;font-size:7px;font-weight:800;letter-spacing:.8px;border-radius:5px;background:var(--indigo);color:white;padding:5px 8px;white-space:nowrap}.phase-running .track-stop.current{animation:track-hop .9s ease}.carousel-perspective{height:330px;width:100%;max-width:650px;position:relative;perspective:800px;overflow:hidden;touch-action:pan-y;cursor:grab}.carousel-ring{position:absolute;top:70px;left:50%;width:0;height:0;transform-style:preserve-3d;transform:rotateY(0deg)}.carousel-card{position:absolute;left:-70px;top:0;width:140px;height:155px;background:linear-gradient(140deg,#fff,color-mix(in srgb,var(--card),white 83%));border:4px solid white;box-shadow:0 5px 0 #a090bd22,0 10px 25px #533c7713;border-radius:20px;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:10px}.carousel-card strong{font-size:14px;text-align:center;overflow-wrap:anywhere}.carousel-platform{position:absolute;bottom:50px;left:12%;right:12%;height:40px;border-radius:50%;background:#ddcfee55;box-shadow:0 9px 0 #bdacd81a;z-index:-1}.carousel-pointer{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);color:var(--indigo);font-size:29px}.phase-running .carousel-ring{animation:carousel-spin 2.3s cubic-bezier(.1,.7,.1,1) forwards}.results-panel{margin-top:25px;border:1px solid var(--line);background:white;border-radius:21px;padding:29px}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:23px}.results-heading h2{font-size:25px;letter-spacing:-.8px;margin-top:8px}.round-badge{font-size:10px;color:#71657d;border:1px solid #e9e0f2;border-radius:20px;padding:8px 12px;white-space:nowrap}.result-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:13px}.result-group{border:1px solid color-mix(in srgb,var(--result-color),white 80%);background:color-mix(in srgb,var(--result-color),white 97%);border-radius:13px;padding:17px;min-width:0}.result-group h3{font-size:11px;color:#726481;margin:0 0 14px;overflow-wrap:anywhere}.result-group>div{display:flex;flex-wrap:wrap;gap:11px}.result-person{display:inline-flex;gap:9px;align-items:center;font-size:13px;min-width:0;max-width:100%}.result-person b{overflow-wrap:anywhere}.result-person .avatar{height:30px;width:30px;min-width:30px;font-size:14px}.result-group small{font-size:10px;color:#998ba7;display:block;margin-top:12px}.result-group .text-link{display:block;margin-top:13px;font-size:9px}.ordered-results{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.ordered-results .result-group{display:flex;gap:14px;align-items:center}.ordered-results h3{margin:0;font-size:20px;color:#6f6576}.result-extra,.result-method{font-size:11px;color:#70667a;line-height:1.9;margin-top:18px}.result-method{background:#f7f5fa;border-radius:10px;padding:13px 15px}.result-primary-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.result-secondary-actions{display:flex;flex-wrap:wrap;gap:24px;margin-top:19px;padding-top:18px;border-top:1px solid var(--line)}.results-panel>.hint{margin-top:15px}.game-privacy{text-align:center;font-size:10px;color:#6f6776;line-height:1.8;margin:24px 15px 0}.turn-manager{margin-top:20px;padding:20px;border:1px solid #e3dbef;background:white;border-radius:18px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.timer-readout{display:flex;align-items:center;gap:14px}.timer-readout small{font-size:8px;letter-spacing:1.3px;color:#71657b;max-width:38px;line-height:1.5}.timer-readout strong{font-size:31px;font-variant-numeric:tabular-nums;letter-spacing:-1px;color:var(--indigo)}.timer-readout>span{font-size:10px;color:#706579}.turn-actions{display:flex;gap:7px;flex-wrap:wrap;margin-left:auto}.turn-actions .button{font-size:10px;min-height:37px;padding:9px 12px}.turn-history{width:100%;border-top:1px solid var(--line);padding-top:14px}.turn-history summary{font-size:11px;color:#72657c;cursor:pointer}.turn-history ol{list-style:none;padding:0;margin:15px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.turn-history li{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;font-size:10px}.turn-history li span{color:#a294ae}.library-toolbar{display:flex;gap:10px}.library-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:27px}.library-tabs button{display:flex;gap:9px;align-items:center;border:1px solid var(--line);background:white;padding:10px 13px;border-radius:10px;font-size:11px;color:#70657a}.library-tabs button.active{color:var(--indigo);background:#eeebff;border-color:#d0c6f4}.library-tabs button span{font-size:8px;padding:2px 5px;border-radius:4px;background:#ffffff99}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.library-card{border:1px solid var(--line);background:white;padding:19px;border-radius:18px;min-width:0}.library-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.kind-badge{font-size:8px;font-weight:750;letter-spacing:1px;color:#94829e}.library-art{height:130px;margin:5px 0}.library-art svg{height:100%;width:100%}.library-card h2{font-size:17px;letter-spacing:-.5px;overflow-wrap:anywhere}.library-card p{font-size:10px;color:#9e90aa;margin-top:7px;line-height:1.6}.library-card>small{font-size:9px;color:#b2a5bc;display:block;margin-top:7px}.library-card-actions{display:flex;gap:8px;margin-top:20px}.empty-library{grid-column:1/-1;background:white;border:1px dashed #d9d0e8;border-radius:20px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.empty-library>span{font-size:50px;color:#bba7e3}.empty-library h2{font-size:22px;margin-top:15px;letter-spacing:-.6px}.empty-library p{font-size:12px;line-height:1.9;color:#71657b;max-width:430px;margin:14px 0 21px}.library-notice{display:flex;align-items:center;gap:17px;background:#f3f0f8;border-radius:13px;padding:17px 20px;margin-top:25px}.library-notice>span{font-size:25px;color:#aa95bf}.library-notice p{font-size:10px;color:#72657c;line-height:1.8}.library-notice strong{font-size:11px;color:#736381}.settings-page{max-width:900px}.settings-card{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:25px 27px;border:1px solid var(--line);border-radius:17px;background:white;margin-bottom:16px}.settings-card h2{font-size:16px;letter-spacing:-.4px}.settings-card p{font-size:12px;line-height:1.7;color:#716579;max-width:530px;margin-top:7px}.settings-card select{width:auto;min-width:170px;font-size:11px}.toggle{border:1px solid #d9d0e5;background:#efebf5;border-radius:25px;padding:10px 22px;color:#71637e;font-size:11px;font-weight:800;min-width:70px}.toggle.on{background:var(--indigo);color:white;border-color:var(--indigo)}.prose{max-width:830px}.prose h1{font-size:43px;letter-spacing:-1.8px;margin:14px 0 25px}.prose h2{font-size:23px;letter-spacing:-.6px;margin:32px 0 13px}.prose p{font-size:14px;line-height:1.95;color:#71657b;margin-bottom:15px}.prose>.button{margin-top:20px}dialog{width:min(600px,calc(100% - 30px));border:1px solid #e4d9f0;padding:27px;border-radius:21px;background:white;box-shadow:0 30px 90px #32214d33;color:var(--ink);max-height:90vh;overflow:auto}dialog::backdrop{background:#28213f77;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.dialog-heading h2{font-size:23px;letter-spacing:-.7px}.dialog-close{border:0;border-radius:50%;height:32px;width:32px;background:#f0ecf6;color:#9c87b0;display:grid;place-items:center;font-size:19px;flex-shrink:0}.dialog-body p{font-size:12px;line-height:1.85;color:#9986a8;margin-bottom:16px}.dialog-body input:not([type=file]),.dialog-body textarea,.dialog-body select{width:100%;margin-bottom:13px}.dialog-body label{display:block;font-size:11px;font-weight:650;margin:14px 0 8px}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-grid .button{justify-content:flex-start;white-space:normal}.share-warning{padding:14px 16px;background:#fff7e4;border:1px solid #f5e7bf;border-radius:11px;color:#ad914d!important;font-size:11px!important}.toast{position:fixed;left:50%;bottom:23px;transform:translateX(-50%);z-index:200;padding:13px 19px;border:1px solid #8c76b840;border-radius:12px;background:#332a48;color:white;box-shadow:0 10px 30px #33214d20;font-size:12px;max-width:min(650px,90vw);line-height:1.6;text-align:center}.toast:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:15px;z-index:250;background:white;padding:12px;border-radius:8px}.skip-link:focus{top:10px}[hidden]{display:none!important}.draggable{user-select:none}.phase-race-reveal .racer{left:calc(100% - 84px)}
@keyframes wheel-spin{from{transform:rotate(0)}to{transform:rotate(var(--angle))}}@keyframes slot-scroll{from{transform:translateY(0)}to{transform:translateY(var(--end))}}@keyframes lever-pull{50%{transform:translateY(30px)}}@keyframes ball-bounce{to{transform:translate(var(--dx),var(--dy)) rotate(70deg)}}@keyframes pop-in{0%{opacity:0;transform:translateY(12px) scale(.9)}70%{transform:translateY(-3px) scale(1.02)}100%{opacity:1;transform:none}}@keyframes shuffle-hop{25%{transform:translateX(25px) rotate(8deg)}65%{transform:translateX(-15px) rotate(-7deg)}}@keyframes draw-link{from{stroke-dasharray:200;stroke-dashoffset:200}to{stroke-dashoffset:0}}@keyframes token-deal{from{opacity:0;transform:translate(var(--from-x),var(--from-y)) scale(.5)}to{opacity:1;transform:none}}@keyframes drop-ball{from{transform:translateY(-45px);opacity:0}to{transform:none;opacity:1}}@keyframes race-run{from{left:7px}to{left:calc(100% - 84px)}}@keyframes baton-pass{0%{transform:translate(-50%,-50%) rotate(-30deg)}50%{transform:translate(25%,-70%) rotate(150deg)}100%{transform:translate(-50%,-50%) rotate(330deg)}}@keyframes track-hop{0%{transform:translateY(-10px) scale(.9)}50%{transform:translateY(5px)}100%{transform:none}}@keyframes carousel-spin{from{transform:rotateY(0)}to{transform:rotateY(var(--carousel-angle))}}
@media(min-width:1450px){.hero{padding-top:48px;padding-bottom:35px}.activity-art{height:170px}.activity-art svg{height:180px}}
@media(max-width:1050px){.shell{width:calc(100% - 44px)}.navigation{gap:20px}.navigation nav{gap:20px}.hero h1{font-size:54px;letter-spacing:-2.8px}.hero-underline{width:235px}.hero-copy>p{font-size:13px}.hero-chips{font-size:9px;gap:12px}.decision-prompt{grid-template-columns:230px 1fr;padding:20px}.decision-prompt form .button{font-size:10px;padding:10px 12px}.activity-grid,.featured-grid{gap:15px}.activity-art{height:140px}.activity-copy{padding:15px}.activity-copy h3{font-size:14px}.activity-copy p{font-size:9px}.template-row{grid-template-columns:repeat(3,1fr)}.template-card{padding:15px 15px 15px 55px;min-height:73px}.template-card>span{position:absolute;left:15px;top:21px;font-size:23px;margin:0}.template-card>b{top:13px}.how-home{gap:40px;padding:30px}.prepare-layout{gap:18px}.setup-panel,.play-panel{padding:21px}.selected-game-hero{height:260px}.game-picker strong{font-size:8px}.play-choices button{padding:12px;font-size:12px}.play-choices small{font-size:8px}.play-shell{padding:0 22px 30px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.navigation{height:auto;min-height:75px;flex-wrap:wrap;gap:5px 14px;padding-top:17px;padding-bottom:0}.brand{font-size:25px}.navigation nav{order:3;width:100%;justify-content:center;gap:35px}.navigation nav a{font-size:11px;padding:17px 0 20px}.navigation nav a.active:after{bottom:9px}.preview-badge{margin-left:auto;font-size:9px}.hero{min-height:300px;gap:5px;padding-top:28px}.hero h1{font-size:45px;letter-spacing:-2.3px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px}.hero-copy>p{font-size:12px}.desktop-only{display:none}.hero-chips{font-size:8px;gap:10px;flex-wrap:wrap;row-gap:7px}.hero-underline{width:200px}.hero-sticker{font-size:8px;padding:9px 12px;right:0}.decision-prompt{grid-template-columns:1fr;gap:14px}.decision-prompt>small{grid-column:1;font-size:9px}.decision-prompt form .button{font-size:11px}.section-heading{align-items:flex-start}.section-heading h2{font-size:24px}.section-heading>p{max-width:180px;font-size:10px}.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-art{height:160px}.activity-art svg{height:170px}.activity-copy h3{font-size:15px}.activity-copy p{font-size:10px}.activity-copy{gap:9px}.featured-grid{gap:12px}.game-thumbnail{height:150px}.game-card-body{padding:15px}.game-card h3{font-size:14px}.game-card p{font-size:10px;line-height:1.6}.game-card-actions{flex-direction:column;gap:7px}.game-card-actions .button{width:100%;min-height:39px}.how-home{grid-template-columns:1fr;gap:28px}.how-steps{grid-template-columns:repeat(3,1fr);gap:20px}.how-steps article{display:block}.how-steps h3{margin-top:10px;line-height:1.5}.home-seo{padding:35px 10px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.page-intro h1{font-size:37px}.page-intro p{font-size:12px}.prepare-layout{grid-template-columns:1fr}.play-panel{order:2}.selected-game-hero{height:280px}.game-picker svg{height:85px}.game-picker strong{font-size:11px}.play-choices button{font-size:14px;padding:16px}.play-choices small{font-size:10px}.prepare-heading{align-items:flex-start;flex-direction:column;gap:15px}.prepare-heading h1{font-size:33px}.activity-instructions{grid-template-columns:1fr;gap:15px}.activity-instructions p{font-size:13px}.setup-panel input:not([type=checkbox]):not([type=color]):not([type=file]),.setup-panel textarea,.setup-panel select,.decision-prompt input{font-size:16px}.field-foot{font-size:10px}.rule-note{font-size:12px}.hint{font-size:11px}.field-label{font-size:13px}.advanced summary{font-size:13px;min-height:37px}.text-link{min-height:32px;display:inline-flex;align-items:center}.play-heading{flex-direction:column;align-items:stretch}.play-options{justify-content:space-between}.play-options select{width:190px}.play-header{gap:10px;flex-wrap:wrap}.play-header .brand{font-size:20px}.play-header .button{font-size:10px}.play-top-actions{gap:7px}.demo-badge{order:3}.play-header .brand-mark{width:25px;height:25px;font-size:23px}.play-top-actions .button{padding:8px 10px}.game-stage{padding:18px 15px;border-radius:20px}.game-object{padding:18px 0;min-height:290px}.stage-instruction{font-size:11px}.stage-caption{font-size:10px}.game-privacy{font-size:11px}.results-panel{padding:23px}.result-method{font-size:12px}.result-extra{font-size:12px}.turn-actions{margin-left:0}.split{align-items:flex-start;flex-direction:column}.settings-card{gap:20px;padding:21px}.settings-card p{font-size:11px}.settings-card select{min-width:145px}.prose h1{font-size:35px}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.capsule-scene{gap:25px}.capsule-machine{min-width:160px;width:185px}.capsule-ticket{width:190px;padding:20px}.game-picker button{min-height:110px}}
@media(max-width:520px){.shell{width:calc(100% - 34px)}.navigation{padding-top:14px}.navigation .brand{font-size:24px}.brand-mark{height:31px;width:31px;font-size:28px}.navigation nav{gap:0;justify-content:space-between}.navigation nav a{font-size:10px}.preview-badge{font-size:8px;gap:4px;padding:6px 8px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:29px 0 21px;gap:0}.hero h1{font-size:51px;letter-spacing:-2.6px;margin:17px 0 25px}.hero-copy>p{font-size:13px;max-width:310px}.hero .eyebrow{font-size:8px}.hero-chips{font-size:9px;gap:17px;margin-top:17px}.hero-art{max-width:350px;width:100%;height:210px;align-self:center;margin-top:-5px;position:relative;overflow:hidden}.hero-art>svg{height:230px;width:100%}.hero-sticker{bottom:10px;right:3px;font-size:9px}.decision-prompt{padding:18px 16px;border-radius:17px}.decision-prompt h2{font-size:15px}.decision-prompt p{font-size:10px}.decision-prompt form{flex-direction:column;gap:8px;padding:8px}.decision-prompt form input{padding:11px 7px;min-height:48px;font-size:14px!important}.decision-prompt form .button{min-height:45px;font-size:12px}.decision-prompt small{font-size:9px;line-height:1.7}.section-heading{display:block;margin-bottom:19px}.section-heading h2{font-size:25px;letter-spacing:-.9px}.section-heading>p{max-width:none;margin-top:9px;font-size:11px}.section-heading>.text-link{margin-top:10px;min-height:20px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.home-activities{padding-top:32px}.activity-grid{gap:12px}.activity-art{height:115px}.activity-art svg{height:124px}.game-count{font-size:6px;top:8px;right:7px;padding:4px 6px}.activity-copy{padding:13px 12px 15px;align-items:flex-start;position:relative;min-height:115px}.activity-copy h3{font-size:13px;letter-spacing:-.4px;line-height:1.4}.activity-copy p{font-size:9px;line-height:1.65;margin-top:6px;padding-right:3px}.activity-copy .round-arrow{position:absolute;right:10px;bottom:9px;height:20px;width:20px;font-size:11px}.activity-tile{border-radius:15px}.templates-section{padding-top:34px}.template-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-card{padding:15px 11px;min-height:125px;border-radius:12px}.template-card>span{position:static;display:block;margin-bottom:10px}.template-card strong{font-size:11px}.template-card small{font-size:9px}.featured{padding-top:35px}.featured-grid{grid-template-columns:1fr;gap:16px}.game-thumbnail{height:210px}.game-card-body{padding:19px}.game-card h3{font-size:18px}.game-card p{font-size:12px}.game-card-actions{flex-direction:row;gap:12px}.game-card-actions .button{font-size:12px;min-height:44px;width:auto;flex:1}.how-home{margin-top:36px;padding:25px 21px;border-radius:18px;gap:25px}.how-home h2{font-size:24px}.how-home p{font-size:12px}.how-steps{grid-template-columns:1fr;gap:18px}.how-steps article{display:flex}.how-steps h3{margin:0 0 6px;font-size:12px}.how-steps p{font-size:11px}.home-seo{padding:30px 3px}.home-seo h2{font-size:16px;line-height:1.5}.home-seo p{font-size:11px}.seo-links{gap:12px 17px}.site-footer{padding:28px 0}.footer-grid{gap:25px 18px}.footer-grid>div:first-child{grid-column:1/-1}.footer-note{grid-column:1/-1}.page{padding-top:26px;padding-bottom:35px}.page-intro{margin-bottom:25px}.page-intro h1{font-size:34px;letter-spacing:-1.5px;line-height:1.16}.page-intro .eyebrow{font-size:8px}.page-intro p{font-size:12px}.gallery-jumps{gap:7px;margin-bottom:25px}.gallery-jumps a{font-size:10px;padding:10px 12px}.gallery-section{padding-bottom:25px}.prepare-heading h1{font-size:31px}.prepare-heading p{font-size:12px;line-height:1.7}.prepare-heading .eyebrow{font-size:8px}.setup-panel,.play-panel{padding:20px 17px;border-radius:17px}.panel-title h2{font-size:14px}.list-tools{flex-wrap:wrap}.list-tools select{font-size:12px!important}.list-tools .button{min-height:41px}.field-foot{font-size:9px}.selected-game-hero{height:230px}.game-picker{gap:7px}.game-picker button{min-height:95px;padding-bottom:10px}.game-picker svg{height:64px}.game-picker strong{font-size:9px;line-height:1.5;display:block}.play-choices{gap:10px}.play-choices button{font-size:12px;padding:14px 11px;grid-template-columns:15px auto;gap:5px}.play-choices small{font-size:8px}.play-reassurance{font-size:10px}.play-shell{padding:0 13px 25px}.play-header{padding:13px 0;gap:8px;justify-content:space-between}.play-header .brand{margin-left:auto;font-size:19px}.play-top-actions{width:100%;justify-content:space-between;margin-top:5px}.play-top-actions .button{min-height:38px;font-size:11px;flex:1}.demo-badge{font-size:7px;padding:6px 7px;order:0;max-width:75px;text-align:center;line-height:1.5}.play-heading{padding:21px 3px 14px;gap:17px}.play-heading h1{font-size:28px}.play-options{gap:10px}.play-options select{width:165px;font-size:11px;min-height:43px;padding:9px}.active-rule{gap:10px;margin-bottom:14px;flex-wrap:wrap;padding:0 3px}.active-rule details{max-width:100%;text-align:left}.active-rule summary{font-size:10px}.active-rule p{font-size:11px}.game-stage{padding:17px 10px;border-radius:19px;min-height:430px}.game-object{min-height:260px;padding:18px 2px}.stage-instruction{font-size:10px;max-width:290px;margin:auto}.stage-controls{gap:8px}.stage-controls .button{font-size:11px;min-height:44px;padding:11px 14px}.stage-controls .button.large{font-size:13px;min-height:48px;padding:13px 22px}.stage-caption{font-size:9px;padding:0 8px}.wheel-rig{width:min(295px,80vw);height:min(295px,80vw)}.winner-ribbon{padding:11px 16px;gap:10px}.winner-ribbon strong{font-size:22px}.winner-ribbon small{font-size:8px}.slot-machine{padding:20px 18px 14px;max-width:calc(100% - 37px);margin-left:0;margin-right:35px}.slot-label{font-size:11px}.slot-lights span{font-size:6px}.reel-name{font-size:23px}.slot-lever{right:-39px;width:36px}.slot-lever>span{width:30px;height:30px}.lottery{width:285px}.lottery-glass{height:210px}.lottery-ball{width:45px;height:45px;font-size:9px}.lottery-base{margin-left:15px;margin-right:15px;padding-left:16px;padding-right:16px}.flip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 3px}.flip-card{height:155px}.choice-grid .flip-card{height:164px}.card-front strong,.card-back strong{font-size:12px}.card-front p{font-size:10px}.card-back small{font-size:9px}.box-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 10px}.surprise-box{min-height:162px}.box-body{width:105px;height:85px}.box-lid{width:117px;bottom:106px}.box-content{font-size:11px;padding:9px;bottom:56px}.surprise-box strong{font-size:11px}.link-person,.link-role{font-size:10px;padding:6px;gap:6px;min-height:46px}.link-person .avatar{display:none}.links-people,.links-roles{width:39%}.link-wires{left:39%;width:22%}.team-zones{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.team-zone{padding:12px 8px;min-height:190px}.team-zone-title strong{font-size:11px}.team-tokens{gap:12px 8px;margin-top:17px}.team-token .avatar{height:33px;width:33px;min-width:33px;font-size:15px}.team-token small{font-size:9px}.capsule-scene{gap:15px;flex-direction:column;padding-bottom:5px}.capsule-machine{width:180px}.capsule-dome{height:140px}.capsule-body{height:153px;padding-top:20px}.capsule-ticket{width:230px;min-height:100px;padding:16px;gap:8px;transform:rotate(-3deg)}.capsule-ticket .avatar.large{width:40px;height:40px;min-width:40px;font-size:19px}.capsule-ticket strong{font-size:15px}.capsule-ticket>span:not(.avatar){font-size:11px}.capsule-ticket .ticket-star{font-size:26px!important}.race-track{padding:5px 15px}.race-lane{height:65px}.racer small{font-size:8px}.podium{gap:8px;padding-top:10px}.podium-person strong{font-size:10px}.podium-person{height:110px}.podium-person .avatar.large{width:46px;height:46px;min-width:46px;font-size:22px}.plinth{font-size:31px;height:100px}.place-1 .plinth{height:140px}.place-3 .plinth{height:75px}.podium-question{height:46px;width:46px;font-size:24px}.order-tile{font-size:10px;padding:10px}.baton-ring{height:285px;width:300px}.baton-person .avatar{height:40px;width:40px;min-width:40px;font-size:18px}.baton-person small{font-size:9px;max-width:65px}.baton-object{width:102px;height:27px;font-size:8px}.turn-track{padding:10px 4px;gap:14px 10px}.track-stop{width:85px;min-height:120px;padding:12px 7px}.track-stop strong{font-size:10px}.carousel-perspective{height:285px;perspective:650px}.carousel-ring{top:45px}.carousel-card{height:145px;width:128px;left:-64px}.carousel-card strong{font-size:12px}.carousel-card .avatar.large{width:50px;height:50px;min-width:50px;font-size:23px}.results-panel{padding:21px 17px;border-radius:18px}.results-heading{flex-wrap:wrap;gap:13px}.results-heading h2{font-size:23px}.result-groups{grid-template-columns:1fr}.ordered-results{grid-template-columns:1fr}.result-group{padding:15px}.result-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.result-primary-actions .button{font-size:11px;padding:11px 10px}.result-secondary-actions{gap:8px 18px}.result-secondary-actions .text-link{font-size:11px}.result-method{font-size:11px}.turn-manager{padding:17px;gap:17px}.timer-readout strong{font-size:29px}.turn-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.turn-actions .button{min-height:42px;font-size:10px}.turn-history ol{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr}.library-toolbar{width:100%;gap:8px}.library-toolbar .button{font-size:11px;flex:1}.library-tabs{gap:7px}.library-tabs button{font-size:10px;padding:10px 11px;min-height:40px}.library-card{padding:20px}.library-art{height:155px}.library-card h2{font-size:19px}.library-card p{font-size:12px}.library-card>small{font-size:10px}.library-card-actions .button{min-height:43px;flex:1}.settings-card{flex-direction:column;align-items:flex-start;gap:17px}.settings-card h2{font-size:17px}.settings-card p{font-size:12px}.settings-card select{width:100%;font-size:13px}.settings-card .toggle{min-height:43px}.prose h1{font-size:32px}.prose h2{font-size:21px}.prose p{font-size:13px}.appearance-fields{flex-wrap:wrap}.dialog-heading h2{font-size:22px}dialog{padding:22px}.dialog-body p{font-size:12px}.export-grid{grid-template-columns:1fr 1fr}.export-grid .button{font-size:11px;padding:11px 12px;min-height:46px}.toast{font-size:11px;padding:12px 15px}.suggestions{flex-direction:column;align-items:stretch}.suggestions p{font-size:11px;line-height:1.8}.suggestions .button{white-space:normal}}
@media(max-width:360px){.hero h1{font-size:44px;letter-spacing:-2px}.hero .eyebrow{font-size:7px}.hero-chips{font-size:8px;gap:12px}.hero-art{height:180px}.hero-art>svg{height:200px}.navigation nav a{font-size:9px}.preview-badge{font-size:7px}.preview-badge b{display:none}.activity-art{height:105px}.activity-art svg{height:115px}.activity-copy{padding:12px 10px;min-height:130px}.activity-copy h3{font-size:12px}.activity-copy p{font-size:9px}.game-picker strong{font-size:8px}.game-picker svg{height:55px}.game-picker button{min-height:86px}.play-options select{width:145px}.play-header .brand{font-size:18px}.play-top-actions .button{font-size:10px;padding:8px}.decision-prompt form input{font-size:12px!important}.stage-controls .button{font-size:10px}.game-stage{padding-left:8px;padding-right:8px}.winner-ribbon{flex-direction:column;gap:6px}.team-zones{grid-template-columns:1fr}.capsule-scene{gap:20px}.game-privacy{font-size:10px}}
.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:white;color:#111}.site-header,.site-footer,.play-header,.play-heading,.active-rule,#game-stage,.turn-manager,.game-privacy,.toast,dialog,.result-primary-actions,.result-secondary-actions,.result-group button,.results-panel>.hint{display:none!important}.play-shell{max-width:none;padding:0}.results-panel{border:0;margin:0;padding:0}.results-panel:before{content:'PickDash · Decision results';display:block;font-weight:800;font-size:22px;margin:0 0 20px}.result-groups{display:block}.result-group{break-inside:avoid;margin-bottom:10px;background:white!important;box-shadow:none}.result-group .avatar{display:none}.result-method{background:none;font-size:10px}.result-person{font-size:12px}.results-heading .eyebrow{display:none}.round-badge{border:0}.result-method:after{content:' · Generated in the unpublished PickDash preview.'}.results-panel .result-group>div{display:block}.result-person{margin:4px 15px 4px 0}}

.hero-art{width:100%}
/* Keep narrow screens and long custom labels inside their own panels. */
.prepare-layout>*{min-width:0}.list-tools select{min-width:0}.panel-title{flex-wrap:wrap}.field-foot{flex-wrap:wrap;gap:5px}.setup-panel,.play-panel{overflow-wrap:anywhere}.button{max-width:100%}.result-person,.team-token small,.link-person span,.link-role,.card-front,.card-back strong,.surprise-box strong,.track-stop strong,.winner-ribbon strong{overflow-wrap:anywhere;min-width:0}.game-object>*{max-width:100%}.draggable{touch-action:none;user-select:none}.hero-art{width:100%}
@media(max-width:360px){.prepare-layout{grid-template-columns:minmax(0,1fr)}.panel-title .quiet{display:none}.play-choices{grid-template-columns:1fr}.list-tools select{width:100%;flex-basis:100%}.play-options{flex-wrap:wrap}.export-grid{grid-template-columns:1fr}.advanced summary{flex-wrap:wrap;gap:6px}.lottery{width:100%}.lottery-glass{height:190px}.baton-ring{width:100%}.capsule-ticket{width:100%}}
.baton-object{left:var(--baton-x,50%);top:var(--baton-y,50%)}
@keyframes baton-pass{0%{left:var(--baton-from-x,50%);top:var(--baton-from-y,50%);transform:translate(-50%,-50%) rotate(-30deg)}50%{left:50%;top:50%;transform:translate(-50%,-60%) rotate(150deg)}100%{left:var(--baton-x,50%);top:var(--baton-y,50%);transform:translate(-50%,-50%) rotate(330deg)}}

/* The two decision actions stay together within every viewport. */
.play-shell{padding-bottom:110px}
.game-action-dock{position:fixed;z-index:30;left:50%;bottom:0;transform:translateX(-50%);width:min(680px,100%);display:grid;grid-template-columns:1fr 1.7fr;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:18px 18px 0 0;background:#fffffff5;box-shadow:0 -5px 25px #24233e16}
.game-action-dock .button{min-width:0;white-space:normal;min-height:46px}
.game-stage,.results-panel,.turn-manager{scroll-margin-bottom:100px}
.toast{bottom:95px}
@media(max-width:400px){.game-action-dock{padding:10px 10px calc(10px + env(safe-area-inset-bottom));gap:8px}.game-action-dock .button{padding:10px 8px;font-size:11px}}
@media print{.game-action-dock{display:none}}