.guide{z-index:3;padding-block:28px 90px;position:relative}.gd-head h1{font:400 clamp(38px, 6vw, 66px)/1 var(--f-display);text-wrap:balance;margin:0 0 12px}.gd-head p{max-width:48ch;margin:0;font-size:18px;line-height:1.45}.gd-board{grid-template-columns:minmax(0,1fr) minmax(0,400px);align-items:start;gap:56px;margin-top:46px;display:grid}.gd-gaff{z-index:1;pointer-events:none;clip-path:polygon(0 8%,4% 0,8% 10%,12% 0,88% 0,92% 9%,96% 0,100% 10%,100% 92%,96% 100%,92% 90%,88% 100%,12% 100%,8% 91%,4% 100%,0 90%);background:repeating-linear-gradient(90deg,#ffffff0f 0 1px,#0000 1px 4px),#1c1c1e;width:130px;height:32px;position:absolute;box-shadow:0 2px 4px #0000004d}.gd-gaff-l{top:-14px;left:34px;rotate:-4deg}.gd-gaff-r{width:112px;top:-12px;right:46px;rotate:5deg}.gd-gaff-c{width:128px;top:-15px;left:calc(50% - 64px);rotate:-2deg}.gd-sheet{color:var(--ink);background:var(--paper);border-radius:2px;margin:14px 6px 0;padding:44px clamp(18px,3.4vw,44px) 38px;position:relative;rotate:-.8deg;box-shadow:0 1px #d8d8d8,6px 18px 34px #00000057}.gd-sheet-top{border-bottom:5px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:10px;display:flex}.gd-sheet-top h2{font:400 clamp(26px, 3.4vw, 40px)/1 var(--f-display);margin:0}.gd-year{font:400 clamp(18px, 2vw, 22px)/1 var(--f-display);color:var(--carmine)}.gd-song{border-bottom:2px solid #e3e0d8}.gd-song>summary{cursor:pointer;grid-template-columns:46px minmax(0,1fr) auto 22px;align-items:baseline;gap:0 14px;padding:13px 6px 12px;list-style:none;display:grid}.gd-song>summary::-webkit-details-marker{display:none}.gd-song>summary:hover{background:#f3f1ec}.gd-song>summary:focus-visible{outline:3px solid var(--carmine);outline-offset:-3px}.gd-n{font:400 clamp(20px, 2.2vw, 26px)/1 var(--f-display);color:var(--carmine);justify-self:center;position:relative}.gd-n:before{content:"";border:3px solid var(--carmine);opacity:0;border-radius:52% 46% 55% 44%/48% 56% 42% 52%;transition:transform .3s cubic-bezier(.3,1.4,.5,1),opacity .2s;position:absolute;inset:-.32em -.42em -.26em;transform:scale(.6)rotate(-30deg)}.gd-song[open] .gd-n:before{opacity:1;transform:rotate(-8deg)}.gd-t{font:400 clamp(19px, 2.4vw, 29px)/1.12 var(--f-display);overflow-wrap:anywhere}.gd-m{font:500 13px/1.2 var(--f-body);color:#555;text-align:right}.gd-x{align-self:center;width:18px;height:18px;position:relative}.gd-x:before,.gd-x:after{content:"";background:var(--ink);border-radius:2px;height:3px;position:absolute;top:calc(50% - 1.5px);left:0;right:0}.gd-x:after{transition:transform .25s ease-out;transform:rotate(90deg)}.gd-song[open] .gd-x:after{transform:rotate(90deg)scaleX(0)}.gd-body{padding:4px 6px 20px 66px}.gd-song[open] .gd-body{animation:.28s ease-out gd-in}@keyframes gd-in{0%{opacity:0;transform:translateY(-6px)}}.gd-body p{max-width:60ch;margin:0;font-size:16px;line-height:1.5}.gd-go{color:var(--carmine);text-underline-offset:4px;margin-top:10px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;display:inline-block}.gd-go:hover{color:var(--ink)}.gd-go:focus-visible,.gd-eras a:focus-visible,.gd-log a:focus-visible{outline:3px solid var(--carmine);outline-offset:3px}.gd-eras{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.gd-eras a{border:2px solid var(--ink);border-left:9px solid var(--c);background:var(--paper);color:var(--ink);border-radius:6px;padding:6px 11px 7px;text-decoration:none;transition:transform .15s;display:grid}.gd-eras a:hover{transform:translateY(-2px)rotate(-1deg)}.gd-eras b{font:400 17px/1.1 var(--f-display)}.gd-eras span{color:#444;max-width:16ch;font-size:12px;line-height:1.25}.gd-encore{font:400 clamp(20px, 2.4vw, 28px)/1 var(--f-display);color:var(--carmine);text-transform:uppercase;align-items:center;gap:14px;margin:28px 0 4px;display:flex}.gd-encore:before,.gd-encore:after{content:"";background:var(--ink);border-radius:2px;flex:1;height:3px}.gd-encore:before{rotate:.6deg}.gd-encore:after{rotate:-.8deg}.gd-side{gap:34px;padding-top:30px;display:grid}.gd-news{color:#151515;background:#f4efe2;padding:36px 28px 26px;font-family:Courier New,Courier,Liberation Mono,Nimbus Mono PS,monospace;position:relative;rotate:1.4deg;box-shadow:0 1px #d5cfbf,6px 16px 30px #0000004d}.gd-news h2{letter-spacing:.04em;margin:0;font-size:22px;font-weight:700;line-height:1.1}.gd-news-sub{color:#555;margin:4px 0 14px;font-size:13px}.gd-log{margin:0;padding:0;list-style:none}.gd-log li{grid-template-columns:3.4em minmax(0,1fr) 1.1em;gap:10px;padding:6px 0;font-size:15px;line-height:1.35;display:grid}.gd-log li.is-first{border-top:1px dashed #b3ab99;padding-top:9px}.gd-log li:first-child{border-top:0}.gd-log time{grid-column:1;font-weight:700}.gd-log-t{grid-column:2}.gd-log-t small{color:#555;font-size:13px;display:block}.gd-log-t a{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.gd-log-t a:hover{color:var(--carmine);text-decoration-style:solid}.gd-log-k{text-align:center;color:var(--carmine);grid-column:3;font-size:17px;font-weight:700;line-height:1.2}.gd-log li.is-fresh .gd-log-t>:is(a,span:not(.sr-only)),.gd-legend mark{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(100deg,#0000 0 1%,#ffe45c 2% 97%,#0000 99%) 0 60%/100% 70% no-repeat;padding:0 .15em}.gd-more{border-top:1px dashed #b3ab99;margin-top:2px}.gd-more>summary{cursor:pointer;padding:9px 0 4px;font-weight:700;list-style:none}.gd-more>summary::-webkit-details-marker{display:none}.gd-more>summary:before{content:"▸";margin-right:.5em;transition:transform .2s;display:inline-block}.gd-more[open]>summary:before{transform:rotate(90deg)}.gd-more>summary:focus-visible{outline:3px solid var(--carmine);outline-offset:2px}.gd-more .gd-log li:first-child{border-top:0}.gd-legend{flex-wrap:wrap;gap:4px 16px;margin:14px 0 0;font-size:13px;display:flex}.gd-legend b{color:var(--carmine)}.gd-legend [hidden]{display:none}.gd-stickers{height:300px;position:relative}.gd-stickers img{width:auto;filter:var(--dim);position:absolute;bottom:0}.gd-st-a{height:290px;left:4%;rotate:-4deg}.gd-st-b{height:248px;bottom:6px;right:2%;rotate:5deg}:root[data-mode=memorial] .gd-eras{filter:grayscale()}:root[data-mode=memorial] .gd-stickers img{filter:grayscale()brightness(.8)}:root[data-mode=memorial] :is(.gd-log li.is-fresh .gd-log-t>:is(a,span:not(.sr-only)),.gd-legend mark){background-image:linear-gradient(100deg,#0000 0 1%,#c2c2be 2% 97%,#0000 99%)}@media (width<=960px){.gd-board{grid-template-columns:minmax(0,1fr);gap:34px}.gd-side{grid-template-columns:minmax(0,1fr) minmax(0,260px);align-items:end;padding-top:10px}.gd-stickers{height:260px}.gd-st-a{height:250px}.gd-st-b{height:210px}}@media (width<=640px){.guide{padding-top:18px}.gd-head p{font-size:16px}.gd-board{margin-top:32px}.gd-sheet{margin-inline:2px;padding:36px 14px 28px;rotate:-.4deg}.gd-gaff{width:92px;height:28px}.gd-sheet-top h2{font-size:22px}.gd-year{font-size:16px}.gd-gaff-l{left:14px}.gd-gaff-r{width:84px;right:18px}.gd-gaff-c{left:calc(50% - 46px)}.gd-song>summary{grid-template-columns:34px minmax(0,1fr) 16px;gap:2px 10px;padding:12px 4px 11px}.gd-m{text-align:left;grid-area:2/2}.gd-x{grid-area:1/3;width:16px;height:16px}.gd-body{padding:2px 4px 18px 48px}.gd-body p{font-size:15px}.gd-side{grid-template-columns:minmax(0,1fr);gap:26px}.gd-news{margin-inline:2px;padding:32px 16px 22px;rotate:.5deg}.gd-log li{grid-template-columns:3.1em minmax(0,1fr) 1em;gap:8px;font-size:14px}.gd-stickers{justify-self:center;width:100%;max-width:360px;height:220px}.gd-st-a{height:210px}.gd-st-b{height:176px}}@media (prefers-reduced-motion:reduce){@keyframes gd-in{0%{opacity:0;transform:translateY(-2px)}}.gd-song[open] .gd-body{animation-duration:.6s}.gd-n:before{transition-duration:.7s,.5s;transition-timing-function:ease-out;transform:scale(.9)rotate(-12deg)}.gd-x:after{transition-duration:.5s}.gd-eras a:hover{transform:translateY(-1px)}}
