@charset "UTF-8";
:root{--ink:#13191d;--paper:#f2f1ec;--muted:#616a6f;--line:#d5d8d5;--blue:#a9d4fb;--accent:#204c74;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-size:14px;line-height:1.7}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #468ecc;outline-offset:4px}button{color:inherit}button:disabled{cursor:default;opacity:.5}.skip{position:absolute;left:20px;top:-80px;background:white;padding:15px;z-index:20}.skip:focus{top:10px}.masthead{height:83px;background:#101417;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff26}.brand{font-size:25px;font-weight:900;letter-spacing:-1px;display:flex;align-items:center;gap:18px}.brand span{font:10px var(--mono);letter-spacing:2px;border-left:1px solid #ffffff54;padding-left:18px}.edition{font:9px var(--mono);letter-spacing:1.4px;color:#a7b0b6}.edition i{font-style:normal;color:var(--blue);padding:0 12px}.saved-top{border:1px solid #ffffff3b;background:none;color:#fff;border-radius:2px;padding:9px 13px;font-size:11px}.saved-top b{margin-left:12px;color:var(--blue)}.hero{position:relative;isolation:isolate;min-height:540px;background:#101417;color:white;overflow:hidden}.hero-art{position:absolute;inset:0 0 0 27%;z-index:-1;background:radial-gradient(ellipse at 65% 57%,#3b6b8a55,transparent 60%),linear-gradient(110deg,#101417 5%,#0d1d2a 60%,#0a111a);overflow:hidden}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101417,transparent 48%),linear-gradient(0deg,#101417 0%,transparent 45%);z-index:3}.beam{position:absolute;top:-20%;height:140%;width:12%;background:linear-gradient(180deg,#ebf8ff99,#90cbfa33 65%,transparent);filter:blur(8px);transform-origin:50% 0;clip-path:polygon(44% 0,56% 0,100% 100%,0 100%)}.b1{left:22%;transform:rotate(-30deg);width:24%;opacity:.7}.b2{left:70%;transform:rotate(27deg);width:26%}.b3{left:40%;transform:rotate(-5deg);width:8%;opacity:.6}.b4{left:90%;transform:rotate(15deg);width:8%;opacity:.9}.stage-grid{position:absolute;left:28%;right:-15%;top:18%;height:57%;border:1px solid #91ccf94a;transform:perspective(600px) rotateY(-19deg);background:repeating-linear-gradient(90deg,transparent 0 58px,#b9e5ff19 58px 60px),repeating-linear-gradient(0deg,transparent 0 47px,#b9e5ff13 47px 49px);box-shadow:0 -2px 22px #67b8e9}.stage{position:absolute;top:72%;width:100%;height:3px;background:linear-gradient(90deg,transparent,#b6e2ff,transparent);box-shadow:0 0 15px #78c2ff,0 16px 50px #c8e5ff}.crowd{position:absolute;bottom:18%;left:28%;right:0;height:40px;background:radial-gradient(ellipse at 10px 20px,#080d13 5px,transparent 6px) 0 0/25px 30px,radial-gradient(ellipse at 16px 35px,#080d13 11px,transparent 12px) 0 0/31px 50px;opacity:.8}.art-caption{position:absolute;top:35px;right:35px;writing-mode:vertical-rl;font:8px var(--mono);letter-spacing:2px;color:#8ca4b8;z-index:4}.hero-copy{padding:63px 6% 89px;max-width:680px}.eyebrow{font:10px var(--mono);letter-spacing:2px;margin:0 0 19px}.live-dot{display:inline-block;background:var(--blue);width:6px;height:6px;border-radius:50%;margin-right:9px;vertical-align:1px}h1{font-size:clamp(30px,3.1vw,47px);line-height:1.5;letter-spacing:.04em;font-weight:600;margin:0 0 20px}.intro{color:#aebfc9;line-height:1.95;font-size:13px;margin-bottom:27px}.primary{display:inline-flex;gap:60px;align-items:center;background:var(--blue);color:#142333;padding:12px 22px;font-size:12px;font-weight:bold}.primary span{font-size:22px;line-height:1}.hero-small{font:9px var(--mono);color:#7d929f;margin-top:19px;letter-spacing:1px}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;height:55px;border-top:1px solid #ffffff2b;display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);letter-spacing:2px;color:#a5b6c0}.hero-bottom em{font-style:normal;color:#637987;margin-left:20px}main{max-width:1360px;margin:auto;padding:55px 5% 70px}.archive-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.archive-heading .eyebrow{font-size:9px;color:var(--accent);margin-bottom:9px}h2{margin:0;font-size:23px;font-weight:600;letter-spacing:.03em}.stats{font:10px var(--mono);color:var(--muted)}.stats strong{font-size:20px;font-weight:500;color:var(--ink);margin:0 5px 0 15px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:35px;margin-bottom:27px}.tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:15px 0 13px;font-size:12px;letter-spacing:.07em;font-weight:bold;color:#6e767b}.tabs button small{font-size:9px;font-weight:normal;display:block;letter-spacing:0;margin-top:4px}.tabs button.active{color:var(--ink);border-bottom-color:var(--ink)}.controls{display:flex;gap:12px}.search{display:flex;align-items:center;gap:12px;border:1px solid #c7cdcd;background:#fafaf7;flex:1;padding:0 15px;min-width:0}.search>span{font-size:25px;line-height:1}.search input{background:none;border:0;outline:none;min-width:0;width:100%;padding:13px 0;font-size:12px}.search kbd{border:1px solid var(--line);color:#879095;padding:0 5px;font:11px var(--mono)}.select-label{display:flex;align-items:center;gap:10px;border:1px solid #c7cdcd;padding:0 12px}.select-label span{font:9px var(--mono);color:var(--muted)}select{border:0;background:transparent;font-size:12px;color:var(--ink);padding:10px 1px;max-width:100%}.filter-fav{background:none;border:1px solid #c7cdcd;padding:10px 18px;font-size:12px}.filter-fav[aria-pressed=true]{background:var(--ink);color:white}.result-bar{display:flex;align-items:center;justify-content:space-between;margin:17px 0 20px;font-size:10px;color:var(--muted)}.result-bar p{margin:0}.text-button{background:none;border:0;padding:5px 0;font-size:11px;color:var(--accent);text-decoration:underline;text-underline-offset:4px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{position:relative;background:#fafaf7;border:1px solid #d5d8d5;display:flex;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #152b3710}.card-art{height:128px;position:relative;overflow:hidden;background:#152330;color:#cfdfec;padding:20px}.card-art:before{content:"";position:absolute;inset:-100% -20%;transform:rotate(-28deg);background:repeating-linear-gradient(90deg,transparent 0 72px,#a2d3ef45 73px,#a2d3ef08 81px,transparent 106px);filter:blur(1px)}.card-art:after{content:"";position:absolute;bottom:24px;left:20px;right:20px;height:1px;background:#b9e4ff44}.card:nth-child(4n+2) .card-art{background:#293435}.card:nth-child(4n+3) .card-art{background:#18283c}.card:nth-child(4n) .card-art{background:#343334}.art-year{position:relative;font:43px var(--mono);font-weight:200;letter-spacing:-3px;color:#e2edf6}.art-category{position:absolute;left:21px;bottom:9px;font:8px var(--mono);letter-spacing:2px}.fav-button{position:absolute;right:13px;top:13px;background:#101820ad;border:1px solid #a8c6dc65;color:#fff;width:35px;height:35px;font-size:22px;display:grid;place-items:center;padding:0}.fav-button[aria-pressed=true]{color:var(--blue);background:#101820}.card-body{padding:21px 20px 16px;display:flex;flex:1;flex-direction:column}.card-period{font:10px var(--mono);color:var(--muted);margin:0 0 11px}.card h3{font-size:22px;line-height:1.28;letter-spacing:-.04em;margin:0 0 7px;overflow-wrap:anywhere}.full-title{font-size:10px;line-height:1.65;color:var(--muted);margin:0 0 17px;min-height:34px}.card-meta{display:flex;gap:15px;font-size:10px;margin-top:auto;padding-top:5px}.card-meta strong{font:18px var(--mono);margin-right:4px}.badge{display:inline-flex;background:#e6edf1;color:#35516a;padding:3px 7px;font-size:9px;line-height:1.5}.badge.unknown{background:#eee8dc;color:#735f3f}.card-foot{display:flex;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:15px}.open-card{border:0;background:none;padding:2px 0;font-size:11px;white-space:nowrap}.empty{text-align:center;border:1px solid var(--line);padding:60px 20px;color:var(--muted)}.empty strong{display:block;color:var(--ink);font-size:17px}.editorial-note{border-top:1px solid #a9b3b6;display:flex;gap:22px;margin-top:48px;padding:28px 0;max-width:850px}.note-symbol{font:28px var(--mono);color:var(--accent)}.editorial-note h3{font-size:14px;margin:0 0 10px}.editorial-note p{font-size:12px;color:var(--muted);margin:0 0 12px;line-height:1.9}footer{background:#e5e7e3;padding:37px 5%;font-size:10px;color:#5a646a;border-top:1px solid var(--line)}.footer-brand{font-size:22px;font-weight:900;letter-spacing:-1px;color:var(--ink);display:flex;gap:16px;align-items:center}.footer-brand span{font:9px var(--mono);letter-spacing:1.5px}footer p{margin:20px 0}.footer-links{display:flex;gap:25px;font:9px var(--mono);letter-spacing:1px;margin-bottom:25px}footer>small{font:8px var(--mono);letter-spacing:1px}.history-year{display:grid;grid-template-columns:70px 1fr;gap:22px;margin:30px 0}.history-year>h3{font:25px var(--mono);margin:0;color:var(--accent)}.history-row{display:grid;grid-template-columns:94px minmax(0,1fr) auto;gap:15px;align-items:center;padding:17px 0;border-top:1px solid var(--line)}.history-date{font:12px var(--mono)}.history-row h4{font-size:13px;margin:0}.history-row p{font-size:10px;color:var(--muted);margin:3px 0}.history-row .open-card{font-size:10px}.song-row{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:12px;border-top:1px solid var(--line);padding:17px 5px;align-items:start}.song-number{font:11px var(--mono);color:#869298;padding-top:5px}.song-row h3{font-size:16px;margin:0 0 8px}.song-links{display:flex;flex-wrap:wrap;gap:6px}.song-links button{background:#e2e7e8;border:0;padding:4px 8px;font-size:10px;color:#3e5564}.song-count{font:11px var(--mono);color:var(--muted)}.view-note{padding:12px 15px;background:#e5eaeb;color:#52646d;font-size:11px;margin:0 0 22px;line-height:1.85}.compare-selects{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.compare-selects label{display:block;font:10px var(--mono);color:var(--muted)}.compare-selects select{display:block;width:100%;border:1px solid var(--line);padding:12px;background:#fff;margin-top:8px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-panel{background:#fafaf7;border:1px solid var(--line);padding:22px;min-width:0}.compare-panel h3{font-size:18px;margin:0 0 10px}.compare-panel p{font-size:10px;color:var(--muted)}.compare-list{list-style:none;padding:0;margin-top:22px}.compare-list li{display:flex;align-items:start;gap:10px;border-top:1px solid var(--line);padding:9px 3px;font-size:11px}.compare-list li.unique{background:#e0edf5}.compare-list span{font:10px var(--mono);color:#758a97;padding-top:3px;min-width:22px}dialog{border:0;padding:0;width:min(960px,calc(100% - 50px));max-height:90dvh;background:var(--paper);color:var(--ink);box-shadow:0 30px 80px #0005}dialog::backdrop{background:#08141bcc;backdrop-filter:blur(6px)}body:has(dialog[open]){overflow:hidden}.dialog-toolbar{position:sticky;top:0;background:var(--ink);color:white;padding:13px 26px;display:flex;align-items:center;justify-content:space-between;z-index:5}.dialog-toolbar span{font:9px var(--mono);letter-spacing:1px}.dialog-toolbar button{background:none;border:0;color:white;font-size:12px;min-height:32px}.detail-header{padding:30px 35px;border-bottom:1px solid var(--line);background:#e6e9e5}.detail-header .eyebrow{margin-bottom:9px}.detail-header h2{font-size:29px;line-height:1.3;overflow-wrap:anywhere}.detail-header .full-title{margin:10px 0;min-height:0}.detail-info{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;font:11px var(--mono)}.detail-info button{background:none;border:1px solid #acb8bc;padding:8px 15px;font-size:11px}.detail-body{padding:30px 35px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:35px}.detail-body h3{font:12px var(--mono);letter-spacing:1px;margin:0 0 14px}.scope{font-size:11px;color:#536c7a;line-height:1.8;background:#e3eaed;padding:13px;margin:0 0 20px}.setlist{list-style:none;margin:0 0 30px;padding:0;counter-reset:songs}.setlist li{border-bottom:1px solid var(--line);padding:10px 0;display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;font-size:13px}.setlist li:before{counter-increment:songs;content:counter(songs,decimal-leading-zero);font:10px var(--mono);color:#7a8e9c;padding-top:5px}.setlist small{display:block;font-size:10px;color:var(--muted)}.detail-schedule{margin-bottom:28px;max-height:420px;overflow:auto;overscroll-behavior:contain;border-bottom:1px solid var(--line)}.show{padding:12px 0;border-top:1px solid var(--line);font-size:11px}.show time{font:11px var(--mono);color:var(--accent)}.show strong{display:block;font-weight:500;font-size:12px;margin-top:4px}.show p{margin:4px 0;font-size:10px;color:var(--muted)}.show a{font-size:9px;color:var(--accent);text-decoration:underline}.variation{border-left:2px solid #779eb9;padding:10px 12px;margin:12px 0;font-size:11px;background:#e9edf0}.variation p{margin:4px 0}.detail-notes{font-size:11px;line-height:1.9;padding-left:17px;color:var(--muted)}.source-list{list-style:none;padding:0;margin:0}.source-list li{border-top:1px solid var(--line);padding:11px 0;font-size:11px;overflow-wrap:anywhere}.source-list small{display:block;font:9px var(--mono);color:var(--muted)}.source-list a{color:var(--accent)}.about-content{padding:30px 35px}.about-content h3{font-size:16px}.about-content p,.about-content li{font-size:12px;line-height:1.9}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 23px;z-index:30;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.hero-copy{margin-left:calc((100vw - 1360px)/2 - 4%)}.hero{min-height:580px}}
@media(max-width:900px){.edition{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{left:12%}.hero-copy{padding-left:5%}.hero{min-height:510px}.tabs{gap:30px}.stats{max-width:190px;text-align:right;line-height:2}.detail-body{gap:25px;padding:25px}.detail-header{padding:25px}}
@media(max-width:600px){.masthead{height:65px;padding:0 20px}.brand{font-size:22px;gap:11px}.brand span{font-size:8px;padding-left:11px;letter-spacing:1.1px}.saved-top{border:0;padding:8px 0;font-size:19px}.saved-top span{display:none}.saved-top b{font:10px var(--mono);margin-left:4px}.hero{min-height:448px}.hero-copy{padding:39px 24px 73px}.hero-art{left:0;opacity:.7}.hero-art:after{background:linear-gradient(90deg,#101417bd,transparent),linear-gradient(0deg,#101417,transparent 55%)}.hero h1{font-size:30px;line-height:1.48;letter-spacing:.02em;margin-bottom:16px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:19px}.intro{font-size:11px;margin-bottom:21px;color:#c0cdd4}.primary{padding:10px 18px;font-size:11px;gap:48px}.hero-small{font-size:8px;margin-top:16px}.art-caption{right:13px;top:24px;font-size:6px}.hero-bottom{height:42px;left:24px;right:24px;font-size:7px;letter-spacing:1px}.hero-bottom em{margin-left:9px}.hero-bottom>span:last-child{font-size:6px}.stage-grid{left:20%;top:23%;right:-20%;height:52%}main{padding:34px 20px 35px}.archive-heading{display:block;margin-bottom:14px}.archive-heading h2{font-size:21px}.archive-heading .eyebrow{font-size:8px}.stats{text-align:left;max-width:none;font-size:8px;margin:12px 0 0}.stats strong{font-size:16px;margin-left:0;margin-right:4px}.stats span{margin-right:13px}.tabs{gap:0;justify-content:space-between;margin-bottom:19px}.tabs button{font-size:9px;letter-spacing:0;padding:11px 0}.tabs button small{font-size:8px}.controls{flex-wrap:wrap;gap:9px}.search{flex-basis:100%;height:45px}.search input{font-size:12px}.select-label{flex:1;height:39px;padding:0 10px}.select-label select{flex:1;font-size:11px}.filter-fav{height:39px;font-size:10px;padding:8px 12px}.result-bar{font-size:9px;margin-bottom:16px}.result-bar button{font-size:10px}.grid{gap:14px;grid-template-columns:1fr}.card{display:grid;grid-template-columns:91px minmax(0,1fr)}.card-art{height:100%;min-height:208px;padding:20px 11px}.art-year{font-size:25px;letter-spacing:-2px;writing-mode:vertical-rl}.art-category{writing-mode:vertical-rl;left:14px;top:86px;bottom:auto;font-size:7px;letter-spacing:1px}.card-art:after{left:auto;right:15px;top:20px;bottom:20px;width:1px;height:auto}.fav-button{top:auto;bottom:13px;left:11px;width:32px;height:32px}.card-body{padding:16px}.card-period{font-size:9px;margin-bottom:8px}.card h3{font-size:20px;letter-spacing:-.03em}.full-title{font-size:9px;min-height:0;margin-bottom:12px}.card-meta{font-size:9px;gap:13px}.card-meta strong{font-size:15px}.card-foot{margin-top:11px;padding-top:10px;gap:7px}.badge{font-size:8px;padding:3px 5px}.open-card{font-size:10px}.editorial-note{margin-top:32px;padding-top:24px;gap:13px}.editorial-note h3{font-size:12px}.editorial-note p{font-size:11px}.note-symbol{font-size:22px}footer{padding:30px 24px;font-size:9px}.footer-links{gap:19px;font-size:8px;flex-wrap:wrap}.footer-brand{font-size:21px}.history-year{grid-template-columns:1fr;gap:9px;margin:24px 0}.history-year>h3{font-size:20px}.history-row{grid-template-columns:65px minmax(0,1fr);gap:8px;padding:12px 0}.history-date{font-size:10px}.history-row h4{font-size:11px}.history-row p{font-size:9px}.history-row .open-card{grid-column:2;justify-self:start;font-size:9px}.song-row{grid-template-columns:23px minmax(0,1fr);gap:9px;padding:15px 0}.song-row h3{font-size:14px}.song-count{grid-column:2;font-size:9px}.song-links button{font-size:9px}.compare-selects,.compare-grid{gap:10px}.compare-selects select{font-size:10px;padding:9px}.compare-panel{padding:12px 9px}.compare-panel h3{font-size:13px}.compare-panel p{font-size:9px}.compare-list li{font-size:10px;gap:4px;overflow-wrap:anywhere}.compare-list span{font-size:8px;min-width:17px}.view-note{font-size:10px;padding:10px}.compare-panel .scope{padding:8px}dialog{width:100%;max-width:none;max-height:96dvh;margin:auto 0 0}.dialog-toolbar{padding:10px 20px}.detail-header{padding:23px 20px}.detail-header h2{font-size:25px}.detail-body{display:block;padding:24px 20px}.detail-info{font-size:10px}.detail-info button{padding:7px 11px;font-size:10px}.detail-body>aside{border-top:1px solid var(--line);padding-top:25px}.detail-schedule{max-height:340px}.scope{font-size:10px}.about-content{padding:25px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Series layout — compact navigation, photographic masthead, minimal labels. */
:root{--paper:#f3f2ed;--ink:#15191c;--blue:#b7d6ed;--accent:#3a6885;--line:#d5d6d1}
body{font-family:Arial,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif}.masthead{height:79px;padding:0 5%;gap:25px}.brand{display:flex;flex-direction:column;align-items:start;gap:1px;font-size:24px;line-height:1.1;letter-spacing:-.7px}.brand span{border:0;padding:0;font:bold 8px Arial,sans-serif;letter-spacing:3px}.archive-link{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:1px;color:#b8c1c7}.saved-top{border:0;font-size:11px;padding-left:23px;border-left:1px solid #ffffff35}.hero{min-height:340px;max-width:none;background:#11181d;border-bottom:5px solid var(--blue)}.hero-photo{position:absolute;right:0;top:0;width:66%;height:100%;object-fit:cover;object-position:center 43%;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#11181d 9%,#11181df5 24%,#11181d96 44%,transparent 68%);z-index:-1}.hero-copy{padding:62px 5% 45px;max-width:900px}.hero .eyebrow{font-size:9px;letter-spacing:2.3px;color:#adc9dd;margin-bottom:22px}.hero h1{font-size:clamp(52px,6.8vw,94px);line-height:.95;font-weight:900;letter-spacing:-5px;margin:0 0 13px}.hero-subtitle{font-size:21px;letter-spacing:8px;font-weight:700;margin:0;line-height:1.4}.hero-period{font:10px var(--mono);letter-spacing:2px;color:#c0ccd4;margin:32px 0 0}main{padding-top:0}.tabs{gap:40px;padding-top:4px;margin-bottom:33px}.tabs button{font-size:12px;padding-top:20px;padding-bottom:17px;color:#777;letter-spacing:1px}.tabs button small{display:none}.tabs button.active{color:#15191c;border-bottom-color:#15191c}.archive-heading{margin-bottom:26px}.archive-heading .eyebrow{font-size:10px;letter-spacing:0;color:#676e72;margin-bottom:5px}.archive-heading h2{font-size:39px;line-height:1.1;letter-spacing:-1.5px;font-weight:900}.stats{font-size:9px}.stats strong{font-size:17px}.year-heading{font-size:10px;letter-spacing:1.5px;font-weight:bold;margin-bottom:12px}.year-heading span{margin-left:7px;color:#7c8285;font-size:9px;letter-spacing:0;font-weight:normal}.year-buttons{display:flex;gap:9px;margin-bottom:25px;flex-wrap:wrap}.year-buttons button{border:1px solid #d8d9d3;background:#fafaf7;padding:12px 23px;font-weight:bold;font-size:13px;min-width:69px;border-radius:3px;box-shadow:0 4px 8px #18232904}.year-buttons button[aria-pressed=true]{background:#17232d;border-color:#17232d;color:#fff}.controls .select-label{display:none}.search{background:transparent;max-width:600px}.search kbd{display:none}.controls .filter-fav{margin-left:auto;background:transparent}.result-bar{margin-top:17px;margin-bottom:17px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{display:flex;background:#fafaf7;box-shadow:none;min-height:238px;border:1px solid #d5d6d0;border-radius:0}.card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #152b3709;border-color:#a0b6c5}.card-art,.card:nth-child(n) .card-art{height:49px;min-height:0;display:flex;align-items:center;gap:13px;background:#e6ebed;color:#344a5a;padding:0 22px;border-bottom:1px solid #d7dfe1}.card-art:before,.card-art:after{display:none}.art-year{font:12px var(--mono);color:#344a5a;letter-spacing:0;writing-mode:initial}.art-category{position:static;font:bold 8px Arial,sans-serif;letter-spacing:1px;writing-mode:initial}.fav-button{top:8px;right:14px;left:auto;bottom:auto;border:0;background:transparent;color:#60717c;width:32px;height:32px;font-size:22px}.fav-button[aria-pressed=true]{background:none;color:#285a7f}.card-body{padding:24px 22px 18px}.card-period{font-size:10px;margin-bottom:12px;color:#717a80}.card h3{font-size:25px;letter-spacing:-.8px;margin-bottom:17px;line-height:1.2}.card h3 button{font:inherit;letter-spacing:inherit;text-align:left;background:none;border:0;padding:0;line-height:inherit}.card-meta{font:9px var(--mono);color:#64747e;gap:20px;padding-top:0}.card-foot{padding-top:12px;margin-top:18px;min-height:30px}.open-card{font-size:10px;font-weight:700;letter-spacing:.5px;margin-left:auto}.badge{font-size:9px;background:none;padding:0;color:#7b7365}.card .badge{font-size:9px}.view-note{background:none;padding:0;margin-bottom:18px;font-size:10px;color:#7a8184}.scope{background:none;padding:0;color:#71808a;font-size:10px;margin-top:-3px}.detail-header{background:#e8ecec}.detail-header .full-title{font-size:10px}.detail-body h3{font-size:14px;font-weight:700;letter-spacing:1px}.detail-header h2{font-size:32px;font-weight:800;letter-spacing:-1px}.detail-schedule{max-height:none;overflow:visible}.variation{background:#e9eef0;font-size:11px;border-color:#8aa8ba}.setlist li{padding:12px 0}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:37px 5%;background:var(--paper);border-top:1px solid #c8cbc8;min-height:137px}.footer-unofficial{font-size:9px;letter-spacing:.7px;color:#6c7479}.site-footer .footer-brand{display:flex;flex-direction:column;gap:4px;align-items:center;color:#171d21;line-height:1}.site-footer .footer-brand strong{font-size:22px;letter-spacing:-1px}.site-footer .footer-brand span{font:8px Arial,sans-serif;letter-spacing:3px}.footer-credit{font-size:10px;color:#626b70}.compare-panel{border-color:var(--line)}.compare-panel h3{font-weight:700}.compare-list li.unique{background:#e0eaf0}
@media(max-width:900px){.hero h1{font-size:70px}.hero-photo{width:72%}.hero-copy{padding-top:60px}.hero-subtitle{font-size:17px;letter-spacing:6px}.tabs{gap:30px}.grid{gap:15px}.card h3{font-size:22px}}
@media(max-width:600px){.masthead{height:64px;padding:0 20px;gap:14px}.brand{font-size:20px;gap:3px}.brand span{font-size:6px;letter-spacing:2.5px;padding:0}.archive-link{font-size:7px;letter-spacing:.3px}.saved-top{font-size:19px;border:0;padding:0}.hero{min-height:289px}.hero-photo{width:100%;object-position:63% 40%;opacity:.75}.hero:after{background:linear-gradient(90deg,#11181de8,#11181d7d 55%,#11181d16),linear-gradient(0deg,#11181d9c,transparent 55%)}.hero-copy{padding:54px 22px 32px}.hero .eyebrow{font-size:7px;letter-spacing:1.6px;margin-bottom:24px}.hero h1{font-size:53px;letter-spacing:-3px;line-height:1}.hero-subtitle{font-size:13px;letter-spacing:5px}.hero-period{font-size:8px;margin-top:26px}main{padding:0 20px 45px}.tabs{gap:0;justify-content:space-between;margin-bottom:25px}.tabs button{font-size:9px;letter-spacing:.2px;padding:19px 0 15px}.archive-heading{display:flex;gap:10px;align-items:end;margin-bottom:24px}.archive-heading h2{font-size:30px;letter-spacing:-1px}.archive-heading .eyebrow{font-size:9px}.stats{margin:0;text-align:right;max-width:95px;font-size:7px;line-height:1.9}.stats span{margin:0;display:block}.stats strong{font-size:12px}.year-heading{font-size:9px;margin-bottom:10px}.year-buttons{gap:5px;margin-bottom:20px;flex-wrap:nowrap}.year-buttons button{padding:10px 0;min-width:0;flex:1;font-size:10px;border-radius:2px}.search{height:42px;flex-basis:auto}.search input{font-size:10px}.search>span{font-size:22px}.controls{flex-wrap:nowrap;gap:8px}.filter-fav{padding:8px;font-size:9px;height:42px}.result-bar{font-size:8px}.grid{grid-template-columns:1fr;gap:14px}.card{display:flex;min-height:215px}.card-art,.card:nth-child(n) .card-art{height:42px;padding:0 17px;min-height:0;gap:11px}.art-year{font-size:11px;writing-mode:initial}.art-category{font-size:7px;letter-spacing:.7px;position:static;writing-mode:initial}.fav-button{top:5px;right:10px;left:auto;bottom:auto}.card-body{padding:19px 17px 15px}.card-period{font-size:9px}.card h3{font-size:23px;margin-bottom:16px}.card-foot{margin-top:15px;padding-top:12px}.card-meta{font-size:8px}.card .badge{font-size:8px}.site-footer{padding:30px 20px;display:grid;grid-template-columns:1fr 1fr;gap:23px;min-height:140px}.site-footer .footer-brand{grid-column:1/-1;grid-row:1;align-items:center}.footer-unofficial,.footer-credit{font-size:8px}.footer-credit{text-align:right}.detail-header h2{font-size:26px}.detail-body{padding:24px 20px}.scope{font-size:10px;margin-bottom:17px}.detail-body>aside{padding-top:23px}.detail-schedule{max-height:none}.compare-panel h3{font-size:14px}.compare-panel .scope{padding:0;font-size:9px}}
/* Song insights */
.songs-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:11px;color:var(--muted)}.bi-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#445560;margin-bottom:24px;border:1px solid #223543}.bi-kpis article{background:#172630;color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:160px}.bi-kpis article>span,.bi-kicker{font:10px var(--mono);letter-spacing:1px;color:#7e9aad}.bi-kpis strong{font:52px var(--mono);letter-spacing:-3px;line-height:1.2;margin:10px 0;color:#c0def3}.bi-kpis .bi-top-song{font:bold 24px Arial;letter-spacing:-.7px;line-height:1.15}.bi-kpis small{font-size:10px;color:#b5c2cb}.bi-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.bi-panel{background:#fafaf7;border:1px solid var(--line);padding:24px;margin-bottom:22px;min-width:0}.bi-panel>header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:22px}.bi-panel h3{font-size:19px;margin:6px 0 0;letter-spacing:-.5px}.bi-panel>header>small{font-size:9px;color:var(--muted);white-space:nowrap}.bi-rank,.bi-size{border:0;background:none;display:grid;align-items:center;width:100%;text-align:left;padding:7px 0;gap:12px}.bi-rank{grid-template-columns:22px 1fr 25px}.bi-rank-no{font:10px var(--mono);color:#8b959c}.bi-rank-content{display:block;min-width:0;font-size:12px}.bi-rank-content>span,.bi-size>span>span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bi-rank i,.bi-size i{display:block;height:7px;background:linear-gradient(90deg,#355e79,#8ebbd8);width:var(--bar);margin-top:7px;border-radius:0 2px 2px 0}.bi-rank:hover,.bi-size:hover{background:#eaf0f3}.bi-rank b,.bi-size b{font:15px var(--mono);text-align:right;color:#284e68}.bi-size{grid-template-columns:33px 1fr 25px;gap:10px;padding:6px 0}.bi-size time{font:9px var(--mono);color:#7e8d97}.bi-size>span{min-width:0;font-size:10px}.bi-size i{height:5px;background:#9aadb9;margin-top:5px}.bi-scroll{overflow-x:auto;max-width:100%;padding-bottom:10px}.bi-matrix{border-collapse:collapse;width:100%;font-size:11px}.bi-matrix th,.bi-matrix td{padding:9px 6px;text-align:center;border-bottom:1px solid #e7e9e7;min-width:45px}.bi-matrix th:first-child{position:sticky;left:0;background:#fafaf7;z-index:1;text-align:left;min-width:155px;max-width:200px}.bi-matrix button{border:0;background:none;padding:3px;font:inherit;text-align:inherit}.bi-matrix th button{font-weight:600}.bi-matrix th small{display:block;font:8px var(--mono);color:#8a949b;margin-top:4px}.bi-matrix td>span{color:#cbd1d4}.bi-matrix .bi-dot{color:#326e97;background:#dceaf3;border-radius:3px;width:28px;height:27px}.bi-dot:hover{background:#b4d7ef}.bi-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 20px;margin-top:20px}.bi-legend button{border:0;background:none;text-align:left;font-size:9px;display:flex;gap:8px;align-items:baseline;padding:0}.bi-legend b{font:10px var(--mono);color:#6c8a9d}.bi-pairs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bi-pairs>button,.bi-song-detail>button{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #dce2e4;background:#f0f3f3;text-align:left;padding:18px;width:100%}.bi-pairs>button:hover{background:#e2edf3}.bi-pairs>button>span{font-size:12px;font-weight:bold;line-height:1.6}.bi-pairs em{display:block;font:12px var(--mono);color:#8295a2;margin:3px 0}.bi-pairs b,.bi-song-detail b{font:32px var(--mono);color:#315a76;white-space:nowrap}.bi-pairs b small,.bi-song-detail b small{display:block;font:9px Arial;text-align:right;margin-top:7px}.bi-song-detail{padding:20px}.bi-song-detail>button{background:none;border:0;border-bottom:1px solid #ddd;padding:18px 0}.bi-song-detail strong,.bi-song-detail>button>span>small{display:block}.bi-song-detail strong{font-size:14px}.bi-song-detail>button>span>small{font:10px var(--mono);color:var(--muted);margin-bottom:5px}
@media(max-width:700px){.bi-grid{grid-template-columns:1fr;gap:0}.bi-kpis{grid-template-columns:1fr 1fr}.bi-kpis article{padding:18px;min-height:138px}.bi-kpis strong{font-size:42px}.bi-kpis .bi-top-song{font-size:23px}.bi-panel{padding:18px;margin-bottom:16px}.bi-panel h3{font-size:17px}.bi-panel>header{gap:7px}.bi-panel>header>small{font-size:8px}.bi-kicker{font-size:8px}.bi-legend{grid-template-columns:1fr 1fr;gap:10px}.bi-pairs{grid-template-columns:1fr}.bi-matrix th:first-child{min-width:130px;max-width:140px}.bi-matrix th:first-child button{font-size:10px;overflow-wrap:anywhere}.bi-kpis{margin-bottom:16px}.bi-song-detail b{font-size:24px}}