/* Physical stationery, kept quiet behind the content. Shared by all three pages. */
:root{--paper-grain:url('/assets/paper.svg');--paper:#fffdf6;--cream:#f4efe4}
body{background-color:var(--cream);background-image:var(--paper-grain);background-size:384px 384px}
header{background:transparent}
.rubber,.brand-stamp,.approval,.memo-stamp,.appointment{background-image:var(--paper-grain);text-shadow:.3px .2px 0 #a9362d22;border-color:#a9362dc4}
.brand-home .masthead{border-bottom-style:solid;border-bottom-color:#b8ad987a}
.brand-home .board{width:min(1216px,calc(100% - 40px));margin:5px auto 0;padding:29px 24px 25px;border:9px solid #a58a62;border-top-color:#b89c73;border-left-color:#af926b;border-bottom-color:#8d7452;border-radius:3px;background-color:#c8ad82;background-image:linear-gradient(#e1d0ac99,#e1d0ac99),url('/assets/cork.webp');background-size:auto,640px 640px;box-shadow:inset 0 2px 7px #53402444,0 1px 0 #e2ceb1,0 6px 12px #55442c20}
.brand-home .board>.wrap{width:100%;max-width:1160px}
.brand-home .game-grid{gap:26px;padding:0 5px}
.brand-home .card-sheet{background-color:var(--paper);background-image:var(--paper-grain);border:1px solid #a89b8166;box-shadow:1px 2px 2px #4c3d2820,3px 7px 10px #4c3d2830;border-radius:1px 2px 5px 1px}
.brand-home .game-card:before{inset:3px 0 0;background:#eee8d9;border-color:#aa9d8566;box-shadow:1px 3px 4px #4c3d2822;transform:rotate(-.9deg)}
.brand-home .pigeon:before{transform:rotate(-1.7deg)}
.brand-home .tape,.game-brand-heading:before{background-color:#dfcea382;background-image:var(--paper-grain);border:0;clip-path:polygon(1% 3%,10% 1%,19% 4%,29% 0,44% 3%,58% 0,73% 3%,90% 0,99% 4%,97% 26%,100% 43%,98% 67%,100% 96%,85% 99%,64% 96%,47% 100%,29% 96%,12% 99%,0 96%,2% 70%,0 45%,2% 22%);box-shadow:inset 0 1px 2px #fff8e755}
.brand-home .tape{height:29px;top:-12px;box-shadow:inset 0 -2px 3px #9b89552b}
.brand-home .pin{background:radial-gradient(circle at 32% 25%,#db8475 0 8%,#b04b3f 24%,#8b2926 78%);border-color:#8c3d32;box-shadow:1px 2px 2px #3a251950,3px 5px 5px #3a25192b}
.brand-home .art{background-image:var(--paper-grain);box-shadow:inset 0 0 18px #9d8b6110}
.brand-home .rubber{opacity:.83;border-width:1.5px}
.brand-home .approval{opacity:.81}
.brand-home .memo{background-color:#e9d17d;background-image:var(--paper-grain);box-shadow:1px 2px 2px #4c3d2820,4px 8px 12px #4c3d2825;border-radius:0 1px 5px 0}
.brand-home .memo-clip{box-shadow:1px 1px 1px #55442c35,inset 1px 0 0 #fff8}
/* A paper programme for the race and a paper file for the interview. */
.race-card,.game{background-color:var(--paper);background-image:var(--paper-grain);border:1px solid #8e826b99;border-radius:2px 4px 3px 2px;box-shadow:1px 2px 2px #4c3d2820,3px 4px 0 #e9e2d4,4px 5px 0 #b7ab9270,5px 9px 15px #4c3d281c}
.race-score,.dialogue,.controls-panel,.choices{background-color:transparent;background-image:var(--paper-grain)}
.brand-snail .scene:after{content:'';position:absolute;inset:0;background-image:var(--paper-grain);pointer-events:none;z-index:4;opacity:.65;box-shadow:inset 0 1px 5px #55613a16}
.brand-pigeon .scene:after{background-image:var(--paper-grain);opacity:.7;box-shadow:inset 0 2px 8px #55442c16}
.view-stage .scene>.speech{background-color:#fffdf2;background-image:var(--paper-grain);border-color:#9b9a7c;box-shadow:1px 2px 2px #55613a20,2px 4px 6px #55613a12}
.brand-snail .check-back,.outcomes-panel{background-image:var(--paper-grain);box-shadow:1px 2px 2px #4c3d2815,3px 5px 8px #4c3d2815}
.brand-snail .race-commentary{border-top:1px solid #9e927a}
.brand-snail .race-log-entry{border-top:1px dashed #b8ad987a}
.brand-pigeon .scene-bar{background-image:var(--paper-grain);border-bottom:1px solid #25302d}
.buttons button,.choice,.view-switch button,.race-share-row button{background-image:var(--paper-grain);box-shadow:1px 2px 0 #b7ab9260,1px 3px 4px #4c3d2810}
.buttons button:active,.choice:active{box-shadow:none}
@media(max-width:1000px) and (min-width:701px){.brand-home .board{padding:25px 18px 22px}.brand-home .game-grid{gap:19px}}
@media(max-width:700px){
 .brand-home .board{width:calc(100% - 24px);border-width:5px;padding:23px 11px 23px;margin-top:1px;background-size:auto,520px 520px;box-shadow:inset 0 1px 5px #53402433,0 4px 8px #55442c1c}
 .brand-home .game-grid{gap:26px;padding:0 2px}
 .brand-home .snail .card-sheet{transform:rotate(-.55deg)}.brand-home .pigeon .card-sheet{transform:rotate(.45deg)}.brand-home .rice .card-sheet{transform:rotate(-.35deg)}
 .brand-home .game-card:before{transform:rotate(-.6deg)}
 .brand-home .card-sheet{padding:15px 12px;column-gap:12px}
 .brand-home .game-copy h3{font-size:clamp(22px,5.8vw,25px)}
 .brand-home .game-copy p{font-size:16px}
 .brand-home .tape{height:22px;top:-10px}
 .brand-home .memo{box-shadow:1px 2px 2px #4c3d2818,3px 6px 9px #4c3d281c}
 .race-card,.game{box-shadow:1px 2px 2px #4c3d281c,2px 3px 0 #e9e2d4,3px 4px 0 #b7ab9260,3px 6px 9px #4c3d2815}
}
@media(max-width:350px){.brand-home .board{width:calc(100% - 20px);padding-inline:8px}.brand-home .card-sheet{column-gap:10px;padding-inline:10px}.brand-home .game-copy h3{font-size:21px}.brand-home .play,.brand-home .not-ready{font-size:15px}}
/* Keep the rotated official seal inside narrow phone viewports. */
@media(max-width:600px){.brand-snail .snail-stamp{right:7px}}