:root{font-family:Inter,Arial,sans-serif;color:#182442;background:#f7f0df;font-synthesis:none;--ink:#182442;--cream:#fff7e6;--teal:#157b80;--coral:#dc553f;--gold:#edbd48}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 10%,#fffbee 0,transparent 40%),#f7f0df}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,canvas:focus-visible,summary:focus-visible{outline:3px solid #397acc;outline-offset:4px}button,a{ -webkit-tap-highlight-color:transparent}header,footer{max-width:1600px;margin:auto;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}header{border-bottom:1px solid #18244226}header>a:last-child{font-size:13px;font-weight:750}.brand{display:flex;gap:12px;align-items:center;font-size:15px;font-weight:800;letter-spacing:-.3px}.brand b{display:block}.brand small{font-family:monospace;display:block;font-size:8px;letter-spacing:1.4px;margin-top:6px}.brand-mark{background:var(--coral);color:#fff7e6;display:grid;place-items:center;font-size:35px;width:45px;height:48px;border-radius:6px;transform:rotate(-6deg);box-shadow:3px 4px 0 #182442}main{max-width:1600px;margin:auto}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,4.5vw,65px);line-height:1.03;letter-spacing:-3px;margin-bottom:22px}h2{font-size:28px;line-height:1.13;letter-spacing:-1px}h1 em{font-style:normal;color:var(--teal)}.eyebrow{font:700 10px/1.6 monospace;letter-spacing:1.8px;text-transform:uppercase;color:#176e75;margin-bottom:16px}.primary,.secondary,.quiet,.vote-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:8px;min-height:46px;padding:14px 20px;font-size:13px;font-weight:750}.primary{background:var(--coral);color:white;box-shadow:0 4px 0 #a93323;transition:transform .15s,box-shadow .15s}.primary:hover{transform:translateY(-2px);box-shadow:0 6px 0 #a93323}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #a93323}.secondary{background:var(--teal);color:white;box-shadow:0 4px 0 #095557}.quiet{border:1px solid #18244238;background:#fff9ec;color:var(--ink);padding:10px 14px}.hero{position:relative;min-height:620px;overflow:hidden;background:#fff4da}.hero-art{position:absolute;inset:0;background:url('/games/bally-sketch-relay/assets/sketch-relay.webp') center right/cover no-repeat}.hero-copy{position:relative;padding:100px 5% 80px;width:57%;background:linear-gradient(90deg,#fff3dfe8,#fff3df77 66%,transparent)}.hero h1{font-size:clamp(54px,6.8vw,100px);font-weight:900;letter-spacing:-6px}.hero h1 em{color:#dc553f;display:inline-block;transform:rotate(-2deg);font-style:italic;font-size:.91em}.hero-copy>p:not(.eyebrow){font-size:20px;line-height:1.6;margin:30px 0}.hero-tags{display:flex;gap:18px;font:700 9px monospace;letter-spacing:1px;margin-top:35px}.hero-tags span{border-left:3px solid var(--teal);padding-left:10px}.sticker{position:absolute;right:4%;bottom:30px;background:#edbd48;border:3px solid #182442;padding:15px 20px;font-size:19px;line-height:.97;font-weight:900;transform:rotate(7deg);box-shadow:5px 5px 0 #182442}.how{display:grid;grid-template-columns:repeat(3,1fr);padding:42px 5%;gap:38px;border-bottom:1px solid #18244226}.how b{font:700 11px monospace;color:var(--coral)}.how h2{margin:15px 0 10px;font-size:25px}.how p{font-size:14px;line-height:1.6;color:#566071;margin:0}.play-forms{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:50px 5%}.paper{background:#fffaf0;border:1px solid #ddd1b8;border-radius:10px;box-shadow:0 5px 0 #e1d5bb,0 15px 35px #4b38230b;padding:35px;position:relative}.paper:before{content:'';height:10px;position:absolute;left:24px;right:24px;top:12px;background:radial-gradient(circle,#dfd3bc 3px,transparent 3.5px) 0 0/22px 10px repeat-x}.join-paper{background:#e5f0e7}.paper form{display:flex;flex-wrap:wrap;gap:15px;align-items:end}.paper form label{flex:1;min-width:130px}.paper form .check{flex-basis:100%}.paper form .primary,.paper form .secondary{width:100%}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:750}input,select,textarea{width:100%;border:1px solid #b8b6ad;border-radius:7px;background:#fffcf3;padding:12px;color:#182442;min-height:44px}input[name=code]{text-transform:uppercase;font-family:monospace;letter-spacing:3px}.check{flex-direction:row;align-items:center;font-weight:500}.check input{width:18px;min-height:18px;margin:0}.return{display:block;font-size:13px;font-weight:750;color:var(--teal);margin:20px 0}.muted{font-size:12px;line-height:1.6;color:#626879;margin:18px 0 0}.form-error{color:#a62b25;font-size:13px;line-height:1.5;flex-basis:100%;margin:10px 0 0}.form-error:empty{display:none}.room-heading{display:flex;gap:20px;align-items:center;padding:25px 5%;font:700 10px monospace;letter-spacing:1px}.room-heading>b,.room-heading b{font-size:22px;letter-spacing:3px;margin-right:13px}.room-heading>span:nth-child(2){margin-left:auto}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:35px;padding:0 5% 60px}.game-stage{min-width:0}.game-layout aside{border-left:1px solid #18244225;padding:20px 0 0 25px;align-self:start;position:sticky;top:20px}.game-layout aside h2{font-size:23px}.game-layout ol{list-style:none;padding:0;margin:20px 0}.game-layout li{display:flex;align-items:center;gap:10px;font-size:12px;padding:14px 0;border-bottom:1px dashed #18244220}.avatar{display:grid;place-items:center;flex:0 0 34px;height:38px;background:#157b8020;border:1px solid #157b80;border-radius:4px 4px 11px 4px;font:700 11px monospace}.color-1{background:#edbd4840;border-color:#d4a339}.color-2{background:#ec665325;border-color:#dc553f}.color-3{background:#397acc20;border-color:#397acc}.player-name{flex:1;overflow-wrap:anywhere}.player-name small{display:block;font:700 8px monospace;letter-spacing:1px;color:var(--teal);margin-top:3px}.game-layout li strong{font-size:15px}.ready{width:12px;color:var(--teal);font-weight:800}.lobby{padding:55px 40px}.lobby h1{font-size:clamp(35px,4vw,58px)}.invite{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:25px 0;border-top:1px dashed #c5b79e;border-bottom:1px dashed #c5b79e;margin:30px 0 20px}.invite>span{font:700 10px monospace}.invite>strong{font:800 52px monospace;letter-spacing:8px}.invite button{margin-left:auto}.settings{margin:25px 0}.lobby>.primary{margin-top:15px}.seats{margin-top:28px;text-align:left}.seats summary{font-size:13px;font-weight:700;cursor:pointer}.seats>div{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-top:12px;font-size:13px}.waiting{font-size:15px;line-height:1.6;padding:16px;background:#157b8010;border-radius:7px}.pass-heading{display:flex;gap:20px;align-items:start;padding:15px 0 5px}.pass-heading h1{font-size:clamp(32px,3.6vw,52px);letter-spacing:-2px}.clock,.page-counter,.vote-count{flex:none;border:1px dashed #397acc;background:#397acc0c;border-radius:7px;padding:13px;font:700 12px monospace;white-space:nowrap}.clock{min-width:110px;text-align:center}.task-paper{padding:35px 22px 22px}.secret{font-size:clamp(23px,2.3vw,34px);line-height:1.25;max-width:760px;overflow-wrap:anywhere}.tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px dashed #d6c8aa;padding:18px 0 12px}.palette{display:flex;gap:6px;margin-right:auto}.ink{border:1px solid #18244235;background:var(--c);border-radius:50%;width:30px;height:30px;padding:0;min-height:30px}.ink-0{--c:#182442}.ink-1{--c:#edbd48}.ink-2{--c:#ec6653}.ink-3{--c:#46c6b7}.ink-4{--c:#7e72d8}.ink-5{--c:#397acc}.ink-6{--c:#fff7e6}.ink.chosen{outline:2px solid #182442;outline-offset:2px}.tools label{flex-direction:row;align-items:center;font-size:10px}.tools select{width:94px;padding:8px;min-height:38px}.tools .quiet{min-height:38px;padding:8px 10px;font-size:11px}#drawing-canvas{display:block;width:100%;height:auto;aspect-ratio:8/5;background:var(--cream);border:2px solid #c6b99f;border-radius:4px;touch-action:none;cursor:crosshair}.canvas-help{font-size:11px;line-height:1.5;color:#65666d;margin:12px 0 0}.submit-row{display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;bottom:0;background:#f7f0dff5;padding:17px 0 12px;z-index:4}.submit-row>span{font-size:11px;color:#5b616d}.entry-status{text-align:center;font:700 11px monospace;color:var(--teal);margin:20px 0}.guess-label{margin-top:20px;font-size:14px}.guess-label textarea{font-size:22px;line-height:1.4;resize:vertical}.count{font:11px monospace;text-align:right;margin:8px 0 0;color:#65666d}.sketch{display:block;width:100%;height:auto;background:#fff7e6;aspect-ratio:8/5}.task-paper>.sketch{max-width:650px;margin:auto;border:1px solid #d4c6a9;border-radius:5px}.rescue{background:#edbd4825;border-left:3px solid #edbd48;padding:12px;font-size:13px;line-height:1.5}.waiting-paper{text-align:center;padding:60px 30px;min-height:350px}.waiting-paper h2{max-width:540px;margin:25px auto 15px;font-size:32px}.waiting-paper>p:last-child{font-size:14px;line-height:1.6;color:#626879}.paper-stack{height:105px;position:relative;width:160px;margin:0 auto 30px}.paper-stack span{position:absolute;display:grid;place-items:center;width:80px;height:105px;background:#fff7e6;border:2px solid #182442;border-radius:4px;box-shadow:3px 4px 0 #e1d5bb;font-size:40px}.paper-stack span:nth-child(1){transform:rotate(-15deg);left:0;color:var(--coral)}.paper-stack span:nth-child(2){left:40px;transform:rotate(3deg);color:var(--teal)}.paper-stack span:nth-child(3){left:75px;transform:rotate(15deg);color:#397acc;animation:page-hover 2s ease-in-out infinite}.host-controls{position:sticky;bottom:0;z-index:5;background:#f7f0dff5;padding-bottom:12px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;border-top:1px dashed #c5b79e;padding-top:20px;margin-top:25px}.host-controls .eyebrow{margin:0 auto 0 0;flex-basis:100%;font-size:9px}.host-controls small{font-size:11px;color:#626879}.origin{font-size:14px;line-height:1.5;overflow-wrap:anywhere;padding:15px 18px;background:#e7eee2;border-left:3px solid var(--teal);border-radius:0 7px 7px 0}.origin b{display:block;font:700 9px monospace;color:var(--teal);margin-bottom:5px;letter-spacing:1px}.reveal-stage{perspective:1000px;max-width:480px;margin:16px auto}.moment{position:relative;border:1px solid #dac9a9;background:#fffaf0;border-radius:8px;overflow:hidden;box-shadow:0 4px 0 #e0d4bc}.moment.large{animation:page-enter .4s ease-out;min-height:290px}.page-label{display:flex;justify-content:space-between;gap:12px;padding:15px;font:700 9px/1.5 monospace;letter-spacing:.5px;border-bottom:1px dashed #d1c2a7}.page-label>span:last-child{color:var(--teal);text-align:right}.original-page{text-align:center;padding:55px 35px}.original-page h2{font-size:clamp(30px,4vw,50px);line-height:1.2;letter-spacing:-1.5px;overflow-wrap:anywhere}.original-page>span{display:block;font-size:35px;letter-spacing:8px;color:var(--coral);margin:25px 0}.original-page>p:last-child{font-size:14px;color:#626879}.page-dots{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.page-dots span{display:grid;place-items:center;width:29px;height:33px;border:1px solid #c8b99d;border-radius:3px;background:#f4e9d2;font:700 13px monospace}.page-dots .seen{background:var(--teal);border-color:var(--teal);color:#fff}.moment blockquote{font-size:24px;line-height:1.3;letter-spacing:-.7px;margin:0;padding:30px 20px;overflow-wrap:anywhere;min-height:130px}.large blockquote{font-size:clamp(30px,4.5vw,54px);padding:55px 35px;min-height:270px;display:grid;place-items:center;text-align:center}.guess-card{background:#fff1d8}.intro{line-height:1.7;font-size:14px;color:#566071;max-width:680px}.locked-vote{padding:16px;background:#157b8015;border:1px solid #157b8055;border-radius:8px;font-size:13px}.chain{margin:20px 0;border:1px solid #ccbca0;border-radius:10px;background:#fff9ee;overflow:hidden}.chain>summary{display:flex;gap:15px;align-items:center;padding:20px;cursor:pointer;list-style:none;font-weight:750;font-size:17px;line-height:1.35;overflow-wrap:anywhere}.chain summary::-webkit-details-marker{display:none}.chain>summary>span:nth-child(2){flex:1}.chain summary small{display:block;font:700 9px monospace;letter-spacing:1px;color:var(--teal);margin-bottom:6px}.chain-number{color:var(--coral);font:700 25px monospace}.moments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:5px 18px 22px}.vote-button{margin:0;border-radius:0;border-top:1px dashed #cfbfa0;width:100%;background:#157b8012;color:#12696f;min-height:48px}.vote-button:not(:disabled):hover{background:#157b80;color:white}.blank-page{min-height:150px;display:grid;place-content:center;text-align:center;color:#737783;font-size:13px}.blank-page>span{font-size:45px}.award{display:flex;justify-content:space-between;align-items:center;background:#edbd48;padding:12px 18px;font:11px monospace}.award b{font-size:23px}.favourite{border:2px solid #d6a128}.result,.final{text-align:center;padding:45px 35px}.result h1,.final h1{font-size:clamp(36px,4.2vw,62px);overflow-wrap:anywhere}.result-star{font-size:70px;line-height:1;color:#dc553f;display:inline-block;transform:rotate(-12deg);margin-bottom:25px;text-shadow:3px 4px 0 #edbd48}.result>p,.final>p{font-size:14px;line-height:1.6}.award-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:30px 0}.award-list>div{border:1px solid #c6b99f;border-radius:7px;padding:15px;display:grid;gap:6px;min-width:120px;font-size:12px}.award-list strong{font-size:28px;color:var(--teal)}.award-list small{font:10px monospace;color:#626879}.final-score{display:block;font-size:65px;color:var(--teal);letter-spacing:-3px;margin:25px}.final-score small{display:block;font:700 10px monospace;letter-spacing:3px;margin-top:5px}.final .settings{text-align:left}.final .seats{text-align:left}.loading{padding:60px;text-align:center;color:var(--teal)}footer{font:8px/1.5 monospace;letter-spacing:1px;border-top:1px solid #18244226;padding-top:30px;padding-bottom:30px}#notice{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:min(90vw,550px);background:#182442;color:#fff7e6;padding:16px 22px;border-radius:8px;font-size:13px;box-shadow:0 8px 25px #18244230;transition:opacity .2s,transform .2s;z-index:10}#notice.show{opacity:1;transform:translate(-50%,0)}#connection{position:sticky;top:0;background:#edbd48;color:#182442;font-size:13px;font-weight:700;padding:12px 5%;z-index:12}[hidden]{display:none!important}@keyframes page-enter{from{opacity:0;transform:rotateY(-12deg) translateY(12px)}to{opacity:1;transform:none}}@keyframes page-hover{50%{transform:rotate(11deg) translateY(-8px)}}
@media(min-width:1500px){.hero-art{background-size:cover}.hero-copy{padding-top:130px;padding-bottom:100px}}
@media(max-width:1000px){.game-layout{grid-template-columns:minmax(0,1fr) 210px;gap:20px}.game-layout aside{padding-left:16px}.hero{min-height:570px}.hero-copy{padding-top:85px}.hero h1{letter-spacing:-4px}.pass-heading{flex-wrap:wrap;gap:5px}.clock{margin-bottom:15px}.paper{padding:30px 24px}.tools{gap:8px}.palette{flex-basis:100%;margin-bottom:8px}.how{gap:20px}.how h2{font-size:22px}}
@media(max-width:700px){header{padding:18px 5%}.brand{font-size:11px}.brand small{font-size:6px}.brand-mark{width:35px;height:40px;font-size:28px}header>a:last-child{font-size:10px;max-width:95px;text-align:right}.hero{min-height:760px;display:flex;flex-direction:column}.hero-art{top:auto;height:450px;background-position:70% center;background-size:cover}.hero-copy{width:100%;padding:38px 5% 320px;background:linear-gradient(#fff3df 0,#fff3df 44%,#fff3df00 65%)}.hero-copy .eyebrow{font-size:8px;letter-spacing:1px}.hero h1{font-size:58px;letter-spacing:-4px}.hero h1 em{font-size:.72em;letter-spacing:-2.5px}.hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.5;margin:22px 0}.hero-tags{font-size:7px;margin-top:24px;gap:12px}.sticker{bottom:20px;font-size:14px;padding:12px}.how{grid-template-columns:1fr;padding-top:30px;padding-bottom:30px;gap:25px}.how article{padding-left:16px;border-left:2px solid #dc553f}.how h2{margin:8px 0;font-size:23px}.play-forms{grid-template-columns:1fr;padding-top:30px;gap:25px}.paper{padding:35px 20px 25px}.room-heading{flex-wrap:wrap;gap:12px;padding:20px 5%}.room-heading>span:nth-child(2){font-size:8px}.room-heading .quiet{width:100%;min-height:38px;padding:9px}.room-heading b{font-size:20px}.game-layout{grid-template-columns:1fr;padding-bottom:35px;gap:30px}.game-layout aside{position:static;border-left:0;border-top:1px solid #18244226;padding:25px 0 0}.game-layout ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.game-layout li{font-size:11px;gap:6px}.avatar{flex-basis:29px;height:33px;font-size:9px}.game-layout li strong{font-size:13px}.ready{width:8px}.game-layout aside h2{font-size:24px}.lobby h1{font-size:37px;letter-spacing:-2px}.invite{gap:12px}.invite strong{font-size:42px;letter-spacing:5px}.invite button{width:100%;margin:0}.settings{display:flex;flex-wrap:wrap}.settings label{flex:1;min-width:115px}.lobby>.primary,.final>.primary{width:100%}.pass-heading h1{font-size:36px;letter-spacing:-1.7px}.pass-heading .eyebrow{font-size:8px}.clock{font-size:10px;padding:10px;min-width:100px}.task-paper{padding:30px 12px 15px}.task-paper>.eyebrow{font-size:8px}.secret{font-size:24px;line-height:1.23;letter-spacing:-.7px}.tools{gap:7px}.ink{width:29px;height:29px}.tools label{margin-right:auto}.tools .quiet{font-size:10px;min-height:38px}.submit-row{gap:10px;padding:12px 0}.submit-row>span{max-width:135px;line-height:1.5;font-size:10px}.submit-row .primary{font-size:12px;padding:13px 14px;min-width:145px}.canvas-help{font-size:10px}.guess-label{font-size:12px}.guess-label textarea{font-size:20px}.waiting-paper{padding:50px 20px 30px}.waiting-paper h2{font-size:29px}.original-page{padding:35px 20px}.original-page h2{font-size:32px;letter-spacing:-1px}.large blockquote{font-size:33px;padding:40px 20px}.page-label{font-size:8px;padding:12px}.page-counter,.vote-count{font-size:10px;padding:10px}.moments{grid-template-columns:1fr;padding:5px 12px 17px;gap:18px}.chain>summary{padding:15px 12px;font-size:16px;gap:12px}.chain-number{font-size:21px}.chain summary small{font-size:8px}.result h1,.final h1{font-size:39px;letter-spacing:-1.7px}.final-score{font-size:56px}.award-list>div{min-width:100px;flex:1}.seats>div{font-size:12px;gap:8px}.seats button{font-size:10px;padding:10px}.host-controls .primary{width:100%}footer{font-size:6px;gap:20px}.form-error{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.latest-gallery-heading{font-size:26px;letter-spacing:-1px;margin:34px 0 0}
.story-change{display:grid;grid-template-columns:1fr 26px 1fr;align-items:center;gap:12px;margin:0 18px 20px;padding:18px;background:linear-gradient(110deg,#e7eee2,#fff0d8);border:1px dashed #b5bca3;border-radius:7px}
.story-change small{font:700 8px monospace;letter-spacing:1px;color:#157b80}.story-change div:last-child small{color:#b34432}
.story-change p{margin:7px 0 0;font-size:16px;font-weight:750;line-height:1.4;overflow-wrap:anywhere}
.story-change>span{font:28px Georgia,serif;color:#be543d;text-align:center}
.scrapbook{position:relative;margin:28px 0 36px;padding:26px;border:1px solid #bdbaa1;border-left:7px solid #157b80;border-radius:5px 16px 16px 5px;background:repeating-linear-gradient(0deg,transparent 0 29px,#53716107 29px 30px),#f0eedf;box-shadow:3px 5px 0 #d9ccb3}
.scrapbook-heading{display:flex;align-items:center;gap:18px}.scrapbook-heading>div{flex:1}
.scrapbook-icon{display:grid;place-items:center;flex:none;width:48px;height:60px;background:#fffaf0;border:1px solid #b9bea7;border-radius:3px;box-shadow:4px 3px 0 #d1c4a5;font-size:36px;color:#d75743;transform:rotate(-7deg)}
.scrapbook-heading .eyebrow{font-size:8px;letter-spacing:1px;margin:0 0 6px}.scrapbook-heading h2{font-size:28px;letter-spacing:-1px;margin:0}
.scrapbook-heading p:last-child{font-size:12px;line-height:1.5;color:#616960;margin:8px 0 0}.scrapbook-heading button{font-size:11px;padding:12px 14px;min-height:44px}
.scrapbook-controls{display:flex;align-items:end;gap:12px;padding-top:24px;margin-top:22px;border-top:1px dashed #b4b49c}.scrapbook-controls label{flex:1}.scrapbook-controls label:first-child{flex:2}.scrapbook-controls select{min-height:44px}.scrapbook-controls button{font-size:11px;min-height:44px;flex:none}
.scrapbook-controls [aria-disabled=true]{opacity:.6;cursor:wait}
.scrapbook-status{padding:20px 0 0;font-size:13px;color:#5e665f;line-height:1.6}
.saved-match-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:26px}.saved-match-heading .eyebrow{font-size:9px;margin:0 0 6px}.saved-match-heading h3{margin:0;font:italic 700 28px Georgia,serif;color:#157b80}
.saved-match-heading>span{font:8px/1.6 monospace;letter-spacing:.7px;color:#536851;max-width:120px;text-align:right}
.saved-scores{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.saved-scores>span{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:10px 12px;background:#fffaf0;border:1px solid #c4c8ae;border-radius:5px;font-size:11px;min-width:120px}.saved-scores b{font:700 16px monospace;color:#157b80}
@media(max-width:700px){.scrapbook{padding:21px 14px;border-left-width:5px}.scrapbook-heading{flex-wrap:wrap;gap:14px}.scrapbook-heading>div{min-width:180px}.scrapbook-heading button{width:100%}.scrapbook-heading h2{font-size:26px}.scrapbook-icon{width:36px;height:46px;font-size:29px}.scrapbook-controls{flex-wrap:wrap;gap:12px}.scrapbook-controls label{min-width:90px}.scrapbook-controls button{width:100%}.saved-match-heading{gap:12px}.saved-match-heading h3{font-size:24px}.saved-match-heading>span{font-size:7px;max-width:90px}.saved-scores>span{flex:1;min-width:115px}.story-change{grid-template-columns:1fr;margin:0 12px 18px;padding:15px;gap:10px}.story-change>span{font-size:22px;line-height:1;text-align:left;transform:rotate(70deg);width:20px}.story-change p{font-size:16px}.latest-gallery-heading{font-size:25px}}