/* Original notebook reward UI. Keeps all gameplay IDs and Canvas sizing intact. */
.header-actions{display:flex;gap:8px;align-items:center}#medals{display:flex;align-items:center;gap:6px;min-height:44px}#medals-count{font-size:9px;color:#637748;background:#e8eddc;border-radius:12px;padding:3px 6px}#medals:disabled{color:#8b927f;cursor:default;opacity:.7;box-shadow:none}
.result-card{--tier-fill:#e2f2f3;--tier-ink:#547b84;--tier-icon:url('badge-window.svg');position:relative;isolation:isolate;width:100%;max-width:300px;border:1.7px solid #858870;border-radius:14px 12px 16px 11px;padding:14px 16px 12px;text-align:left;background:linear-gradient(120deg,var(--tier-fill),#f9fcfd 90%);box-shadow:3px 4px 0 #dce0cf80;flex-shrink:0}
.result-card::before{content:'';position:absolute;right:12px;top:11px;width:58px;height:58px;background:var(--tier-icon) center/contain no-repeat;transform:rotate(5deg);z-index:-1}
.result-card[data-tier='500']{--tier-fill:#e0efea;--tier-ink:#537f79;--tier-icon:url('badge-roof.svg')}
.result-card[data-tier='1500']{--tier-fill:#dfedf6;--tier-ink:#4e7881;--tier-icon:url('badge-cloud.svg')}
.result-card[data-tier='3000']{--tier-fill:#dfeee8;--tier-ink:#58784c;--tier-icon:url('badge-wind.svg')}
.result-card[data-tier='5000']{--tier-fill:#dfecf8;--tier-ink:#56799a;--tier-icon:url('badge-sky.svg')}
.result-card[data-tier='10000']{--tier-fill:#e6e4f4;--tier-ink:#6c6c9b;--tier-icon:url('badge-star.svg')}
#overlay .result-card p,.result-card p{margin:0;max-width:none;line-height:1.4;color:#626e57}
#overlay .result-card .result-height,.result-card .result-height{font:34px/1.05 'Patrick Hand',cursive;color:var(--tier-ink);padding-right:55px;letter-spacing:.3px}
#overlay .result-card .result-best,.result-card .result-best{font-size:10px;letter-spacing:.7px;margin-top:5px;padding-right:55px;color:var(--tier-ink);font-weight:700}
#overlay .result-card .result-medals,.result-card .result-medals{font-size:11px;margin-top:12px;padding-top:10px;border-top:1px dashed #b5bfa288;overflow-wrap:anywhere}
#overlay .result-card .result-next,.result-card .result-next{font-size:10px;margin-top:7px;color:#6d775f;overflow-wrap:anywhere}
#overlay:has(.result-card){gap:0;padding:12px 17px;background:#f2f8f8ed;justify-content:center}#overlay:has(.result-card) #companion{width:66px;height:66px;max-width:none;transform:rotate(-3deg)}#overlay:has(.result-card) #title{font-size:27px;margin:1px 0 12px;line-height:1.05}#overlay:has(.result-card) #message{display:none}#overlay:has(.result-card) #start{margin:13px 0 9px;min-height:44px;padding:10px 25px}#overlay:has(.result-card) .steer-hint{font-size:9px}
.notebook-kicker{font-size:9px;letter-spacing:1.5px;color:#7b8768}#medal-book{width:min(640px,calc(100vw - 28px));max-height:calc(100dvh - 32px);border:2px solid #68725b;border-radius:20px 17px 19px 16px;background-color:#f2f8f8;background-image:linear-gradient(#d6e6e570 1px,transparent 1px),linear-gradient(90deg,#d6e6e570 1px,transparent 1px);background-size:24px 24px;color:#343d32;padding:21px;box-shadow:6px 7px 0 #bfc6ae55;overscroll-behavior:contain}
#medal-book::backdrop{background:#4b504149;backdrop-filter:blur(1.5px)}.medal-book-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.medal-book-header h2{font:30px/1.15 'Patrick Hand',cursive;margin:3px 0 0;max-width:none}.medal-book-header button{width:44px;height:44px;font-size:25px;padding:0;flex-shrink:0;background:#edf5f3}.medal-intro{font-size:12px;color:#717b64;line-height:1.7;margin:13px 0 22px}.medal-intro strong{display:inline-block;font-weight:500;border-bottom:2px solid #ccd9b7;padding:0 3px;color:#546d40;white-space:nowrap}.medal-group-title{font:23px/1.25 'Patrick Hand',cursive;margin:20px 0 10px;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.medal-group-title span{font:10px 'DM Sans',sans-serif;color:#7f8b72;white-space:nowrap}.medal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.medal-item{display:flex;gap:10px;align-items:center;border:1px dashed #cbd0bd;border-radius:12px;padding:11px 10px;background:#f0f5f4;min-width:0}.medal-item img{width:49px;height:49px;flex-shrink:0;filter:grayscale(.9);opacity:.55}.medal-item h4{font-size:12px;line-height:1.3;margin:0 0 4px;font-weight:700;color:#6c755e}.medal-item p{font-size:10px;line-height:1.5;margin:0;color:#7b826e}.medal-status{display:block;font-size:9px;line-height:1.4;margin-top:5px;color:#8d9481}.medal-item[data-earned='true']{border:1px solid #9bac80;background:#e8f2ec;box-shadow:1px 2px 0 #d6e7dd}.medal-item[data-earned='true'] img{filter:none;opacity:1}.medal-item[data-earned='true'] h4{color:#496238}.medal-item[data-earned='true'] .medal-status{color:#597647;font-weight:700}.medal-item[data-earned='true'] .medal-status::before{content:'✓ ';font-size:11px}.medal-footnote{font-size:10px;line-height:1.6;color:#818b74;margin:18px 0 0}#medal-book[open]{animation:notebook-open .18s ease-out}@keyframes notebook-open{from{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:740px){.header-actions{gap:5px}header{gap:8px}header .header-actions button{font-size:10px;padding:8px 9px;min-height:40px}#medals{gap:4px}#medals-count{font-size:8px;padding:2px 4px}.brand{font-size:22px}.brand span{font-size:8px;letter-spacing:.3px}}
@media(max-width:520px){#medal-book{padding:15px;max-height:calc(100dvh - 24px)}.medal-book-header h2{font-size:25px}.medal-grid{gap:8px}.medal-item{display:block;padding:10px}.medal-item img{width:42px;height:42px;margin-bottom:5px}.medal-item h4{font-size:12px}.medal-item p{font-size:10px;min-height:30px}.medal-status{font-size:9px}.medal-intro{margin-bottom:16px;font-size:11px}.medal-group-title{font-size:22px}.medal-group-title span{font-size:9px}}
@media(max-width:380px){header .brand{font-size:19px}.brand span{font-size:7px;letter-spacing:0}#medals-count{display:none}header .header-actions button{padding:8px;font-size:10px}.header-actions{gap:4px}}
@media(max-height:700px){#overlay:has(.result-card){padding:8px 12px}#overlay:has(.result-card) #companion{width:45px;height:45px}#overlay:has(.result-card) #title{font-size:23px;margin:0 0 8px}.result-card{padding:10px 13px 9px}.result-card::before{width:43px;height:43px;right:10px;top:9px}#overlay .result-card .result-height{font-size:28px;padding-right:43px}#overlay .result-card .result-medals{font-size:10px;margin-top:8px;padding-top:7px}#overlay .result-card .result-best{font-size:9px}#overlay .result-card .result-next{font-size:9px;margin-top:5px}#overlay:has(.result-card) #start{margin:9px 0 6px;padding:8px 20px;font-size:12px}}
@media(prefers-reduced-motion:reduce){#medal-book[open]{animation:none}}

/* Cool sky notebook palette shared with all six aerial maps. */
:root{--paper:#f3f9f8;--ink:#354c49;--green:#668f76}body{background-color:#edf5f3;background-image:radial-gradient(#bddbd64d .6px,transparent .6px);color:var(--ink)}header{border-color:#c9ddda}.brand span,aside p{color:#6b837e}button{background:#f4faf8;border-color:#bcd3ca}h1 em{color:#668f76}.notes{background:#e3f0e7;border-color:#c8dece;box-shadow:2px 4px 0 #d6e8df}.notes:before{background:#bedbd399}.game{background:#eaf5f5;border-color:#57736a;box-shadow:7px 8px 0 #d4e7df}.stats,.controls{background:#f0f8f5;border-color:#cbdfd6}.controls button{background:#e6f2e9}.controls button:active{background:#cde3d3}#overlay{background:linear-gradient(#ecf7f7c4,#f2f9f7ed 45%,#eaf5f4de)}#start{background:#6d997d;border-color:#5a8069;box-shadow:0 3px 0 #4f755e}#start:hover{background:#5f896e}#overlay:has(.result-card){background:#f1f8f7ee}.medal-book-header button{background:#eaf4f1}#medals-count{background:#dcece2;color:#507465}#sound[aria-pressed=true]{background:#dceee3}footer{color:#7d9990}