@media(max-aspect-ratio:4/5){#blind-panel .blind-paper:has(#blind-reward:not(.hidden)) .blind-box{min-height:3.4rem}#blind-panel .blind-paper:has(#blind-reward:not(.hidden)) #blind-grid{gap:.2rem;padding-top:2.7rem}#blind-panel .blind-paper:has(#blind-reward:not(.hidden)) .blind-box .jelly-toy{zoom:.82}#blind-panel .blind-art{max-width:15dvh}#blind-panel .blind-right{padding:.65rem}#blind-panel .blind-fortune p{line-height:1.45;margin:.25rem 0}#blind-panel .blind-caption{margin:.35rem 0}}#blind-panel .blind-footer{position:sticky;bottom:-.8rem;z-index:6;background:#f9f8ee;padding:.55rem 0 .7rem;border-top:1px solid #e3dfcf} .blind-online{background:#e8f3e7;border:1px solid #cbdcca;border-radius:1rem;padding:.65rem .85rem;margin:.5rem 0 .85rem;color:#426d65}.blind-online>div{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.blind-online b{font-size:.85rem}.blind-online span,.blind-online small{font-size:.7rem}.blind-online small{display:block;line-height:1.5}.blind-online .blind-timeline{display:block;position:relative;margin:.7rem .6rem .15rem;height:4.1rem}.blind-timeline #blind-online-progress{position:absolute;left:0;right:0;top:.48rem;height:.3rem;border-radius:1rem;background:#cfdbcd;overflow:hidden}.blind-timeline #blind-online-progress>i{display:block;height:100%;width:var(--reward-progress,0%);background:#2cae9c;border-radius:1rem}.blind-milestones{position:relative;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0}.blind-milestones li{position:relative;width:1.3rem;flex:0 0 1.3rem;text-align:center;color:#78867c}.blind-milestones li:first-child{margin-left:-.65rem}.blind-milestones li:last-child{margin-right:-.65rem}.blind-milestones .blind-reward-dot{display:grid;place-items:center;box-sizing:border-box;width:1.3rem;height:1.3rem;background:#f9f8ee;border:2px solid #bbcdbd;border-radius:50%;font-size:.57rem;font-weight:800;position:relative;z-index:1}.blind-milestones time{position:absolute;top:1.65rem;left:50%;transform:translateX(-50%);font-size:.65rem;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums}.blind-milestones li:nth-child(even) time{top:2.95rem}.blind-milestones li:after{content:'';position:absolute;width:1px;height:.25rem;background:#bbcebd;top:1.35rem;left:50%}.blind-milestones li:nth-child(even):after{height:1.5rem}.blind-milestones .granted{color:#247f70}.blind-milestones .granted .blind-reward-dot{background:#2ba995;border-color:#2ba995;color:#fffdf1;box-shadow:0 2px 0 #b3cbbb}.blind-milestones .next{color:#966727;font-weight:700}.blind-milestones .next .blind-reward-dot{border-color:#c8a45e;background:#fff4ce;color:#88632c;box-shadow:0 0 0 3px #e5ce914d}.blind-online #blind-next{font-weight:700;color:#2c7c70}/* Notebook uses the existing cream paper, mint and warm ink palette. */
#blind-panel .blind-book-tabs{display:flex;gap:.6rem;margin:.55rem 0 .7rem}
#blind-panel .blind-book-tabs button{display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.8rem;padding:.4rem .85rem;border:2px solid #657d6e;border-radius:.85rem;background:#f7f3e4;color:#365c55;font-weight:800;box-shadow:0 3px 0 #becbbb;touch-action:manipulation}
#blind-panel .blind-book-tabs button[aria-pressed="true"]{background:#bce0d3;border-color:#3c736b}
#blind-panel .blind-book-tabs svg{width:1.65rem;height:1.65rem}
#blind-panel .blind-book-tabs b{background:#fff6d8;border-radius:1rem;padding:.1rem .45rem;font-size:.75rem}
#blind-panel.reading-book .blind-online,#blind-panel.reading-book .blind-layout,#blind-panel.reading-book .blind-footer{display:none}
#blind-notebook{border:1px solid #d6cbb0;border-radius:1rem;padding:1rem 1.25rem .6rem;background:linear-gradient(90deg,#dacdb433,transparent 2rem),#fffcf0;box-shadow:inset .35rem 0 #ece1c8;color:#42665c}
.blind-book-heading{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding-bottom:.55rem;border-bottom:1px dashed #d8c8a2}
.blind-book-heading h3{margin:.25rem 0;font-size:1.2rem}.blind-book-heading small,.blind-book-heading>span{font-size:.7rem;color:#8a7c60}
#blind-book-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:18rem;text-align:center;gap:.75rem}
#blind-book-empty svg{width:5rem;height:5rem}#blind-book-empty p{font-size:.8rem;margin:0;line-height:1.7}
#blind-notebook button{min-height:2.8rem;border:1px solid #b6c9b6;border-radius:.75rem;padding:.45rem .8rem;background:#e6efe0;color:#365f57;touch-action:manipulation}
#blind-book-index{display:flex;gap:.45rem;overflow-x:auto;padding:.6rem .2rem;scrollbar-width:thin}
#blind-book-index button{flex:0 0 4rem;padding:.25rem}#blind-book-index .jelly-toy{zoom:.65}#blind-book-index small{font-size:.65rem}
#blind-book-index button[aria-pressed="true"]{background:#f8e4a4;border:2px solid #a88d4c}
.blind-book-page{text-align:center;padding:.4rem .4rem .15rem}
.blind-book-prize{display:flex;align-items:center;gap:.6rem;text-align:left;margin:0 auto .6rem;max-width:30rem}
.blind-book-prize>.jelly-toy{flex-shrink:0;margin:0}.blind-book-prize>span{margin-left:auto;font-size:.7rem;color:#9b8b67;white-space:nowrap}
.blind-book-prize h4{margin:.2rem 0;font-size:1.1rem}.blind-book-prize small{font-size:.7rem;color:#8d7c59}
#blind-notebook .blind-art{width:min(13rem,25dvh);max-width:none}
#blind-notebook .blind-fortune{max-width:32rem;margin:auto}#blind-notebook .blind-fortune p{font-size:.95rem;margin:.35rem 0}
.blind-book-paging{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-top:.55rem}.blind-book-paging output{font-size:.8rem;min-width:3rem;text-align:center}
#blind-notebook button:disabled{opacity:.4;cursor:default}.blind-book-session{text-align:center;font-size:.65rem;color:#8c876f;margin:.7rem 0 .1rem}
@media(max-width:480px){#blind-notebook{padding:.65rem .65rem .5rem}.blind-book-heading{align-items:start}.blind-book-heading>span{max-width:5rem;text-align:right}.blind-book-heading h3{font-size:1.05rem}#blind-panel .blind-book-tabs button{flex:1;padding:.4rem .45rem;font-size:.8rem}.blind-book-prize small{font-size:.62rem}.blind-book-prize h4{font-size:1rem}#blind-notebook .blind-caption{font-size:.65rem}#blind-notebook .blind-fortune p{font-size:.85rem}}
/* Compact reward header: counts, countdown and the milestone rail only. */
#blind-panel .blind-head{padding-right:3.6rem}
#blind-panel .blind-head h2{margin:.1rem 0 .4rem;font-size:clamp(1.15rem,2.5vw,1.5rem);line-height:1.3}
#blind-panel .blind-online{padding:.45rem .85rem .25rem;margin:.3rem 0 .6rem}
#blind-panel .blind-online>div:first-child{align-items:center;gap:.25rem .6rem}
#blind-panel .blind-online .blind-timeline{margin:.45rem .6rem 0;height:3.25rem}
#blind-panel .blind-milestones time{top:1.4rem}
#blind-panel .blind-milestones li:nth-child(even) time{top:2.35rem}
#blind-panel .blind-milestones li:after{height:.08rem}
#blind-panel .blind-milestones li:nth-child(even):after{height:.9rem}
@media(min-width:701px){#blind-panel .blind-online .blind-timeline{height:2.3rem}#blind-panel .blind-milestones li:nth-child(even) time{top:1.4rem}#blind-panel .blind-milestones li:nth-child(even):after{height:.08rem}}
@media(max-width:420px){.blind-online{padding:.65rem .5rem}.blind-milestones time{font-size:.6rem}.blind-online .blind-timeline{margin-inline:.55rem}}#blind-draw:disabled,#blind-machine-draw:disabled{opacity:.5;cursor:not-allowed}#blind-panel{z-index:12;background:#163f4c77}.blind-paper{width:min(70rem,94vw);max-height:95dvh;overflow:auto;background:#fcfaee;border:2px solid #e5f4e9;border-radius:1.6rem;box-shadow:0 20px 80px #183d4b66;padding:1.3rem 2rem;position:relative}.blind-head .eyebrow{color:#65938e}.blind-head h2{font-size:1.65rem;color:#285e63;margin:.35rem 0}.blind-head p{font-size:.74rem;color:#788b82;margin:.4rem 0 .8rem}.blind-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:1.6rem;align-items:center}.jelly-cabinet{border:solid #addbd4;border-width:.45rem .55rem .55rem;border-radius:1.05rem;background:#8cbdbe;box-shadow:inset 0 0 0 2px #6fa4a7,0 .4rem 0 #669fa1,0 .6rem 1rem #355b6122;overflow:hidden}.jelly-marquee{background:#f0efbd;color:#245d64;border:.3rem solid #b4dbd2;border-radius:.5rem;margin:.25rem .8rem .5rem;text-align:center;letter-spacing:.22em;font-size:1.3rem;font-weight:900;line-height:2.2rem;box-shadow:0 .25rem 0 #578d9555}.jelly-marquee span{font-size:.8rem;color:#92b9a9}.jelly-glass{position:relative;margin:0 .2rem;border-left:.4rem solid #d6eee0;border-right:.4rem solid #d6eee0;background:linear-gradient(115deg,#f1fff31f 0 12%,transparent 12% 16%,#e5ffff13 16% 21%,transparent 21%),linear-gradient(#315965,#54848e 75%,#84afb4);overflow:hidden;box-shadow:inset 0 0 1.5rem #23445133}.claw-rail{position:absolute;top:.7rem;left:4%;right:4%;height:.3rem;background:#afcccd;box-shadow:0 2px 0 #416773;border-radius:1rem}.claw-cord{position:absolute;left:18%;top:.75rem;width:3px;height:9%;background:linear-gradient(90deg,#77949d,#ecfbf3,#63878f);z-index:3}.jelly-claw{position:absolute;left:18%;top:9%;width:1.45rem;height:.65rem;transform:translateX(-50%);z-index:5;background:linear-gradient(90deg,#8da4ae,#effaf7 50%,#a3b9c2);border-radius:40% 40% 20% 20%}.jelly-claw>i{position:absolute;top:.4rem;left:50%;width:.22rem;height:1.1rem;background:linear-gradient(90deg,#9cb5c1,#f8fff6);border-radius:.3rem;transform-origin:top}.jelly-claw>i:first-child{transform:rotate(40deg);border-bottom:.2rem solid #ccdedc}.jelly-claw>i:nth-child(2){transform:rotate(-40deg)}.jelly-claw>i:nth-child(3){height:1.2rem}.jelly-claw.gripping>i:first-child{transform:rotate(19deg)}.jelly-claw.gripping>i:nth-child(2){transform:rotate(-19deg)}.claw-catch{position:absolute;left:50%;top:1rem;width:3.2rem;margin-left:-1.6rem}.claw-catch .jelly-toy{margin:0}#blind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem .35rem;padding:3.2rem .5rem .65rem}.blind-box{position:relative;background:transparent;border:1px solid transparent;border-radius:.7rem;padding:.25rem .1rem;min-width:0;min-height:4.25rem;color:#e8f6e9;touch-action:manipulation;box-shadow:none;transition:background .15s}.blind-box:hover{background:#e2fff21a}.blind-box small{display:block;font-size:.6rem;white-space:nowrap;position:relative;z-index:2}.blind-box.collected{background:#dbfff014}.blind-box.chosen{border-color:#fae9a2;background:#fffac12b;box-shadow:0 0 .5rem #e2eeb529}.blind-box.lifted>.jelly-toy{opacity:0}.jelly-stamp{position:absolute;right:.2rem;top:.15rem;font-size:.65rem;color:#c0d6ca}.collected .jelly-stamp{color:#fff2af}.jelly-toy{display:block;position:relative;width:3.2rem;height:3rem;margin:0 auto .15rem;filter:drop-shadow(0 .2rem .1rem #16344444);--jelly:#acd8dd}.jelly-body{position:absolute;inset:.22rem .25rem .05rem;background:radial-gradient(ellipse at 35% 20%,#ffffff65,transparent 52%),var(--jelly);border-radius:48% 48% 42% 42%;box-shadow:inset -.16rem -.2rem .25rem #526c7b24,inset .13rem .14rem .13rem #ffffff5e}.jelly-shine{position:absolute;top:.55rem;left:.85rem;width:.7rem;height:.35rem;background:#fff9;border-radius:60% 40%;transform:rotate(-23deg)}.jelly-eyes{position:absolute;top:1.5rem;left:.92rem;width:.28rem;height:.42rem;border-radius:50%;background:radial-gradient(circle at 45% 25%,#fff 0 14%,#233f59 26%);box-shadow:1.05rem 0 #233f59}.jelly-cheeks{position:absolute;top:1.98rem;left:.64rem;width:.35rem;height:.17rem;background:#f8acb9;border-radius:50%;box-shadow:1.55rem 0 #f8acb9}.jelly-smile{position:absolute;top:1.96rem;left:1.4rem;width:.36rem;height:.25rem;border:solid #365367;border-width:0 0 2px;border-radius:0 0 50% 50%}.jelly-ear{display:none;position:absolute;background:var(--jelly);box-shadow:inset .1rem .12rem .16rem #ffffff65}.jelly-ear.left{left:.3rem}.jelly-ear.right{right:.3rem}.bunny .jelly-ear{display:block;width:.68rem;height:1.2rem;top:-.38rem;border-radius:60%;border:.13rem solid #ffffff33}.bear .jelly-ear,.frog .jelly-ear{display:block;width:.9rem;height:.9rem;top:0;border-radius:50%;border:.16rem solid #ffffff30}.frog .jelly-body{border-radius:40%}.drop .jelly-body{border-radius:65% 40% 45% 45%}.drop .jelly-ear.left{display:block;width:.7rem;height:.8rem;top:-.13rem;left:1.25rem;transform:rotate(25deg);border-radius:90% 10% 60% 0}.star .jelly-body{inset:0;background:linear-gradient(130deg,#fff6,transparent 65%),var(--jelly);clip-path:polygon(50% 0,65% 31%,100% 37%,75% 61%,81% 99%,50% 80%,19% 99%,25% 61%,0 37%,35% 31%);border-radius:0}.star .jelly-shine{left:1.45rem;top:.5rem;width:.25rem}.jelly-feet{position:absolute;left:.2rem;bottom:0;width:.9rem;height:.55rem;border-radius:50%;background:var(--jelly);box-shadow:1.9rem 0 var(--jelly),inset 0 .15rem #ffffff35}.star .jelly-feet{display:none}.octopus .jelly-feet{width:.72rem;height:.72rem;box-shadow:.69rem .12rem var(--jelly),1.38rem .12rem var(--jelly),2.07rem 0 var(--jelly),inset 0 .15rem #ffffff35}.jelly-console{position:relative;height:3.8rem;background:linear-gradient(#bbdfd5 0 13%,#87bdbd 14% 38%,#a9d4cb 39%);border-top:.35rem solid #d9edd7;padding:.7rem 1rem}.jelly-chute{position:absolute;left:.65rem;top:.55rem;width:28%;height:2.4rem;background:#284e5d;border:.3rem solid #b7dacb;border-radius:.3rem;box-shadow:0 .3rem 0 #f1edc3;display:grid;place-items:center}.jelly-chute span{font-size:.62rem;color:#c0d7cb}.jelly-joystick{position:absolute;left:48%;top:-.25rem;width:.25rem;height:1.2rem;background:#d4e6dc;box-shadow:0 .65rem 0 .15rem #699aa0}.jelly-joystick:before{content:'';position:absolute;top:-.45rem;left:-.42rem;width:1.1rem;height:1.1rem;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff8,#e79bb1 65%);box-shadow:0 .1rem .1rem #42657244}.jelly-leds{position:absolute;top:.25rem;left:57%;color:#3c737b;font-size:.45rem;letter-spacing:.25rem}#blind-machine-draw{position:absolute;right:10%;top:-.25rem;min-width:2.6rem;min-height:2.5rem;border-radius:50%;background:#f3efc6;border:3px solid #e5e8bd;box-shadow:0 .2rem 0 #789e92;touch-action:manipulation}#blind-machine-draw:before{content:'';position:absolute;inset:-.6rem;border-radius:50%}#blind-machine-draw:active{transform:translateY(.12rem)}.jelly-chute>.jelly-toy{position:absolute;bottom:-.15rem;left:50%;margin-left:-1.6rem;transform:scale(.65);transform-origin:bottom center}.jelly-chute>.jelly-toy .jelly-cheeks{font-size:inherit}.jelly-console>b{position:absolute;bottom:.35rem;right:10%;font-size:.65rem;letter-spacing:.22em;color:#2a7077}.drawing .jelly-leds{color:#fff1a1}#blind-collection{font-size:.69rem;color:#66877e;margin:.7rem 0 0;text-align:center}.blind-right{min-height:19rem;border-radius:1rem;background:radial-gradient(ellipse at 50% 10%,#fffdf6,#f1efdf);border:1px solid #e8e6d4;padding:1.2rem;text-align:center;box-shadow:inset 0 0 1rem #fff9}#blind-preview{display:flex;min-height:17rem;flex-direction:column;justify-content:center;align-items:center;color:#607b73}#blind-preview>span{display:block;font-size:4rem;color:#d7ba6d;text-shadow:0 .2rem 0 #ede0b7}#blind-preview b{font-size:1rem}#blind-preview p{font-size:.8rem;line-height:1.9}.blind-art{width:13rem;max-width:31vh;aspect-ratio:1;margin:0 auto;background-color:#fffcf3;background-size:400% 300%;border:.4rem solid #fffdf4;border-radius:.5rem;box-shadow:0 4px 12px #80705a20;display:grid;place-items:center;color:#a1978a;font-size:.7rem}.blind-caption{font-size:.68rem;color:#8b7e71;margin:.65rem 0}.blind-fortune{border-top:1px dashed #d5c9b7;padding-top:.55rem}.blind-fortune small{color:#aa8958;font-size:.7rem;letter-spacing:.2em}.blind-fortune p{margin:.4rem 0;font-size:1rem;line-height:1.7;color:#456f65}.blind-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.8rem}.blind-footer>span{font-size:.72rem;color:#6e8a80}.blind-footer button{border-radius:2rem;background:#387c7c;color:#fff9e9;min-width:12rem;min-height:3.5rem;padding:.7rem 1.2rem;font-weight:bold;flex-shrink:0;box-shadow:0 .22rem 0 #245d65}.blind-footer button small{font-size:.65rem;margin-left:.5rem;color:#e7eacb}#blind-panel button:focus-visible{outline:3px solid #d0ab66;outline-offset:2px}#blind-close{min-width:3.6rem;min-height:3.6rem;color:#326971}#blind-panel .hidden{display:none!important}@media(max-height:560px){.blind-paper{padding:1rem 1.5rem}.blind-head h2{font-size:1.35rem}.blind-head p{margin-bottom:.6rem}.jelly-marquee{line-height:1.6rem;font-size:1.05rem;margin-bottom:.3rem}#blind-grid{padding-top:2.35rem;gap:.2rem}.blind-box{min-height:3.8rem;padding:.1rem}.jelly-toy{width:3.2rem;height:3rem;zoom:.85}.claw-catch{zoom:.85}.blind-right{min-height:15rem;padding:.7rem}#blind-preview{min-height:14rem}.blind-layout{gap:1.2rem}.blind-footer{margin-top:.55rem}.blind-fortune p{font-size:.9rem}.blind-art{max-width:29vh}.jelly-console{height:3rem}.jelly-chute{height:1.7rem}.blind-head .eyebrow{font-size:.6rem}}@media(max-width:700px){.blind-paper{padding:.8rem 1rem}.blind-layout{gap:.7rem;grid-template-columns:1.18fr 1fr}.blind-box small{font-size:.53rem}.blind-footer>span{max-width:55%}.blind-head p{font-size:.65rem}.jelly-marquee{letter-spacing:.1em}.blind-right{padding:.6rem}.blind-caption{font-size:.6rem}.blind-fortune p{font-size:.85rem}}