.badidea-page{padding:32px 0 48px}
.badidea-intro{max-width:760px;margin-bottom:25px}
.history-back{font-size:14px;text-decoration:none}
.history-back:hover{text-decoration:underline}
.badidea-intro .eyebrow{margin:24px 0 7px}
.badidea-intro h1{font-size:clamp(32px,5vw,54px);line-height:1.05;letter-spacing:-1.7px;margin:0 0 16px}
.badidea-intro>p:last-child{max-width:640px;margin:0;font-size:18px;color:#36465a}
.restoration{max-width:1008px;margin:auto;background:#052b36;color:#faf8ef;border:1px solid #052b36}
.restoration-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;font-size:14px;flex-wrap:wrap}
.restoration-toolbar label{display:flex;align-items:center;gap:10px}
.restoration-toolbar select,.restoration-toolbar button{border:1px solid #73939b;border-radius:3px;padding:7px 10px;color:#faf8ef;background:#123e49;font-size:14px}
.restoration-toolbar button:hover{background:#245460}
.restoration-toolbar button:disabled{opacity:.45;cursor:default}
.playback-controls{display:flex;gap:7px}
.restoration-viewport{position:relative;overflow:hidden;width:100%;aspect-ratio:4/3;background:#000}
.original-stage{position:absolute;left:0;top:0;width:800px;height:600px;transform-origin:top left;transform:scale(var(--stage-scale,1))}
#flash-player,#flash-player ruffle-player{display:block;width:100%;height:100%}
.original-navigation{position:absolute;left:320px;top:11px;width:680px;height:28px;display:grid;grid-template-columns:repeat(7,1fr);gap:6px;z-index:2}
.original-navigation a{display:block;position:relative}
.original-navigation a span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.original-navigation a:hover{box-shadow:inset 0 0 0 2px #fff8}
.menu-media-navigation a{position:absolute;top:582px;height:18px;z-index:2;border-radius:2px}
.menu-media-navigation a span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.menu-media-navigation a:hover{background:#fff3}
.menu-home{left:26px;width:30px}.menu-movies{left:98px;width:37px}.menu-music{left:138px;width:36px}.menu-pictures{left:266px;width:46px}
.original-content{position:absolute;left:473px;top:90px;width:445px;max-height:480px;overflow:auto;text-align:center;font:16px/normal 'Times New Roman',serif;color:#000;z-index:1;padding:0 4px}
.original-content h2{font:bold 24px/1.2 'Times New Roman',serif;text-transform:none;letter-spacing:normal;margin:16px 0}
.original-content p{margin:16px 0}
.original-content a{color:#000080}
.player-status{font-size:13px;margin:0;padding:10px 16px;color:#d8e5e7}
.restoration-notes{max-width:1008px;margin:20px auto 0;font-size:14px;color:#455560}
.restoration-notes summary{cursor:pointer;font-weight:bold;color:var(--ink)}
.restoration-notes details p{max-width:740px}
.restoration.expanded{position:fixed;inset:0;z-index:20;max-width:none;overflow:auto;border:0;padding:0 max(12px,calc((100vw - 1200px)/2))}
.restoration.expanded .restoration-viewport{max-width:calc((100dvh - 120px)*4/3);margin:auto}
body.restoration-expanded{overflow:hidden}
@media(max-width:700px){.badidea-page{padding:24px 0 36px}.badidea-intro{margin-bottom:20px}.restoration-toolbar{padding:10px;gap:8px}.restoration-toolbar label{gap:6px}.restoration-toolbar button,.restoration-toolbar select{padding:6px 8px}.badidea-intro>p:last-child{font-size:16px}.restoration-notes{margin-top:16px}}

.media-library{position:absolute;left:304px;top:72px;width:478px;height:496px;overflow:auto;background:#e4f3f9;color:#000;border:2px solid #152128;z-index:3;font:16px/1.25 'Times New Roman',serif;scrollbar-width:thin;scrollbar-color:#9140bd #d8eefa}
.original-stage[data-edition="2004"] .media-library{left:473px;top:90px;width:445px;height:480px}
.library-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:#972bd1;border-bottom:2px solid #152128;color:#000}
.library-heading h2{margin:0;font:bold 23px/1 'Times New Roman',serif;text-transform:none;letter-spacing:0}
.library-heading a{font:bold 27px/1 Arial,sans-serif;text-decoration:none;padding:0 4px}
.media-navigation{display:flex;gap:16px;padding:8px 12px;border-bottom:1px solid #89a9b8;font-size:15px}
.media-navigation a{color:#20206b}.media-navigation a[aria-current="page"]{font-weight:bold;color:#602784}
.media-library>section{padding:10px 12px}
.media-library p{margin:8px 0}
.media-library button,.media-library select{font:14px/1.2 'Times New Roman',serif;color:#000;border:1px solid #475b60;border-radius:0;background:#f5f5ed;padding:4px 7px}
.media-library button:hover{background:#efdbfa}.media-library button:disabled{opacity:.5;cursor:default}
.media-library select{max-width:100%}
.media-library input[type="range"]{accent-color:#942ecb;cursor:pointer}
.media-intro{font-size:14px}
#library-status:empty{display:none}#library-status{padding:0 12px;font-size:14px}
.gallery-label,.tune-choice{display:flex;gap:10px;align-items:center;font-weight:bold}
.media-caption,#gallery-count{font:12px/1.25 Arial,sans-serif;color:#40505a}
.picture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}
.picture-card{padding:4px!important;background:#f9faf4!important;min-width:0;text-align:left}
.picture-card img{display:block;width:100%;height:85px;object-fit:contain;background:#fff}
.picture-card span{display:block;font-size:12px;margin-top:5px;overflow-wrap:anywhere}
.picture-detail-heading{display:flex;gap:9px;align-items:center;margin:10px 0}
.picture-detail-heading h3{font-size:16px;margin:0}
#picture-large{display:block;width:100%;max-height:220px;object-fit:contain;background:#fff}
.picture-detail-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:13px}
.movie-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}
.movie-card{text-align:left;min-width:0}
.movie-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#000;margin-bottom:6px}
.movie-card strong,.movie-card small{display:block}.movie-card small{font-size:12px;margin-top:5px;color:#4b3b56}
.movie-card .flash-label{display:block;font-size:11px;color:#75249c;margin-bottom:6px}
#movie-title{font-size:19px;margin:10px 0 6px}
.movie-screen{width:100%;background:#000;height:220px;min-height:100px;max-height:220px}
.movie-screen ruffle-player{display:block;width:100%;height:100%}
.movie-screen video{display:block;width:100%;height:220px;max-height:220px}
.movie-active>.media-intro{display:none}
.media-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:12px 0;font-size:14px}
.media-controls label{display:flex;align-items:center;gap:5px}
.media-controls input[type="range"]{width:85px}
#movie-status,#midi-status{font-size:13px}
#music-panel{padding:14px 16px}
.midi-progress-label{display:flex;justify-content:space-between;font-size:13px;margin-top:18px}
#midi-progress{width:100%;margin:8px 0 18px}
.midi-volume-label{display:flex;align-items:center;gap:12px;font-size:14px;margin-bottom:18px}

/* Aero styling belongs to the surrounding page, never the original stage. */
body.history-site{--aero-height:66.6667vw;background-color:#39baff;background-image:linear-gradient(to bottom,#39baff00 72%,#39baff 100%),url('/badidea/aero-background.png');background-position:center top;background-size:100% var(--aero-height),100% auto;background-repeat:no-repeat;background-attachment:fixed}
.history-site .badidea-page{margin:18px 0 32px;padding:22px 26px 24px;border:1px solid #fff;border-radius:28px;background:linear-gradient(115deg,#e7fbfff2,#d0f4ffdf 48%,#effcffed);box-shadow:inset 0 0 0 3px #c4eeff,inset 0 0 20px #fff,0 0 0 3px #79ccea,0 0 0 5px #fff8,0 8px 26px #006a9990;color:#064b77}
.badidea-intro{max-width:none;margin:0 auto 24px;position:relative}
.history-back{color:#006ca6;font-weight:bold;text-shadow:0 1px #fff}
.badidea-intro .eyebrow{margin-top:22px;color:#075884;letter-spacing:2px;font-size:12px;font-weight:bold;text-shadow:0 1px #fff}
.badidea-intro h1{width:fit-content;font-family:Arial,Helvetica,sans-serif;font-weight:900;font-style:italic;font-size:clamp(32px,4.2vw,58px);letter-spacing:-1.5px;line-height:1.16;padding:0 5px 4px 0;margin:0 0 10px;color:#00629e;background:linear-gradient(#f3feff 3%,#4bb5eb 25%,#0878be 47%,#003a72 50%,#128cce 77%,#003e79 94%);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 #003d69) drop-shadow(0 -1px 0 #fff) drop-shadow(1px 2px 1px #fff)}
.badidea-intro>p:last-child{max-width:780px;color:#115780;font-size:17px;line-height:1.5;text-shadow:0 1px #fff}
.restoration{border:2px solid #4e9ec3;border-radius:21px;padding:5px;background:linear-gradient(100deg,#e9fcff,#8bd4f0 40%,#d9f8ff);box-shadow:0 0 0 1px #fff,inset 0 0 0 1px #fff,0 3px 8px #136a9c55}
.restoration-toolbar{min-height:60px;padding:8px 12px;border:1px solid #358ec1;border-radius:15px 15px 8px 8px;background:linear-gradient(#f1fdff 0%,#a4dffc 10%,#63c2f2 46%,#1394d7 49%,#087abc 85%,#63c9f3);box-shadow:inset 0 1px 2px #fff,0 2px 3px #004c7f66;color:white;font-weight:bold;text-shadow:0 1px 2px #00528c}
.restoration-toolbar select{color:#03436a;background:linear-gradient(#fcffff,#b5e9ff 48%,#89d5f7 50%,#d2f4ff);border:1px solid #428db4;border-radius:12px;box-shadow:inset 0 1px 2px white,0 1px 1px #fff8;font-weight:bold;min-height:38px;color-scheme:light}
.restoration-toolbar select option{background:#e9faff;color:#06416a}
.restoration-toolbar button{min-height:38px;padding:7px 13px;border:1px solid #196ea2;border-radius:12px;background:linear-gradient(#e8fbff,#68c9f8 12%,#38b1ef 46%,#0786cf 49%,#0066b2 85%,#4fb8f0);color:#fff;font-weight:bold;text-shadow:0 1px 2px #00457e;box-shadow:inset 0 0 0 1px #a8eaff,inset 0 2px 3px #fff,0 1px 2px #00578488}
.restoration-toolbar button:hover:not(:disabled){background:linear-gradient(#fff,#a0e3ff 12%,#58caff 46%,#119ee5 49%,#007dc6 85%,#79d4ff)}
.restoration-toolbar button:active:not(:disabled),.restoration-toolbar button[aria-pressed="true"]{box-shadow:inset 0 2px 5px #003e7e;background:linear-gradient(#006aae,#49bcef)}
.restoration-toolbar button:disabled{opacity:.65}
.restoration-toolbar :focus-visible{outline:3px solid #ffe674;outline-offset:3px}
.restoration-viewport{margin-top:4px;border-radius:3px;isolation:isolate}
.player-status{position:relative;margin-top:5px;border:1px solid #2b8bb8;border-radius:8px 8px 13px 13px;padding:12px 15px 12px 43px;background:linear-gradient(#d7f7ff,#66c5ed 15%,#249fd8 48%,#0783c1 51%,#096aa9 90%,#55bee9);color:#fff;text-shadow:0 1px #005088;box-shadow:inset 0 1px 2px #fff}
.player-status:before{content:'';position:absolute;left:13px;top:50%;transform:translateY(-50%);width:21px;height:21px;border:1px solid #e5ffff;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff,#9ee6ff 24%,#008aca 58%,#006394 74%,#bafaff);box-shadow:0 1px 3px #00496a}
.restoration-notes{padding:14px 18px;border:1px solid #86c7df;border-radius:18px;background:linear-gradient(110deg,#f7fefff2,#c5ecf9e8,#f4fdfff5);box-shadow:inset 0 1px 4px #fff,0 1px 2px #3786a744;color:#175775;line-height:1.5}
.restoration-notes>p{margin:0 0 10px}.restoration-notes summary{color:#075786}
.restoration.expanded{border-radius:0;background:#b6e9fa;padding:8px max(12px,calc((100vw - 1200px)/2))}
.history-site .site-footer{background:#e4f8fff0;border-radius:12px;padding:18px;color:#104d6b}
@media(min-width:1700px){body.history-site{--aero-height:100vh;background-size:100% var(--aero-height),100% var(--aero-height)}}
@media(max-width:1150px){.history-site .badidea-page{margin:18px 12px 28px;padding:20px}.history-site main{width:100%;padding:0 12px}}
@media(max-width:700px){body.history-site{--aero-height:100vh;background-size:100% var(--aero-height),auto var(--aero-height)}.history-site main{padding:0 8px}.history-site .badidea-page{margin:14px 0 24px;padding:17px 10px;border-radius:20px}.badidea-intro{padding:0 6px;margin-bottom:18px}.badidea-intro h1{font-size:clamp(28px,7vw,44px);letter-spacing:-1px}.badidea-intro>p:last-child{font-size:15px}.restoration{padding:3px;border-radius:15px}.restoration-toolbar{gap:8px;padding:8px;justify-content:center}.restoration-toolbar label{flex:1;justify-content:center}.playback-controls{justify-content:center;flex:1}.restoration-toolbar button{padding:7px 10px}.player-status{font-size:12px;padding-right:10px}.restoration-notes{padding:12px;font-size:13px}}
@media(prefers-reduced-transparency:reduce){.history-site .badidea-page{background:#dff5ff}}
@media(forced-colors:active){.badidea-intro h1{-webkit-text-fill-color:CanvasText;background:none;filter:none}.restoration-toolbar button,.restoration-toolbar select{border:1px solid ButtonText}}
@media(max-width:1150px){.history-site main{margin-left:auto;margin-right:auto}}