.story-launch{padding:30px;border-radius:24px;border:1px solid #e3cff1;background:linear-gradient(125deg,#fff3c9,#f7e3ff,#d8f5ef);text-align:center}.story-launch h2{color:#6b3b92}.story-launch p{line-height:1.7;max-width:680px;margin:12px auto}.story-launch .btn{font:700 17px 'Trebuchet MS',sans-serif;cursor:pointer;min-height:48px;margin:8px}.story-names{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:20px 0}.story-names label{display:grid;gap:6px;text-align:left;font-weight:bold;color:#65417b}.story-names input{padding:12px;border-radius:12px;border:1px solid #bca2d1;font:inherit;background:white;width:210px;max-width:100%}.story-rules{line-height:1.8;color:#61506b}.story-rules h2,.story-rules h3{color:#704090}.story-rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.story-rules-grid li{break-inside:avoid}.story-category-art{height:250px;position:relative;display:flex;align-items:center;justify-content:center;gap:15px;background:linear-gradient(120deg,#ffe18a,#f5b4dc,#baa4ee,#92ded3);overflow:hidden}.story-category-art .story-mini-card{width:112px;height:153px;border:5px solid white;border-radius:16px;background:white;box-shadow:0 8px 22px #65417830;transform:rotate(-9deg);display:grid;place-items:center;font:bold 17px 'Trebuchet MS';color:#744590}.story-category-art .story-mini-card:last-child{transform:rotate(9deg)}.story-category-art img{width:90px;height:100px;object-fit:contain}.story-category-wheel{width:142px;height:142px;border:8px solid white;border-radius:50%;background:conic-gradient(#ffce6f 0 45deg,#e9b3eb 45deg 90deg,#a8d9ee 90deg 135deg,#9ee0c9 135deg 180deg,#f2adbf 180deg 225deg,#bfa8e8 225deg 270deg,#bfe68f 270deg 315deg,#ffc591 315deg);display:grid;place-items:center;box-shadow:0 8px 22px #65417830;color:#704090;font-size:35px}
.story-stage{position:fixed;inset:0;z-index:10000;box-sizing:border-box;width:100%;height:100dvh;padding:14px clamp(12px,2vw,28px) 20px;background:linear-gradient(125deg,#fff2cb,#f9e7ff 48%,#daf4ed);color:#59406d;overflow:auto;font-family:'Trebuchet MS',Arial,sans-serif}.story-stage[hidden]{display:none}.story-stage:fullscreen{background:linear-gradient(125deg,#fff2cb,#f9e7ff 48%,#daf4ed)}.story-stage button{font-family:inherit;cursor:pointer}.story-stage button:disabled{cursor:default}.story-stage button:focus-visible{outline:3px solid #7440a8;outline-offset:3px}.story-top{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:1480px;margin:auto;padding-bottom:10px}.story-brand{font-weight:900;font-size:18px;color:#78439c}.story-brand small{display:block;font-size:11px;color:#98759f;letter-spacing:.5px}.story-top h2{font-size:clamp(19px,2vw,27px);margin:0}.story-top-tools{display:flex;align-items:center;gap:7px}.story-icon-button{border:1px solid #d8c0e6;background:#fff9;border-radius:10px;min-height:38px;padding:8px 12px;color:#66437e;font-weight:bold}.story-icon-button.close{font-size:25px;line-height:1;width:40px;padding:4px}.story-scoreboard{max-width:1480px;margin:0 auto 12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.story-team-score{background:#ffffffb8;border:2px solid transparent;border-radius:15px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.story-team-score.active{border-color:#b27ad0;box-shadow:0 3px 12px #74419b16;background:#fff}.story-team-score[data-team="1"].active{border-color:#4bb4a7}.story-team-score strong{font-size:18px;overflow-wrap:anywhere}.story-team-score .story-score-number{font-weight:900;font-size:28px;line-height:1;color:#9a43a8}.story-team-score[data-team="1"] .story-score-number{color:#258e81}.story-team-score small{display:block;font-size:11px;color:#806c8c;margin-top:3px}.story-board{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:clamp(16px,3vw,38px);max-width:1480px;margin:auto;align-items:start}.story-hand-panel{min-width:0;background:#ffffffbe;border:1px solid #ecd9f0;border-radius:20px;padding:16px}.story-hand-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.story-hand-heading h3{margin:0;font-size:20px}.story-hand-heading span{font-size:12px;color:#887190}.story-hands{display:grid;grid-template-columns:1fr 1fr;gap:14px}.story-type-heading{font-size:14px;color:#7f5d93;display:flex;align-items:center;justify-content:space-between;margin:0 0 9px}.story-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.story-hand-card{position:relative;min-width:0;aspect-ratio:3/4;border:3px solid white;border-radius:12px;padding:7px 4px;background:linear-gradient(125deg,#ffcb70,#ef91d2,#ac92e5,#72cec2);box-shadow:0 3px 8px #73507524;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;transition:border-color .16s,box-shadow .16s}.story-card-back{font-weight:900;color:#fff;text-align:center;line-height:1.25;font-size:clamp(10px,1.1vw,16px);text-shadow:0 1px 4px #8156897a}.story-card-back small{display:block;margin-top:10px;font-size:10px;color:#fff}.story-hand-card.open{background:white;color:#674078}.story-hand-card img{display:block;width:100%;height:calc(100% - 32px);min-height:0;object-fit:contain;flex:1}.story-card-label{font-size:clamp(11px,1.2vw,16px);font-weight:bold;text-align:center;line-height:1.2;overflow-wrap:anywhere}.story-hand-card.used{border-color:#36ac87;box-shadow:0 0 0 2px #36ac87,0 5px 14px #368e7e30;background:#f3fff8}.story-used-badge{position:absolute;right:-5px;top:-8px;width:24px;height:24px;line-height:24px;border-radius:50%;background:#2da27e;color:white;font-size:15px;font-weight:bold}.story-hand-card.discard-eligible{border-color:#df9b36;box-shadow:0 0 0 2px #df9b3650}.story-empty{padding:25px 5px;text-align:center;font-size:13px;line-height:1.6;color:#927ca0}.story-hand-help{font-size:12px;line-height:1.6;margin:12px 0 0;color:#7f658d}.story-wheel-panel{text-align:center;min-width:0}.story-wheel-wrap{position:relative;width:min(100%,430px);margin:4px auto 12px;aspect-ratio:1}.story-wheel{display:block;width:100%;height:100%;will-change:transform;transition:transform 3.1s cubic-bezier(.15,.75,.14,1)}.story-wheel text{font:800 24px 'Trebuchet MS',sans-serif;fill:#402451}.story-pointer{position:absolute;z-index:2;left:50%;top:-7px;transform:translateX(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:33px solid #70418d;filter:drop-shadow(0 2px 1px #fff)}.story-clock{position:absolute;inset:34%;display:flex;align-items:center;justify-content:center;flex-direction:column;border:7px solid #fff;background:#fffaf8;border-radius:50%;box-shadow:0 3px 14px #76528b35;color:#734190;pointer-events:none}.story-clock strong{font-size:clamp(35px,4.8vw,61px);line-height:1;font-variant-numeric:tabular-nums}.story-clock span{font-size:10px;font-weight:bold;letter-spacing:1px;margin-top:6px}.story-clock.urgent{color:#ce466f;background:#fff2f5}.story-effect{font-size:16px;font-weight:bold;line-height:1.5;min-height:3em;margin:8px auto 10px;max-width:420px}.story-primary{font:700 16px 'Trebuchet MS',sans-serif;min-height:46px;border:0;border-radius:12px;padding:12px 24px;background:#8b50b1;color:#fff;box-shadow:0 4px 0 #6a398d;cursor:pointer}.story-primary:disabled{opacity:.6;box-shadow:none}.story-round-tools{display:flex;justify-content:center;gap:8px;margin-top:13px}.story-stock{margin-top:15px;padding:12px;border:1px solid #dfc9e9;border-radius:15px;background:#ffffff8c}.story-stock h3{font-size:12px;letter-spacing:.6px;margin:0 0 9px;text-transform:uppercase;color:#876398}.story-stock-buttons{display:flex;justify-content:center;gap:10px}.story-stock-button{background:linear-gradient(125deg,#ffd67d,#eea0d9,#b5a2ed,#8cd8c9);color:white;border:3px solid white;border-radius:10px;padding:10px;min-height:72px;width:130px;box-shadow:0 3px 7px #75508022;font-size:13px;font-weight:bold}.story-stock-button span{display:block;font-size:11px;margin-top:5px}.story-stock-button:disabled{opacity:.73}.story-stock-button.choose{border-color:#e99c35;box-shadow:0 0 0 3px #e99c3555;opacity:1}.story-status{max-width:1480px;margin:12px auto 0;padding:11px 16px;border-radius:13px;min-height:1.5em;background:#fff8;color:#744e88;font-size:14px;font-weight:bold;line-height:1.5}.story-winner{max-width:1480px;margin:12px auto;padding:18px;text-align:center;border-radius:18px;background:#fff5b7;border:2px solid #e7ce71}.story-winner[hidden]{display:none}.story-winner h2{margin:0 0 5px;color:#805098}.story-winner p{margin:5px}.story-mini-timer{display:none}.story-dialog{box-sizing:border-box;max-width:min(700px,94vw);width:700px;max-height:88svh;overflow:auto;border:2px solid #d6b8e9;border-radius:20px;padding:24px;background:#fffaf2;color:#674a7d;font-family:'Trebuchet MS',sans-serif;line-height:1.7}.story-dialog::backdrop{background:#3b244bba}.story-dialog h2{margin-top:0}.story-dialog button{font:inherit}.story-dialog-close{float:right;width:40px;height:40px;border:0;border-radius:50%;background:#f1e1f7;color:#70418b;font-size:26px!important}.story-paused-label{display:block;font-size:11px!important;margin:3px 0!important;color:#ad678b}.story-stage .btn{font-size:13px;min-height:38px;padding:9px 13px}.story-phase{font-size:12px;background:#efdef7;border-radius:20px;padding:6px 10px;color:#845b99;white-space:nowrap}
@media(min-width:1600px){.story-card-grid{gap:12px}.story-hand-card{max-height:190px}.story-wheel-wrap{width:460px}.story-hand-panel{padding:22px}}
@media(max-width:1050px){.story-board{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:14px}.story-hand-panel{padding:12px}.story-card-grid{gap:6px}.story-hands{gap:9px}.story-hand-card{padding:4px 2px}.story-card-back{font-size:11px}.story-card-back small{font-size:8px}.story-type-heading{font-size:12px}.story-top h2{font-size:21px}.story-brand{font-size:15px}}
@media(max-width:760px){.story-stage{padding:8px 10px 20px}.story-top{position:sticky;top:-8px;z-index:5;background:#f8edf7eF;padding:8px 0;margin-top:-8px;flex-wrap:wrap}.story-brand{font-size:13px}.story-brand small{font-size:9px}.story-top h2{font-size:18px}.story-top-tools{gap:5px}.story-icon-button{padding:6px 8px;min-height:34px;font-size:11px}.story-top .story-brand{display:none}.story-top .story-new{display:none}.story-mini-timer{display:inline-block;background:#fff;border-radius:9px;padding:7px 9px;font-size:15px;font-weight:bold;color:#80519c}.story-scoreboard{gap:6px;margin-bottom:9px}.story-team-score{padding:8px 10px;gap:6px}.story-team-score strong{font-size:14px}.story-team-score .story-score-number{font-size:23px}.story-team-score small{font-size:10px}.story-board{display:flex;flex-direction:column;gap:12px}.story-wheel-panel{width:100%;display:grid;grid-template-columns:210px minmax(0,1fr);gap:8px;align-items:center;order:0}.story-wheel-wrap{width:210px;margin:0}.story-wheel-controls{min-width:0}.story-effect{font-size:12px;min-height:0;margin:4px 0 9px}.story-primary{font-size:13px;padding:10px 11px;min-height:42px;width:100%;box-shadow:0 3px 0 #6a398d}.story-round-tools{flex-wrap:wrap;gap:5px;margin-top:10px}.story-round-tools .story-icon-button{font-size:11px}.story-wheel text{font-size:24px}.story-clock{border-width:4px}.story-clock strong{font-size:30px}.story-clock span{font-size:7px;margin-top:3px}.story-stock{grid-column:1/-1;margin-top:3px;padding:8px}.story-stock-buttons{gap:8px}.story-stock-button{min-height:48px;width:140px;padding:6px;font-size:12px}.story-stock-button span{font-size:10px}.story-stock h3{font-size:10px;margin-bottom:5px}.story-hand-panel{order:1;width:100%;box-sizing:border-box}.story-hands{grid-template-columns:1fr 1fr;gap:10px}.story-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.story-hand-card{aspect-ratio:3/4;padding:5px 2px}.story-card-label{font-size:12px}.story-card-back{font-size:11px}.story-card-back small{font-size:8px}.story-hand-heading h3{font-size:17px}.story-hand-heading span{font-size:10px}.story-hand-help{font-size:11px}.story-status{font-size:12px;margin-top:9px}.story-rules-grid{grid-template-columns:1fr}.story-launch{padding:20px 14px}.story-category-art{height:220px}.story-category-art .story-mini-card{width:90px;height:130px;font-size:14px}.story-category-wheel{width:115px;height:115px;flex-shrink:0}.story-category-art img{width:76px;height:86px}}
@media(max-width:360px){.story-wheel-panel{grid-template-columns:180px minmax(0,1fr)}.story-wheel-wrap{width:180px}.story-clock strong{font-size:26px}.story-top h2{font-size:16px}.story-icon-button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.story-wheel{transition-duration:.1s}.story-hand-card{transition:none}}
.tell-story-game [hidden],.story-stage [hidden]{display:none!important}
/* Keep the rotating SVG's square bounds from creating scrollbars. */
.story-wheel-wrap{overflow:hidden;width:min(100%,360px)}.story-pointer{top:0}
.story-card-grid:has(>.story-hand-card:nth-child(7)){grid-template-columns:repeat(4,minmax(0,1fr))}.story-card-grid:has(>.story-hand-card:nth-child(7)) .story-card-back{font-size:11px}.story-card-grid:has(>.story-hand-card:nth-child(7)) .story-card-label{font-size:12px}
@media(min-width:761px) and (max-height:800px){.story-stage{padding:8px 18px 12px}.story-top{padding-bottom:7px}.story-top h2{font-size:22px}.story-team-score{padding:7px 12px}.story-scoreboard{margin-bottom:8px}.story-wheel-wrap{width:min(100%,275px);margin-bottom:6px}.story-effect{font-size:13px;min-height:2.8em;margin:5px auto 8px}.story-primary{font-size:14px;min-height:40px;padding:10px 18px}.story-stock{margin-top:10px;padding:8px}.story-stock-button{min-height:53px;padding:6px;font-size:11px}.story-stock h3{margin-bottom:5px;font-size:10px}.story-round-tools{margin-top:8px}.story-hand-panel{padding:12px}.story-hand-card{max-height:135px}.story-status{margin-top:8px;padding:9px 12px;font-size:12px}.story-hand-help{font-size:11px}}
@media(max-width:760px){.story-wheel-wrap{width:210px}.story-card-grid:has(>.story-hand-card:nth-child(7)){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.story-wheel-wrap{width:180px}}

/* Give the enlarged wheel labels room on phones. */
@media(max-width:760px){.story-wheel-panel{display:block}.story-wheel-wrap{width:min(100%,340px);margin:0 auto 12px}.story-wheel-controls{max-width:420px;margin:0 auto}.story-effect{font-size:15px}.story-clock strong{font-size:44px}.story-clock span{font-size:9px}.story-stock{margin-top:16px}}