:root{font-family:Arial,Pretendard,'Noto Sans KR',system-ui,sans-serif;color:#f1f3f5;background:#111523;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 18% 9%,#252a42 0,transparent 28%),radial-gradient(circle at 92% 23%,#23253c 0,transparent 26%),#111523}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #d9f478;outline-offset:3px}a{color:inherit;text-decoration:none}.app-shell{max-width:1620px;margin:auto;padding:0 42px}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #35394c}.brand{display:flex;align-items:center;gap:13px}.brand-mark{font-family:Arial,sans-serif;display:flex;align-items:center;justify-content:center;flex:none;width:47px;height:47px;background:#d9f478;color:#151922;font-weight:700;font-size:19px;letter-spacing:-2px;border-radius:13px;transform:rotate(-7deg)}.brand-mark span{color:#7c61e9}.brand-name{line-height:1;display:flex;flex-direction:column;gap:5px}.brand-name small{font-family:Arial,sans-serif;font-weight:400;font-size:10px;letter-spacing:.02em;color:#9ea4b5}.header-actions{display:flex;align-items:center;gap:12px}.header-note{font-family:Arial,sans-serif;color:#a6ae9b;letter-spacing:.13em;font-size:10px;margin-right:15px}.button{border:0;border-radius:12px;padding:13px 18px;font-weight:800;font-size:13px;transition:transform .18s,background .18s}.button:not(:disabled):hover{transform:translateY(-2px)}.button-subtle{background:#292d3d;color:#e9ecf3}.button-outline{border:1px solid #52586c;background:transparent;color:#f2f4f5}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:35px 0 30px}.eyebrow,.stage-label,.result-kicker,.panel-step,.stage-round span,.reel-caption,.intro-badge>span,.dialog-top,.footer{font-family:Arial,sans-serif;letter-spacing:.15em}.eyebrow{display:flex;align-items:center;gap:10px;color:#b7b2d8;font-size:11px;font-weight:700;margin:0 0 15px}.live-dot,.rule-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d9f478;box-shadow:0 0 12px #d9f478}.eyebrow-divider{color:#727489;margin:0 3px}.intro h1{font-size:clamp(38px,3.5vw,56px);line-height:1.14;letter-spacing:-.06em;margin:0;font-weight:800}.intro h1 em{font-style:normal;color:#d9f478}.intro-copy{margin:15px 0 0;color:#aeb2c0;font-size:15px;line-height:1.6}.intro-badge{width:260px;min-height:115px;background:#222638;border:1px solid #363b50;border-radius:17px;padding:19px 20px;display:flex;flex-direction:column;gap:8px}.intro-badge>span{font-size:10px;color:#d9f478}.intro-badge strong{font-size:17px}.intro-badge small{font-size:11px;color:#aeb2c0;line-height:1.5}.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(340px,.82fr);gap:20px;align-items:stretch}.stage-card{min-width:0;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 43%,#2b3147 0,transparent 48%),linear-gradient(130deg,#252a3e,#1b2030 75%);border:1px solid #454b60;border-radius:23px;padding:31px 35px 24px;box-shadow:0 30px 70px #05071143}.stage-card:after{position:absolute;content:'';width:130%;height:1px;top:77px;left:-10%;background:linear-gradient(90deg,transparent,#444b60,transparent)}.stage-header{display:flex;justify-content:space-between;align-items:center}.stage-label{font-size:10px;font-weight:700;color:#beb7ef;margin:0 0 9px}.stage-header h2{margin:0;font-size:clamp(21px,2vw,29px);letter-spacing:-.04em;overflow-wrap:anywhere}.stage-round{display:flex;flex-direction:column;align-items:center;border:1px solid #555a6e;border-radius:11px;padding:8px 13px;color:#d9f478;line-height:1}.stage-round span{font-size:8px;margin-bottom:6px}.stage-round strong{font-family:Arial,sans-serif;font-size:24px}.stage-rule{display:flex;align-items:center;gap:10px;color:#c8ccda;font-size:12px;margin:19px 0 0}.rule-dot{width:6px;height:6px}.rule-separator{width:3px;height:3px;border-radius:50%;background:#7c8499;margin:0 2px}.reel-area{margin:32px -35px 0}.reel-caption{text-align:center;font-size:10px;font-weight:700;color:#aab4aa;display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:15px}.reel-caption span{color:#d9f478;font-size:18px;font-weight:400}.reel-viewport{height:184px;position:relative;overflow:hidden;background:linear-gradient(#151a2b,#272d42 28%,#252b40 72%,#151a2b);border-top:1px solid #555d73;border-bottom:1px solid #555d73}.reel-track{display:flex;align-items:center;height:100%;gap:14px;width:max-content;will-change:transform}.reel-card{flex:none;width:210px;height:122px;border-radius:14px;background:#e9e9df;color:#292b35;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;box-shadow:0 7px 0 #a4a9a0,0 16px 19px #080b194d}.reel-card small{font-family:Arial;font-size:10px;letter-spacing:.15em;color:#6c6e78;margin-bottom:8px}.reel-card strong{font-size:20px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;letter-spacing:-.035em}.reel-card.winner-card{background:#d9f478;box-shadow:0 7px 0 #9eb852,0 0 35px #d9f4788c}.center-line{position:absolute;z-index:4;top:0;bottom:0;left:50%;width:2px;background:#d9f478;box-shadow:0 0 14px #d9f478;pointer-events:none}.center-line:before,.center-line:after{content:'';position:absolute;left:-10px;border-left:11px solid transparent;border-right:11px solid transparent}.center-line:before{top:0;border-top:14px solid #d9f478}.center-line:after{bottom:0;border-bottom:14px solid #d9f478}.reel-shade{position:absolute;z-index:3;top:0;bottom:0;width:26%;pointer-events:none}.reel-shade-left{left:0;background:linear-gradient(90deg,#1c2234e8,transparent)}.reel-shade-right{right:0;background:linear-gradient(-90deg,#1c2234e8,transparent)}.reel-scale{display:flex;align-items:center;justify-content:space-around;height:17px;padding:0 35px}.reel-scale i{width:1px;height:5px;background:#6b7487}.reel-scale i:nth-child(3n){height:9px}.result-box{margin-top:20px;min-height:104px;border:1px solid #485066;border-radius:14px;background:#171d2db0;text-align:center;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.result-kicker{font-size:10px;font-weight:700;color:#d9f478}.result-box strong{font-size:clamp(21px,2vw,31px);letter-spacing:-.045em;line-height:1.2;overflow-wrap:anywhere}.result-detail{font-size:11px;color:#aeb5c6}.result-box.is-winner{border-color:#d9f478;box-shadow:0 0 35px #d9f47817}.stage-controls{display:flex;gap:10px;margin-top:17px}.button-primary{background:#d9f478;color:#17211b;min-height:52px;padding:13px 23px}.stage-controls .button-primary{flex:1;font-size:15px}.play-triangle{font-size:11px;margin-right:10px}.button-stage{background:#33394d;color:#f0f1f5;min-width:129px}.button-stage span{margin-left:11px;color:#d9f478}.stage-footnote{text-align:center;color:#9ba2b2;font-size:11px;line-height:1.45;margin:15px 0 0}.control-panel{border:1px solid #373e52;border-radius:23px;background:#1d2232;padding:29px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.panel-head>div,.history-heading>div:first-child{display:flex;align-items:center;gap:10px}.panel-step{display:grid;place-items:center;width:26px;height:26px;background:#6750c2;color:#fff;border-radius:7px;font-size:11px}.panel-head h2,.history-heading h2{font-size:19px;letter-spacing:-.04em;margin:0}.panel-status{background:#334435;color:#d9f478;border-radius:100px;padding:6px 10px;font-size:10px;font-weight:700}.field-group{margin-bottom:20px}.field-group label{font-size:12px;font-weight:800;display:block;margin-bottom:10px}.field-group input,.field-group textarea{width:100%;background:#111727;border:1px solid #454c60;color:#f1f3f5;border-radius:10px;padding:12px 13px;outline:0;font-size:12px}.field-group input{height:42px}.field-group textarea{resize:vertical;line-height:1.5;min-height:160px}.field-group input:disabled,.field-group textarea:disabled{color:#9da5b7;background:#202638}.field-group input::placeholder,.field-group textarea::placeholder{color:#697185}.field-title{display:flex;align-items:center;justify-content:space-between}.field-title span{font-size:11px;color:#d9f478;margin-bottom:10px}.field-help{font-size:11px;color:#9ba4b5;line-height:1.45}.settings-divider{height:1px;background:#3a4053;margin:6px 0 16px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:17px 0}.setting-row strong{font-size:12px}.setting-row small{display:block;color:#9fa6b6;font-size:10px;margin-top:5px;line-height:1.4}.switch{position:relative;display:inline-flex;flex:none}.switch input{position:absolute;opacity:0;width:43px;height:25px;margin:0}.switch>span:first-of-type{width:43px;height:25px;border-radius:100px;background:#52586c;transition:background .2s}.switch>span:first-of-type:before{content:'';display:block;width:17px;height:17px;background:white;border-radius:50%;position:absolute;top:4px;left:4px;transition:transform .2s}.switch input:checked+span{background:#d9f478}.switch input:checked+span:before{transform:translateX(18px);background:#1e2430}.switch input:focus-visible+span{outline:3px solid #d9f478;outline-offset:3px}.validation{color:#ffbdb3;background:#52353d;border-radius:8px;padding:10px 12px;font-size:11px;line-height:1.5}.panel-actions{display:flex;gap:15px;margin:22px 0 12px}.text-button{background:transparent;border:0;color:#d9f478;padding:0;font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:4px}.text-button:hover{color:#fff}.privacy-note{color:#8992a7;line-height:1.45;font-size:10px;margin:14px 0 0}.history-section{margin:37px 0 48px;background:#1b2030;border:1px solid #333a4e;border-radius:20px;padding:27px 30px}.history-heading{display:flex;justify-content:space-between;gap:15px}.history-heading>div:first-child{flex-wrap:wrap}.history-heading p{width:100%;font-size:11px;color:#9fa7b7;margin:0 0 0 36px}.history-actions{display:flex;align-items:center;gap:20px}.history-actions .danger{color:#b7b8d2}.history-list{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.empty-history{grid-column:1/-1;padding:21px;color:#9da6b5;border:1px dashed #4b5265;border-radius:10px;font-size:12px}.history-item{display:flex;align-items:center;gap:13px;border:1px solid #454b5f;background:#252b3d;padding:13px;border-radius:10px;min-width:0}.history-number{font-family:Arial;color:#d9f478;font-weight:700}.history-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.history-item small{display:block;color:#9ca5b7;font-size:10px;margin-top:4px}.footer{border-top:1px solid #363c50;padding:25px 0 36px;color:#8c95aa;font-size:9px;display:flex;justify-content:space-between;gap:20px}.footer-dot{color:#d9f478}.share-dialog{background:#262b3b;color:#fff;border:1px solid #606879;border-radius:18px;width:min(460px,calc(100% - 36px));padding:24px}.share-dialog::backdrop{background:#050814b8}.dialog-top{display:flex;justify-content:space-between;color:#d9f478;font-size:10px}.dialog-close{background:transparent;border:0;color:#fff;font-size:27px;line-height:1}.share-dialog h2{font-size:24px;margin:20px 0 10px}.share-dialog p{color:#b1b8c7;font-size:13px;line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#d9f478;color:#1b2422;padding:12px 18px;border-radius:10px;font-size:12px;font-weight:800;z-index:30;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.stage-mode{background:#101421}body.stage-mode .site-header{height:72px}body.stage-mode .header-note,body.stage-mode .intro,body.stage-mode .control-panel,body.stage-mode .history-section,body.stage-mode .footer,body.stage-mode #shareButton{display:none}body.stage-mode .app-shell{max-width:none;padding:0 24px}body.stage-mode .workspace{display:block;margin:20px auto;max-width:1500px}body.stage-mode .stage-card{min-height:calc(100vh - 115px);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,3vw,55px)}body.stage-mode .stage-header h2{font-size:clamp(28px,4vw,62px)}body.stage-mode .stage-round strong{font-size:clamp(25px,3vw,45px)}body.stage-mode .reel-area{margin:35px -55px 0}body.stage-mode .reel-viewport{height:clamp(200px,30vh,320px)}body.stage-mode .reel-card{width:clamp(210px,20vw,340px);height:clamp(140px,21vh,210px)}body.stage-mode .reel-card strong{font-size:clamp(24px,2.4vw,42px)}body.stage-mode .result-box{min-height:120px}body.stage-mode .result-box strong{font-size:clamp(28px,3.4vw,52px)}body.stage-mode .stage-controls{justify-content:center}body.stage-mode .stage-controls .button-primary{flex:none;min-width:270px}body.stage-mode .stage-footnote{margin-top:7px}
@media(max-width:1050px){.app-shell{padding:0 24px}.workspace{grid-template-columns:minmax(0,1.3fr) minmax(310px,.9fr)}.stage-card{padding:25px}.reel-area{margin-left:-25px;margin-right:-25px}.intro-badge{display:none}}@media(max-width:760px){.app-shell{padding:0 15px}.site-header{height:72px}.brand-mark{width:39px;height:39px;font-size:17px}.brand-name small{font-size:8px}.header-note,.header-actions .button-subtle{display:none}.header-actions .button{padding:10px;font-size:11px}.intro{padding:40px 3px 28px}.intro h1{font-size:37px}.intro-copy{font-size:13px}.workspace{display:flex;flex-direction:column}.stage-card{padding:21px 18px}.stage-card:after{top:70px}.stage-header h2{font-size:21px}.reel-area{margin:25px -18px 0}.reel-viewport{height:160px}.reel-card{width:158px;height:104px}.reel-card strong{font-size:16px}.stage-controls .button-stage{min-width:105px}.control-panel{padding:22px}.history-section{padding:22px 18px}.history-heading{flex-direction:column}.history-actions{justify-content:space-between}.footer{flex-direction:column}.share-dialog{padding:19px}body.stage-mode .app-shell{padding:0 10px}body.stage-mode .site-header{height:64px}body.stage-mode .workspace{margin:10px auto}body.stage-mode .stage-card{min-height:calc(100dvh - 84px);padding:21px 13px}body.stage-mode .reel-area{margin:20px -13px 0}body.stage-mode .reel-viewport{height:190px}body.stage-mode .reel-card{width:180px;height:118px}body.stage-mode .reel-card strong{font-size:20px}body.stage-mode .result-box strong{font-size:27px}body.stage-mode .stage-controls .button-primary{min-width:0;flex:1}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
body.stage-mode .stage-card{justify-content:flex-start;padding:24px 34px}
body.stage-mode .stage-rule{margin-top:12px}
body.stage-mode .reel-area{margin:20px -34px 0}
body.stage-mode .reel-viewport{height:clamp(170px,24vh,230px)}
body.stage-mode .reel-card{height:clamp(130px,18vh,180px)}
body.stage-mode .result-box{min-height:96px;margin-top:14px}
body.stage-mode .stage-controls{margin-top:12px}
body.stage-mode .stage-footnote{display:none}
@media(max-width:760px){body.stage-mode .stage-card{padding:18px 13px}body.stage-mode .reel-area{margin:18px -13px 0}body.stage-mode .reel-viewport{height:180px}}
.probability-preview{margin-top:14px;border:1px solid #454c60;border-radius:9px;background:#171d2c;padding:10px 12px;color:#d9f478;font-size:11px}
.probability-preview summary{cursor:pointer;font-weight:800}
.probability-preview>div{max-height:210px;overflow:auto;margin-top:10px}
.probability-preview>div>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid #30384b;color:#d8dbe5}
.probability-preview>div>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.probability-preview>div>div strong{color:#d9f478}

.stage-extra-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:12px;min-height:15px}
.stage-extra-actions .text-button{font-size:11px}
.history-item.is-voided{opacity:.62;border-style:dashed}
.history-item.is-voided strong{text-decoration:line-through;text-decoration-thickness:1px}
.probability-preview>strong{display:block;font-size:12px}
.probability-preview p{color:#aeb6c6;line-height:1.45;margin:6px 0 0}
.probability-row{display:grid!important;grid-template-columns:minmax(0,1fr) 62px 56px;align-items:center;gap:10px!important}
.probability-row input{width:62px;height:29px;border:1px solid #596176;border-radius:6px;background:#101827;color:#f4f6fb;text-align:center;font-size:12px}
.probability-row strong{text-align:right;font-size:10px}
body.stage-mode .reel-viewport{height:clamp(160px,22vh,210px)}
body.stage-mode .reel-card{height:clamp(125px,17vh,175px)}
@media(max-width:760px){.header-actions #helpButton{display:inline-block}.header-actions{gap:6px}.header-actions #helpButton,.header-actions #stageButton{padding:10px 11px;font-size:11px}.stage-extra-actions{gap:12px}body.stage-mode .reel-viewport{height:170px}}

.intro{padding:28px 0 24px}
.intro-copy{margin-top:10px}
.workspace{align-items:start}
.placeholder-card{opacity:.35}
.entry-add{display:flex;gap:8px}
.entry-add input{min-width:0;flex:1}
.entry-add .button{flex:none;padding:10px 16px}
.entry-toolbar{display:flex;justify-content:space-between;gap:12px;margin:12px 0 0}
.entry-toolbar .danger{color:#b7b8d2}
.entry-editor .probability-preview{margin-top:14px;padding:11px 12px}
.entry-editor .probability-preview>div{max-height:300px;overflow:auto;margin-top:10px;padding:6px 8px 6px 0}
.entry-editor .entry-row{display:grid;grid-template-columns:22px minmax(0,1fr) 24px;align-items:center;gap:8px;border-top:1px solid #30384b;padding:6px 0}
.entry-editor .entry-row.has-weight{grid-template-columns:22px minmax(0,1fr) 51px 51px 24px;gap:6px}
.entry-row .entry-number{font-size:10px;color:#8793a9;text-align:center}
.entry-row input{width:100%;height:34px;border:1px solid #414b61;border-radius:7px;background:#101827;color:#f4f6fb;padding:6px 8px;font-size:12px;min-width:0}
.entry-row input:disabled{background:#222a39;color:#c2c8d3}
.entry-row input[type=number]{padding:4px;text-align:center}
.entry-row .entry-probability{font-size:10px;color:#d9f478;text-align:right;white-space:nowrap}
.entry-row .entry-remove{width:23px;height:23px;line-height:20px;background:transparent;border:0;color:#aeb6c6;font-size:20px;padding:0;border-radius:5px}
.entry-row .entry-remove:hover{color:#fff;background:#475067}
.entry-row input:focus-visible,.entry-row .entry-remove:focus-visible{outline-offset:-3px}
.entry-empty{color:#9da6b5;font-size:11px;line-height:1.5;margin:5px 0 7px}
.bulk-dialog{width:min(560px,calc(100% - 28px))}
.bulk-dialog textarea{width:100%;resize:vertical;min-height:190px;background:#111727;border:1px solid #4c5367;color:#f1f3f5;border-radius:10px;padding:12px;line-height:1.5;font-size:13px}
.bulk-dialog .bulk-count{margin:6px 0 0;color:#d9f478;font-size:11px}
.bulk-dialog .dialog-actions{flex-wrap:wrap}
@media(max-width:760px){.workspace{align-items:stretch}.entry-editor .entry-row.has-weight{grid-template-columns:18px minmax(0,1fr) 46px 45px 20px;gap:4px}.entry-row input{font-size:11px;padding:5px}.intro{padding:22px 0 18px}}

/* Keep controls in the same action group at the same height. */
.header-actions .button{display:inline-flex;align-items:center;justify-content:center;height:46px;min-height:46px}
.header-actions .button{white-space:nowrap}
.field-group #titleInput,.entry-add #quickNameInput{height:48px}
.entry-add #addEntryButton{height:48px;min-height:48px;min-width:72px;padding:0 16px}
.entry-toolbar .text-button,.panel-actions .text-button,.history-actions .text-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 10px;border:1px solid #4c5367;border-radius:8px;text-decoration:none;white-space:nowrap}
.dialog-actions .button{height:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center}
.stage-controls .button-stage{height:52px;min-height:52px}
.entry-editor .entry-row{min-height:48px}
.entry-row input{height:40px}
.entry-row .entry-remove{width:32px;height:40px;line-height:1}
.entry-editor .entry-row{grid-template-columns:22px minmax(0,1fr) 32px}
.entry-editor .entry-row.has-weight{grid-template-columns:22px minmax(0,1fr) 52px 51px 32px}
.stage-extra-actions .text-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 4px}
@media(max-width:760px){
  .header-actions #helpButton{display:inline-flex}
  .header-actions .button{height:44px;min-height:44px}
  .setting-row .switch{min-height:44px;align-items:center}
  .setting-row .switch>span:first-of-type:before{top:13px}
  .entry-toolbar .text-button,.panel-actions .text-button,.history-actions .text-button,.stage-extra-actions .text-button{min-height:44px}
  .entry-editor .probability-preview>div{max-height:min(70vh,540px)}
  .entry-editor .entry-row{grid-template-columns:20px minmax(0,1fr) 36px;gap:6px}
  .entry-row .entry-remove{width:36px;height:42px}
  .entry-editor .entry-row.has-weight{grid-template-columns:20px minmax(0,1fr) 50px 46px 36px;gap:4px}
}

/* Shared service footer and policy pages. */
.footer{display:grid;grid-template-columns:minmax(260px,2fr) repeat(3,minmax(120px,1fr));gap:28px 36px;padding:36px 0 42px;font-size:13px;letter-spacing:normal;color:#aeb6c7}
.footer-overview{display:flex;flex-direction:column;align-items:flex-start}
.footer-brand{display:inline-flex;align-items:center;gap:11px;color:#f1f3f5;font-size:17px;font-weight:800;letter-spacing:.02em}
.brand-wordmark{font-family:Arial,sans-serif;font-size:17px;font-style:normal;font-weight:800;letter-spacing:.02em;line-height:normal;text-transform:none}
.footer-mark{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:10px;background:#d9f478;color:#182021;font-size:15px;letter-spacing:-.08em;transform:rotate(-6deg)}
.footer-overview p{margin:15px 0 20px;color:#aeb6c7;font-size:12px;line-height:1.7}
.footer-overview small{font-size:11px;color:#8390a5;letter-spacing:.04em}
.footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.footer nav strong{color:#e8ecf4;font-size:12px;margin:4px 0 3px}
.footer nav a,.footer nav button{font:inherit;font-size:12px;color:#aeb6c7;background:none;border:0;padding:0;text-align:left;text-decoration:none}
.footer nav a:hover,.footer nav button:hover,.footer nav a[aria-current="page"]{color:#d9f478}
.footer nav a:focus-visible,.footer nav button:focus-visible{outline:2px solid #d9f478;outline-offset:4px;border-radius:2px}
.info-main{max-width:880px;margin:54px auto 80px}
.info-main h1{font-size:clamp(32px,4vw,50px);letter-spacing:-.05em;margin:0 0 16px}
.info-lead{color:#c0c9d8;font-size:17px;line-height:1.75;margin:0 0 16px}
.info-date{color:#97a3b9;font-size:12px;margin:0 0 36px}
.info-main section{padding:27px 0;border-top:1px solid #3a4355}
.info-main h2{font-size:21px;margin:0 0 13px;letter-spacing:-.025em}
.info-main section p{color:#bcc5d4;font-size:14px;line-height:1.85;margin:0 0 13px}
.info-main section p:last-child{margin-bottom:0}
.info-main a{color:#d9f478;text-decoration:underline;text-underline-offset:3px}
.info-main code{font-size:.92em;color:#e5ebf5;background:#30384b;border-radius:4px;padding:1px 5px}
@media(max-width:760px){
  .footer{grid-template-columns:minmax(0,.85fr) minmax(0,.85fr) minmax(0,1.3fr);gap:24px 10px;padding:32px 0 40px}
  .footer-overview{grid-column:1/-1}
  .footer nav{min-width:0;gap:4px}
  .footer nav strong{margin:0 0 3px;overflow-wrap:anywhere}
  .footer nav a,.footer nav button{display:flex;align-items:center;min-height:38px;font-size:clamp(10px,2.9vw,12px);line-height:1.35;overflow-wrap:anywhere}
  .info-main{margin:38px auto 55px}
  .info-lead{font-size:15px}
  .info-main section{padding:23px 0}
  .info-main section p{font-size:13px}
}
@media(max-width:360px){.info-page .site-header .button{padding:10px;font-size:11px}}
@media(max-width:420px){
  .brand-name small{display:none}
  .entry-editor .entry-row.has-weight{grid-template-columns:20px minmax(0,1fr) 36px;grid-template-rows:42px 32px;column-gap:6px;row-gap:1px}
  .entry-row.has-weight .entry-number{grid-column:1;grid-row:1}
  .entry-row.has-weight input[type=text]{grid-column:2;grid-row:1}
  .entry-row.has-weight input[type=number]{grid-column:2;grid-row:2;width:56px;height:30px;justify-self:start}
  .entry-row.has-weight .entry-probability{grid-column:2;grid-row:2;justify-self:start;margin-left:67px}
  .entry-row.has-weight .entry-remove{grid-column:3;grid-row:1}
}
@media(max-width:360px){
  .brand-name{display:none}
  .stage-controls{flex-direction:column}
  .stage-controls .button-primary,.stage-controls .button-stage{width:100%;min-width:0;flex:none}
  .stage-rule{flex-wrap:wrap;gap:6px 8px}
  .stage-rule #eligibleText{white-space:nowrap}
  .stage-rule .rule-separator{display:none}
  body.stage-mode .stage-card{padding:11px 12px}
  body.stage-mode .reel-area{margin:8px -12px 0}
  body.stage-mode .reel-caption{margin-bottom:8px}
  body.stage-mode .reel-viewport{height:145px}
  body.stage-mode .reel-card{height:105px}
  body.stage-mode .result-box{min-height:82px;margin-top:8px;padding:8px}
  body.stage-mode .stage-controls{margin-top:8px;gap:8px}
  body.stage-mode .stage-extra-actions{margin-top:2px}
}

/* Let the reel use the space available on tall stage screens. */
@media(min-width:761px){
  body.stage-mode .reel-area{flex:1;min-height:0;display:flex;flex-direction:column}
  body.stage-mode .reel-viewport{flex:1;min-height:160px;height:auto}
  body.stage-mode .reel-track{position:absolute;top:0;bottom:0;left:0;height:auto}
  body.stage-mode .reel-card{width:clamp(300px,35dvh,400px);height:clamp(125px,68%,290px)}
}

.reel-area[hidden],.wheel-area[hidden]{display:none!important}
.stage-actions{display:contents}
.wheel-area{margin:18px 0 0;display:flex;align-items:center;justify-content:center;min-width:0}
.wheel-board{position:relative;width:min(100%,520px);aspect-ratio:1;flex:none;filter:drop-shadow(0 22px 28px #070a18a8)}
.wheel-disc{position:absolute;inset:0;border-radius:50%;overflow:hidden;box-shadow:0 0 0 6px #dce4f0,0 0 0 12px #30394d;will-change:transform}
.wheel-disc canvas{display:block;width:100%;height:100%}
.wheel-pointer{position:absolute;z-index:5;left:50%;top:-19px;transform:translateX(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:38px solid #d9f478;filter:drop-shadow(0 3px 5px #080b18)}
.wheel-hub{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:29%;aspect-ratio:1;border-radius:50%;background:#1b2232;border:5px solid #e2e6ef;box-shadow:0 6px 24px #090d1e9e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:8px}
.wheel-hub small{font:700 clamp(7px,.7vw,10px) Arial,sans-serif;letter-spacing:.08em;color:#d9f478}
.wheel-hub strong{font-size:clamp(12px,1.3vw,20px);line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stage-extra-actions{gap:10px 14px;align-items:center}
.stage-extra-actions [hidden]{display:none!important}
.design-switch{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:18px;grid-column:1/-1;flex:none}
.design-switch button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:76px;border:1px solid #50596d;border-radius:11px;padding:10px 7px;background:#191f2e;color:#c8d0df;font-size:12px;font-weight:800;line-height:1.35;overflow-wrap:anywhere;transition:border-color .18s,background .18s,color .18s}
.design-switch button svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.design-switch button::after{content:'';position:absolute;top:8px;right:8px;width:8px;height:4px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);opacity:0}
.design-switch button[aria-pressed="false"]:not(:disabled):hover{border-color:#c5da81;background:#29352d;color:#edf5d9}
.design-switch button[aria-pressed="true"]{border-color:#d9f478;background:#d9f478;color:#19231b;box-shadow:inset 0 0 0 1px #19231b4d}
.design-switch button[aria-pressed="true"]::after{opacity:1}
.design-switch button:disabled{opacity:.6;cursor:default}
.sound-button{min-height:40px;border:1px solid #50596d;border-radius:9px;padding:7px 12px;background:#252c3e;color:#e8ecf4;font-size:11px;font-weight:800}
.sound-button[aria-pressed="false"]{color:#9da8b9}
.stage-card.is-wheel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-rows:auto auto minmax(0,1fr);column-gap:clamp(20px,2vw,36px)}
.stage-card.is-wheel .stage-header,.stage-card.is-wheel .stage-rule{grid-column:1/-1}
.stage-card.is-wheel .wheel-area{grid-column:1;grid-row:3;margin-top:16px;min-height:0}
.stage-card.is-wheel .stage-actions{grid-column:2;grid-row:3;display:flex;flex-direction:column;justify-content:center;min-width:0}
.stage-card.is-wheel .result-box{margin-top:0}
body.stage-mode .stage-card.is-wheel{display:grid;min-height:calc(100dvh - 115px)}
body.stage-mode .stage-card.is-wheel .wheel-area{margin-top:12px}
body.stage-mode .stage-card.is-wheel .wheel-board{width:min(100%,clamp(220px,calc(100dvh - 320px),720px))}
body.stage-mode .stage-card.is-wheel .stage-controls .button-primary{flex:1;min-width:0}
@media(max-width:1350px){
  body:not(.stage-mode) .stage-card.is-wheel{display:block}
  body:not(.stage-mode) .stage-card.is-wheel .wheel-area{margin-top:18px}
  body:not(.stage-mode) .stage-card.is-wheel .stage-actions{display:contents}
  body:not(.stage-mode) .stage-card.is-wheel .result-box{margin-top:20px}
}
@media(max-width:1050px){.design-switch{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
  .wheel-area{margin-top:14px}
  .wheel-board{width:min(100%,420px)}
  .design-switch{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}
  .design-switch button{min-height:76px;padding:10px 7px}
  .sound-button{min-height:44px;padding:7px 9px}
  body.stage-mode .workspace{margin-bottom:0}
  body.stage-mode .stage-card.is-wheel{display:flex;flex-direction:column;min-height:calc(100dvh - 84px)}
  body.stage-mode .stage-card.is-wheel .wheel-area{flex:none;min-height:0;margin-top:12px}
  body.stage-mode .stage-card.is-wheel .wheel-board{width:min(100%,36dvh)}
  body.stage-mode .stage-card.is-wheel .stage-actions{display:contents}
  body.stage-mode .stage-card.is-wheel .result-box{margin-top:10px}
  .wheel-hub{border-width:3px}
  .wheel-hub small{font-size:7px}
  .wheel-hub strong{font-size:12px}
}
@media(max-width:360px){
  body.stage-mode .stage-card.is-wheel .wheel-board{width:min(100%,32dvh)}
  body.stage-mode .stage-card.is-wheel .stage-controls{flex-direction:row;gap:6px}
  body.stage-mode .stage-card.is-wheel .stage-controls .button-primary{width:auto;flex:1;min-width:0;padding:8px 5px;font-size:11px}
  body.stage-mode .stage-card.is-wheel .stage-controls .button-stage{width:94px;min-width:94px;padding:8px 4px;font-size:10px}
  body.stage-mode .stage-card.is-wheel .button-stage span{margin-left:3px}
}

/* In stage mode, the drawing surface gets the viewport; controls stay secondary. */
body.stage-mode .site-header{height:0;border:0}
body.stage-mode .brand,body.stage-mode #helpButton{display:none}
body.stage-mode .header-actions{position:fixed;top:24px;right:40px;z-index:20}
body.stage-mode .workspace{max-width:none;margin:10px auto}
body.stage-mode .stage-card{height:calc(100dvh - 20px);min-height:calc(100dvh - 20px);padding:clamp(12px,2vw,28px)}
.stage-card:after{display:none}
body.stage-mode .center-line{background:transparent;box-shadow:none}
body.stage-mode .stage-label,body.stage-mode .stage-round{display:none}
body.stage-mode .stage-header h2{font-size:clamp(24px,2.4vw,40px)}
body.stage-mode .stage-rule{margin-top:6px}
body.stage-mode .result-box{min-height:76px;margin-top:8px;padding:8px}
body.stage-mode .result-box strong{font-size:clamp(25px,2.8vw,46px)}
body.stage-mode .stage-controls{margin-top:8px}
body.stage-mode .stage-extra-actions{margin-top:6px}
@media(min-width:761px){
  body.stage-mode .stage-card.is-wheel{grid-template-columns:minmax(0,min(calc(100dvh - 76px),1400px)) minmax(330px,clamp(330px,calc(100vw - 100dvh - 64px),600px));grid-template-rows:minmax(0,1fr) auto auto auto minmax(0,1fr);justify-content:center;column-gap:clamp(24px,3vw,56px)}
  body.stage-mode .stage-card.is-wheel .wheel-area{grid-column:1;grid-row:1/6;height:100%;margin:0}
  body.stage-mode .stage-card.is-wheel .wheel-board{width:min(100%,calc(100dvh - 76px),1400px)}
  body.stage-mode .stage-card.is-wheel .stage-header{grid-column:2;grid-row:2;padding:0}
  body.stage-mode .stage-card.is-wheel .stage-header h2{font-size:clamp(34px,3vw,60px)}
  body.stage-mode .stage-card.is-wheel .stage-rule{grid-column:2;grid-row:3}
  body.stage-mode .stage-card.is-wheel .stage-rule{font-size:14px}
  body.stage-mode .stage-card.is-wheel .stage-actions{grid-column:2;grid-row:4;margin-top:14px}
  body.stage-mode .stage-card.is-wheel .result-box{min-height:clamp(120px,20dvh,200px)}
  body.stage-mode .stage-card.is-wheel .result-box strong{font-size:clamp(34px,3.2vw,64px)}
  body.stage-mode .stage-card.is-wheel .stage-controls .button{min-height:clamp(52px,6dvh,70px)}
  body.stage-mode .stage-card:not(.is-wheel) .reel-area{margin-top:12px}
  body.stage-mode .stage-card:not(.is-wheel) .reel-card{width:clamp(340px,28vw,540px);height:min(82%,460px)}
  body.stage-mode .stage-card:not(.is-wheel) .reel-card strong{font-size:clamp(32px,3vw,56px)}
}
@media(max-width:760px){
  body.stage-mode .header-actions{top:22px;right:22px}
  body.stage-mode .stage-card{padding:14px 12px}
  body.stage-mode .stage-header{padding-right:100px}
  body.stage-mode .stage-header h2{font-size:22px}
  body.stage-mode .stage-card.is-wheel{height:calc(100dvh - 20px);min-height:calc(100dvh - 20px)}
  body.stage-mode .stage-card.is-wheel .wheel-area{flex:1;min-height:0;margin-top:8px}
  body.stage-mode .stage-card.is-wheel .wheel-board{width:min(100%,44dvh,clamp(140px,calc(100dvh - 330px),400px))}
  body.stage-mode .stage-card:not(.is-wheel) .reel-area{flex:1;min-height:0;display:flex;flex-direction:column;margin-top:8px}
  body.stage-mode .stage-card:not(.is-wheel) .reel-viewport{flex:1;min-height:150px;height:auto}
  body.stage-mode .stage-card:not(.is-wheel) .reel-track{position:absolute;top:0;bottom:0;left:0;height:auto}
  body.stage-mode .stage-card:not(.is-wheel) .reel-card{width:clamp(180px,70vw,300px);height:min(78%,280px)}
  body.stage-mode .stage-card:not(.is-wheel) .reel-card strong{font-size:clamp(23px,6vw,36px)}
}
@media(max-width:360px){
  body.stage-mode .stage-card{padding:10px 12px}
  body.stage-mode .stage-card.is-wheel .wheel-board{width:min(100%,44dvh,clamp(140px,calc(100dvh - 330px),400px))}
  body.stage-mode .stage-card:not(.is-wheel) .reel-viewport{min-height:130px}
}

/* Browser fullscreen is the stage itself, with no floating header over the draw. */
:root:fullscreen body.stage-mode .header-actions{display:none}
:root:fullscreen body.stage-mode .app-shell{padding:0}
:root:fullscreen body.stage-mode .workspace{margin:0}
:root:fullscreen body.stage-mode .stage-card{height:100dvh;min-height:100dvh;border:0;border-radius:0}

/* Locale control stays in the header and outside the broadcast stage. */
.site-header{height:auto;min-height:78px;gap:12px;padding:12px 0;flex-wrap:wrap}
.locale-switcher{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none;color:#b8c2d1;font-size:12px}
.locale-switcher select{min-height:44px;max-width:190px;padding:8px 30px 8px 10px;border:1px solid #596178;border-radius:9px;background:#22283a;color:#f1f3f5;font:inherit;cursor:pointer}
.locale-switcher select:focus-visible{outline:3px solid #d9f478;outline-offset:3px}
body.stage-mode .site-header{padding:0;min-height:0}
body.stage-mode .locale-switcher{display:none}
@media(max-width:1000px){.site-header .header-actions{order:3;width:100%;justify-content:flex-end}.site-header .guide-header-cta,.site-header .button-outline{order:3}}
@media(max-width:760px){
  .site-header .header-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .site-header .header-actions .button{width:100%;min-width:0;height:auto;min-height:44px;padding:10px 8px;font-size:12px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;text-align:center;order:initial}
}
@media(max-width:480px){.site-header .brand-name small{display:none}.locale-switcher label{display:none}.locale-switcher select{max-width:160px}}
@media(max-width:480px){.panel-actions{display:grid;grid-template-columns:1fr;gap:8px}.panel-actions .text-button{white-space:normal}}
.entry-toolbar [hidden],.stage-extra-actions [hidden]{display:none!important}
body.stage-mode .site-header .header-actions{width:auto;display:flex;order:initial}

/* Long-form guide lives away from the drawing stage. */
.guide-page .guide-header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;white-space:nowrap}
.guide-main{max-width:1220px;margin:28px auto 72px}
.guide-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(34px,5vw,68px);border:1px solid #48516a;border-radius:25px;background:radial-gradient(circle at 84% 18%,#7b65e24d,transparent 35%),radial-gradient(circle at 16% 100%,#d9f47818,transparent 36%),#22283a}
.guide-hero::after{content:'';position:absolute;right:83px;top:106px;width:250px;aspect-ratio:1;border-radius:50%;border:8px solid #e3e8ef;background:radial-gradient(circle,#1b2232 0 22%,#e3e8ef 23% 25%,transparent 26%),conic-gradient(#d9f478 0 25%,#a99cf5 25% 50%,#79cec0 50% 75%,#f3bc7e 75%);box-shadow:0 25px 45px #0c1022a6;transform:rotate(-18deg);opacity:.9;z-index:-1}
.guide-hero::before{content:'';position:absolute;right:190px;top:73px;border-left:17px solid transparent;border-right:17px solid transparent;border-top:32px solid #d9f478;filter:drop-shadow(0 3px 5px #0c1022);z-index:1}
.guide-hero .eyebrow{color:#d9f478}
.guide-hero h1{margin:0;font-size:clamp(36px,5.4vw,68px);line-height:1.15;letter-spacing:-.06em}
.guide-hero h1 em{font-style:normal;color:#d9f478}
.guide-hero>p:not(.eyebrow){max-width:680px;margin:22px 0 0;color:#c2cad8;font-size:16px;line-height:1.8}
.guide-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.guide-jump a{padding:10px 13px;border:1px solid #596178;border-radius:9px;background:#1a2030;color:#e4e8f1;font-size:12px;font-weight:700}
.guide-jump a:hover,.guide-jump a:focus-visible{border-color:#d9f478;color:#d9f478}
.guide-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(30px,5vw,70px);padding:80px 8px;border-bottom:1px solid #384154;scroll-margin-top:24px}
.guide-step-reverse .guide-copy{order:2}
.guide-step-reverse .guide-image{order:1}
.guide-number{display:block;color:#d9f478;font:800 12px Arial,sans-serif;letter-spacing:.15em;margin-bottom:16px}
.guide-copy h2,.guide-sharing h2{margin:0 0 21px;font-size:clamp(27px,3vw,38px);line-height:1.25;letter-spacing:-.045em;word-break:keep-all;overflow-wrap:break-word}
.guide-copy p,.guide-sharing p{margin:0 0 16px;color:#c0c8d7;font-size:15px;line-height:1.85;word-break:keep-all}
.guide-copy p strong,.guide-sharing p strong{color:#f2f4f7}
.guide-tip{display:flex;flex-direction:column;gap:7px;margin-top:25px;padding:17px 19px;border-left:3px solid #d9f478;border-radius:0 10px 10px 0;background:#272e40}
.guide-tip strong{color:#d9f478;font-size:13px}
.guide-tip span{color:#c0c8d7;font-size:13px;line-height:1.6}
.guide-image{margin:0}
.guide-image img{display:block;width:100%;height:auto;border:1px solid #485168;border-radius:19px;box-shadow:0 28px 50px #080b18a3}
.guide-image figcaption{margin-top:12px;color:#8f9cb1;font-size:12px;text-align:center}
.guide-sharing{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin:70px 0 0;padding:36px 40px;border:1px solid #495168;border-radius:20px;background:#22283a;scroll-margin-top:24px}
.guide-sharing>div{max-width:800px}
.guide-sharing p:last-child{margin-bottom:0}
.guide-sharing p a{color:#d9f478;text-decoration:underline;text-underline-offset:3px}
.guide-sharing>.button{flex:none;display:inline-flex;align-items:center;gap:10px;justify-content:center;white-space:nowrap}
@media(max-width:1100px){.guide-hero::before,.guide-hero::after{display:none}}
@media(max-width:860px){
  .guide-step{grid-template-columns:1fr;gap:30px;padding:56px 4px}
  .guide-step-reverse .guide-copy,.guide-step-reverse .guide-image{order:initial}
  .guide-image{max-width:680px;width:100%;margin:auto}
  .guide-sharing{display:block;padding:30px}
  .guide-sharing>.button{margin-top:25px}
}
@media(max-width:760px){
  .guide-main{margin:16px auto 52px}
  .guide-hero{padding:28px 21px}
  .guide-hero>p:not(.eyebrow){font-size:14px;line-height:1.75}
  .guide-jump{gap:8px;margin-top:25px}
  .guide-jump a{font-size:11px;padding:9px 10px}
  .guide-copy p,.guide-sharing p{font-size:14px}
  .guide-sharing{margin-top:48px;padding:25px 20px}
}
@media(max-width:360px){.guide-page .guide-header-cta{font-size:11px;padding:8px 10px}}

/* Idle text is a status label; the bright draw button remains the sole call to action. */
.result-box.is-idle{min-height:0;padding:2px 0 2px 16px;border:0;border-left:2px solid #667087;border-radius:0;background:transparent;box-shadow:none;text-align:left;align-items:flex-start;gap:5px}
.result-box.is-idle .result-kicker{color:#aab3c5;font-size:9px}
.result-box.is-idle strong{color:#e0e4ec;font-size:clamp(15px,1.35vw,18px);font-weight:600;letter-spacing:-.02em;line-height:1.35}
.result-box.is-idle .result-detail{color:#aeb5c6;font-size:11px;line-height:1.45}
body.stage-mode .result-box.is-idle,body.stage-mode .stage-card.is-wheel .result-box.is-idle{min-height:0;padding:2px 0 2px 16px}
body.stage-mode .result-box.is-idle strong,body.stage-mode .stage-card.is-wheel .result-box.is-idle strong{font-size:clamp(17px,1.8vw,24px)}

.preset-section{margin-top:20px;padding:24px 28px;border:1px solid #373e52;border-radius:20px;background:#1d2232}
.preset-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}
.preset-kicker{margin:0 0 7px;color:#d9f478;font:700 10px Arial,sans-serif;letter-spacing:.15em}
.preset-header h2{margin:0;font-size:20px;letter-spacing:-.04em}
.preset-header>p{margin:0;color:#aeb5c6;font-size:12px;line-height:1.5}
.preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.preset-card{min-width:0;min-height:88px;padding:16px;text-align:left;border:1px solid #4a5267;border-radius:13px;background:#252b3d;color:#f1f3f5;display:flex;flex-direction:column;justify-content:center;gap:8px;transition:border-color .18s,background .18s,transform .18s}
.preset-card:not(:disabled):hover{border-color:#d9f478;background:#303a45;transform:translateY(-2px)}
.preset-card strong{font-size:16px;line-height:1.25}
.preset-card span{color:#aeb5c6;font-size:11px;line-height:1.4}
.preset-card:disabled{opacity:.5}
body.stage-mode .preset-section{display:none}
@media(max-width:980px){.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.preset-section{padding:20px 16px}.preset-header{display:block}.preset-header>p{margin-top:8px}.preset-grid{gap:8px}.preset-card{padding:12px;min-height:84px}.preset-card strong{font-size:14px}}
@media(max-width:360px){.preset-grid{grid-template-columns:1fr}.preset-card{min-height:70px}}

/* Let both cards grow with the setup controls; scroll only the participant list. */
.control-panel{display:flex;flex-direction:column}
.control-panel>*,.entry-editor>*{flex-shrink:0}
.control-panel .entry-editor{display:flex;flex-direction:column;flex:1 1 auto;min-height:min-content}
.entry-editor .probability-preview{display:flex;flex-direction:column;flex:1 1 auto;min-height:160px;overflow:hidden}
.entry-editor .probability-preview>strong{flex:none}
.entry-editor .probability-preview>div{flex:1 1 auto;min-height:0;max-height:160px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
@media(min-width:761px){.workspace{align-items:stretch}}
.preset-grid{max-height:320px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:4px;align-content:start}
.preset-card{min-height:118px;overflow-wrap:anywhere}
.preset-card .preset-preview{color:#d0d5df}
.preset-card .preset-rule{color:#aeb5c6;margin-top:auto}
@media(max-width:600px){.preset-grid{max-height:300px}.preset-card{min-height:130px}}
@media(max-width:360px){.preset-card{min-height:108px}}

/* Reserve useful list space while keeping touch controls at their existing size. */
.control-panel{padding:20px}
.control-panel .panel-head{margin-bottom:16px}
.control-panel .field-group{margin-bottom:12px}
.control-panel .field-help{margin:6px 0}
.control-panel .entry-toolbar{margin-top:6px}
.control-panel .settings-divider{margin:4px 0 8px}
.control-panel .setting-row{margin:10px 0}
.control-panel .panel-actions{margin:12px 0 8px}
.control-panel .privacy-note{margin-top:8px}

/* Detailed guide: the same ten topics in every locale. */
.guide-hero-detailed::before,.guide-hero-detailed::after{display:none}
.guide-hero-detailed h1{max-width:960px;font-size:clamp(32px,4.6vw,58px);letter-spacing:-.04em;overflow-wrap:anywhere}
.guide-hero-detailed>p:not(.eyebrow){max-width:800px}
.guide-start{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:24px}
.guide-contents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.guide-contents a{display:flex;align-items:center;gap:12px;min-height:48px;line-height:1.5;overflow-wrap:anywhere}
.guide-contents a span{flex:none;color:#d9f478;font-variant-numeric:tabular-nums}
.guide-detail{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);gap:clamp(24px,5vw,64px);padding:48px 8px;border-bottom:1px solid #384154;scroll-margin-top:24px}
.guide-detail-heading h2{margin:0;font-size:clamp(24px,2.5vw,32px);line-height:1.35;letter-spacing:-.025em;word-break:keep-all;overflow-wrap:break-word}
.guide-detail-body{min-width:0;color:#c0c8d7;font-size:16px;line-height:1.85;overflow-wrap:break-word}
.guide-detail-body p{margin:0 0 18px}
.guide-detail-body p:last-child{margin-bottom:0}
.guide-detail-body strong{color:#f1f3f5;font-weight:650}
.guide-instructions{margin:0 0 24px;padding-left:26px}
.guide-instructions li{padding-left:8px;margin-bottom:16px}
.guide-instructions li::marker{color:#d9f478;font-weight:800}
.guide-end{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:32px 8px}
.guide-end>a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:760px){.guide-detail{grid-template-columns:1fr;gap:20px;padding:32px 0}.guide-detail .guide-number{margin-bottom:8px}.guide-detail-body{font-size:15px}.guide-contents{grid-template-columns:1fr}.guide-hero-detailed{padding:28px 20px}.guide-contents a{font-size:13px}}

/* Useful draw examples remain visible in the setup view and outside the stage. */
.draw-info{margin:28px 0;padding:28px;border:1px solid #343b4f;border-radius:18px;background:#1b2030;min-width:0}
.draw-info h2{margin:0 0 18px;font-size:21px;line-height:1.4}
.draw-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:28px}
.draw-info article{min-width:0}
.draw-info h3{margin:0 0 9px;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.draw-info p{margin:0;color:#b9c0d1;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.draw-info a{color:#d9f478;text-underline-offset:4px}
.draw-info-guide{font-size:14px}
body.stage-mode .draw-info{display:none}
@media(max-width:760px){.draw-info{padding:22px 18px}.draw-info-grid{grid-template-columns:1fr;gap:20px}.draw-info h2{font-size:19px}}
/* Let long localized guide headings shrink within the mobile grid. */
.guide-detail>*{min-width:0}
.guide-detail h2{overflow-wrap:anywhere}
.guide-date{color:#aab5c8;font-size:13px!important}
.guide-detail-body a{color:#d9f478;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.guide-table-scroll{max-width:100%;overflow-x:auto;margin:24px 0;padding-bottom:6px;outline-offset:4px}
.guide-table{width:100%;min-width:460px;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.guide-table caption{text-align:left;font-weight:700;color:#f1f3f5;padding:0 0 12px;line-height:1.6}
.guide-table th,.guide-table td{text-align:left;padding:12px;border:1px solid #485168}
.guide-table thead th{background:#272e40;color:#f1f3f5}
.guide-table tbody th{color:#d9f478}
.scenario-links .draw-info-grid{margin-bottom:0}
.guide-hero>p:not(.eyebrow),.guide-detail-body p,.draw-info p{word-break:keep-all;overflow-wrap:anywhere}

/* Parent directory links stay outside the live presentation. */
.service-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:4px 22px;min-height:48px;padding:4px 0;border-bottom:1px solid #333b50;font-size:12px;color:#aeb8cb;letter-spacing:normal}
.service-navigation a{display:inline-flex;align-items:center;gap:8px;min-height:40px;line-height:1.5;max-width:100%;overflow-wrap:anywhere;text-decoration:none}
.service-navigation a:hover,.footer-service-links a:hover{color:#d9f478}
.service-navigation .service-home{font-weight:700;color:#e2e8f0}
.service-current{margin-left:auto;color:#91a0b8;font-size:11px}
.footer .footer-service-links{grid-column:1/-1;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px 24px;border-top:1px solid #363e53;padding-top:16px}
.footer .footer-service-links a{min-height:44px;display:inline-flex;align-items:center;max-width:100%;overflow-wrap:anywhere;line-height:1.6}
body.stage-mode .service-navigation,body.stage-mode .footer-service-links{display:none}
@media(max-width:600px){.service-navigation{gap:4px 18px;font-size:11px}.service-current{display:none}.footer .footer-service-links{gap:4px 18px}}
.panel-actions{flex-wrap:wrap}

/* Complete guide and Q&A stay below the draw controls in a single reading flow. */
.inline-draw-guide{max-width:860px;margin:56px auto 0;padding:40px 0;border-top:1px solid #384154;min-width:0}
.inline-draw-guide>h2{font-size:clamp(24px,3vw,30px);line-height:1.5;margin:0 0 18px;overflow-wrap:anywhere}
.inline-draw-guide p,.inline-draw-guide li{font-size:15px;line-height:1.95;color:#b9c0d1;overflow-wrap:anywhere}
.inline-draw-guide strong{color:#f1f3f5}
.inline-guide-section{margin-top:32px;scroll-margin-top:24px}
.inline-guide-section h3{font-size:19px;line-height:1.65;margin:0 0 12px;overflow-wrap:anywhere}
.inline-guide-section p{margin:0 0 16px}
.draw-info:not(.scenario-links){max-width:860px;margin:0 auto 48px;padding:32px 0;border-width:1px 0 0;border-radius:0;background:transparent}
.draw-info-flow{display:block;margin-bottom:36px}
.draw-info-flow article+article{margin-top:24px;padding-top:24px;border-top:1px solid #384154}
.draw-info-flow h3{font-size:18px;line-height:1.65;margin-bottom:12px}
.draw-info-flow p{font-size:15px;line-height:1.95}
.content-ad-slot[hidden]{display:none!important}
.content-ad-slot:not([hidden]){max-width:860px;min-height:250px;margin:40px auto;display:flex;align-items:center;justify-content:center;border:1px dashed #4b5265;color:#b9c0d1;font-size:12px}
body.stage-mode .inline-draw-guide,body.stage-mode .content-ad-slot{display:none!important}
@media(max-width:760px){.inline-draw-guide{margin-top:40px;padding-top:28px}.inline-draw-guide p,.inline-draw-guide li,.draw-info-flow p{font-size:14px}.draw-info:not(.scenario-links){padding:28px 0}}