/* A shared charcoal hardware finish for the archive controls. */
.index{background:linear-gradient(145deg,#292c2e,#151719 75%);color:#e7e8e4;border:1px solid #555b5f;border-radius:13px;box-shadow:5px 6px 0 #33383b,0 18px 35px #0007;overflow:hidden}
.window-bar{background:#1b1e20;border:0;border-bottom:1px solid #ffffff12;padding:17px 15px;font:600 15px 'DM Sans',sans-serif}.window-bar span{background:none;padding:0}.window-bar .panel-label{color:#ffdc00;font:12px monospace}
.search{border:1px solid #454a4c;border-radius:6px;background:#101214;margin:16px 12px;color:#ffdc00;padding:8px 10px}.search input{color:#f1f2ee;font-size:14px}.search input::placeholder{color:#a3a7a8}.search:focus-within{border-color:#ffdc00}.index-label{color:#a8adaa;font:11px 'Courier New',monospace}.index-label #count{color:#ffdc00}.entry{border-top:1px solid #ffffff0d;color:#c9cecd;padding:12px}.entry:hover{background:#303537}.entry.selected{background:#ffdc0010;box-shadow:inset 3px 0 #ffdc00;color:#ffdf40}.entry img{border-radius:4px;filter:saturate(.8)}.entry small{color:#bfc4c2;opacity:.8;font-size:11px}.entry strong{font-weight:500}.results{scrollbar-color:#555c5d #151819;scrollbar-width:thin}.index-footer{border-color:#ffffff13;color:#838b8c;font-size:9px;letter-spacing:1px;padding:14px}
.disk,.disk:nth-child(n){background:linear-gradient(135deg,#363a3d,#17191b 72%);color:#f4f4ef;border:1px solid #616769;border-radius:5px 12px 5px 5px;box-shadow:4px 5px 0 #34383b,0 10px 18px #0005;padding:0 13px 12px;transform:rotate(3deg);margin-bottom:9px;transition:transform .25s,box-shadow .25s,border-color .25s}.disk:nth-child(2n){transform:rotate(-3deg)}.disk .disk-top{background:linear-gradient(110deg,#777e80,#a3a9a8 40%,#585f60);color:#171b1d;border:1px solid #abb0ad;border-top:0;border-radius:0 0 3px 3px;margin:0 12px 10px;padding:8px 3px;font:9px 'Courier New',monospace}.disk strong{background:#111416;border:1px solid #454b4c;border-top:3px solid #bb9d16;border-radius:2px;padding:8px;font:500 17px/1.08 'Space Grotesk',sans-serif;color:#eef0e9}.disk small{font:8px 'Courier New',monospace;letter-spacing:.4px;color:#a0aaa8;margin-top:8px}.disk.active{outline:none;border-color:#ffdc00;box-shadow:4px 5px 0 #635713,0 0 20px #ffdc0011;transform:translateX(-8px)}.disk.active strong{color:#ffdf40;border-top-color:#ffdc00}.disk:hover{transform:translateX(-8px) rotate(0)}.collections>.eyebrow{color:#b6bdbb;font-size:11px}.disks{padding-top:16px}.disk-note{color:#7c8584}.flying-disk{box-shadow:4px 5px 12px #0006!important}
.sapinho{left:calc(50% - (1 - var(--frog-progress,0))*210px);width:calc(270px + var(--frog-progress,0)*250px);bottom:calc(25px - var(--frog-progress,0)*465px);transform:translateX(-50%)}
.sapinho-sprite{position:relative;background:none;filter:drop-shadow(0 12px 20px #0007)}.pose{position:absolute;inset:0;background-image:url('sapinho-turn-front.png');background-size:400% 200%;background-repeat:no-repeat}
.intro-screen p{font-size:clamp(15px,1.65vw,24px);line-height:1.25;min-height:3.75em;margin:12px 0}.terminal-bottom{font-size:9px;letter-spacing:.2px;opacity:.8}
@media(max-width:1000px) and (min-width:701px){.sapinho{left:calc(50% - (1 - var(--frog-progress,0))*170px);width:calc(230px + var(--frog-progress,0)*230px);bottom:calc(20px - var(--frog-progress,0)*410px)}.disk,.disk:nth-child(n){height:105px;min-height:105px;width:118px;padding:0 10px 8px;margin-bottom:8px}.disk .disk-top{font-size:8px;padding:4px 2px;margin:0 8px 6px}.disk strong{font-size:14px;padding:5px}.disk small{font-size:7px;margin-top:5px}.stage-collections{top:59%}.terminal-bottom{display:block;font-size:7px}}
@media(max-width:700px){.sapinho{left:calc(50% - (1 - var(--frog-progress,0))*100px);top:calc(450px + var(--frog-progress,0)*95px);bottom:auto;width:calc(190px + var(--frog-progress,0)*150px);transform:translateX(-50%)}.intro-screen p{font-size:clamp(15px,4.4vw,22px)}.terminal-bottom{font-size:7px}.disk,.disk:nth-child(n){width:138px;min-height:135px;margin-bottom:6px}.disk strong{font-size:16px}.disk.active,.disk:hover{transform:translateY(-4px)}.index-label{font-size:12px}.index-footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sapinho{transform:translateX(-50%)}}


.pose-a{background-image:url(sapinho-turn-front.png);background-size:400% 200%;opacity:1;transition:none}