#reko-studio-v3 .bt-intro{max-width:760px;padding:12px 0 28px}
#reko-studio-v3 .bt-intro h1{font-size:clamp(2.7rem,7.5vw,5rem);line-height:1.04;letter-spacing:-.065em;margin:0 0 16px}
#reko-studio-v3 .bt-title-dot{color:#7a9bae}
#reko-studio-v3 .bt-tagline{font-size:clamp(1.5rem,3.5vw,2.25rem);letter-spacing:-.035em;line-height:1.25;margin-bottom:18px}
#reko-studio-v3 .bt-intro .rk-detail-lead{max-width:650px;margin-bottom:22px}
#reko-studio-v3 .bt-meta{display:flex;gap:9px 15px;flex-wrap:wrap;color:#566066;font-size:.875rem}
#reko-studio-v3 .bt-design-nav{display:flex;flex-wrap:wrap;gap:8px 26px;border-block:1px solid #cfd8dc;padding:14px 0;margin-bottom:32px}
#reko-studio-v3 .bt-design-nav a{display:inline-flex;align-items:center;gap:9px;min-height:44px;text-decoration:none;font-size:1rem}
#reko-studio-v3 .bt-design-nav a:hover{text-decoration:underline}
#reko-studio-v3 .bt-design-nav a span{font-size:.75rem;color:#566066;font-variant-numeric:tabular-nums}
#reko-studio-v3 .bt-classics,#reko-studio-v3 .bt-retro-grid,#reko-studio-v3 .bt-joker-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
#reko-studio-v3 .bt-design,#reko-studio-v3 .bt-character{scroll-margin-top:24px;min-width:0}
#reko-studio-v3 .bt-stage{position:relative;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#e8eef0;min-width:0;padding:48px 18px 62px}
#reko-studio-v3 .bt-classic-stage img{width:auto;height:350px;max-width:100%;object-fit:contain}
#reko-studio-v3 .bt-dynamite-stage{background:#f0eae5}
#reko-studio-v3 .bt-image-type{position:absolute;left:20px;top:16px;color:#40535b;font-size:.75rem;letter-spacing:.035em;max-width:calc(100% - 40px)}
#reko-studio-v3 .bt-expand{position:absolute;right:16px;bottom:12px;display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:44px;border:1px solid #9eaeb5;background:#fcfcfa;border-radius:5px;padding:7px 12px;font-size:.875rem;color:#214b62}
#reko-studio-v3 .bt-expand:hover{background:#fff;border-color:#075fbe;color:#075fbe}
#reko-studio-v3 .bt-expand span{font-size:1.2rem;line-height:1}
#reko-studio-v3 .bt-figure figcaption{font-size:.875rem;line-height:1.6;color:#566066;margin-top:12px}
#reko-studio-v3 .bt-design-copy{padding:24px 0 0}
#reko-studio-v3 .bt-number{font-size:.75rem;letter-spacing:.12em;color:#4d6470;margin-bottom:8px}
#reko-studio-v3 .bt-design h2,#reko-studio-v3 .bt-character h2{font-size:2rem;line-height:1.15;letter-spacing:-.045em;margin-bottom:14px}
#reko-studio-v3 .bt-design-copy>p:last-child{font-size:1rem;color:#566066;max-width:440px}
#reko-studio-v3 .bt-character{margin-top:52px;padding-top:36px;border-top:1px solid #cfd8dc}
#reko-studio-v3 .bt-character-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:12px}
#reko-studio-v3 .bt-character-heading h2{margin-bottom:0}
#reko-studio-v3 .bt-status{border:1px solid #aebdc4;border-radius:30px;padding:5px 12px;font-size:.75rem;color:#405660}
#reko-studio-v3 .bt-section-intro{max-width:720px;font-size:1.0625rem;color:#566066;margin-bottom:26px;line-height:1.7}
#reko-studio-v3 .bt-motion{max-width:760px;margin:0 0 30px;border:1px solid #c3cfd5;border-radius:8px;overflow:hidden;background:#fff}
#reko-studio-v3 .bt-retro .bt-motion{max-width:560px}
#reko-studio-v3 .bt-zelda-versions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:24px;align-items:start}
#reko-studio-v3 .bt-zelda .bt-motion{max-width:none;min-width:0;margin:0}
#reko-studio-v3 .bt-zelda-current{border-color:#648374}
#reko-studio-v3 .bt-zelda-current .bt-motion-heading{background:#eaf1ed}
#reko-studio-v3 .bt-zelda .bt-motion-heading{align-items:flex-start;flex-direction:column;gap:6px}
#reko-studio-v3 .bt-version-note{font-size:.875rem;line-height:1.7;margin:14px 0 0;padding-top:14px;border-top:1px solid #d8e1e4}
#reko-studio-v3 .bt-motion-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px;padding:16px 20px;background:#eef3f5}
#reko-studio-v3 .bt-motion-heading h3{font-size:1.125rem;line-height:1.4;margin:0;color:#273e46;letter-spacing:-.015em}
#reko-studio-v3 .bt-motion-heading span{font-size:.875rem;color:#43565c}
#reko-studio-v3 .bt-motion video{display:block;width:100%;max-width:100%;height:auto;background:#e6edf3}
#reko-studio-v3 .bt-motion video:focus-visible{outline:3px solid #075fbe;outline-offset:-3px}
#reko-studio-v3 .bt-motion figcaption{font-size:1rem;line-height:1.7;color:#43565c;padding:16px 20px;margin:0;overflow-wrap:anywhere}
#reko-studio-v3 .bt-video-error{margin:0;padding:0 20px 18px;color:#9b1c31;font-size:1rem;line-height:1.6}
#reko-studio-v3 .bt-retro-stage{background:#e7edef;padding:48px 0 62px;overflow:hidden}
#reko-studio-v3 .bt-retro-stage img{width:100%;height:auto}
#reko-studio-v3 .bt-joker-stage{background:#e6edf3;padding:50px 0 58px}
#reko-studio-v3 .bt-joker-stage img{width:100%;height:auto}
#reko-studio-v3 .bt-joker-main{margin-bottom:27px}
#reko-studio-v3 .bt-joker-main .bt-joker-stage{padding:25px 20px 55px}
#reko-studio-v3 .bt-joker-main img{max-width:950px}
#reko-studio-v3 .bt-development-note{font-size:.875rem;color:#566066;max-width:760px;margin-top:26px}
#reko-studio-v3 .bt-about{border-top:1px solid #cfd8dc;margin-top:44px;padding-top:35px}
#reko-studio-v3 .bt-project-note{background:#eef2f1;border-left:3px solid #69818b;padding:18px 21px;font-size:.875rem;line-height:1.7;color:#43565c}
#reko-studio-v3 .bt-project-note strong{display:block;color:#273e46;margin-bottom:4px}
#reko-studio-v3 #bt-dialog{width:min(1100px,calc(100% - 32px));max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);padding:22px;border:1px solid #a5b4bc;border-radius:10px;background:#fcfcfa;color:#202323;overflow:auto}
#reko-studio-v3 #bt-dialog::backdrop{background:#102c3acc}
#reko-studio-v3 .bt-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px}
#reko-studio-v3 .bt-dialog-header h2{font-size:1.5rem;line-height:1.3;flex:1 1 200px}
#reko-studio-v3 .bt-dialog-header form{margin:0}
#reko-studio-v3 #bt-dialog button{border:1px solid #8d9fa8;border-radius:5px;background:#fff;color:#214b62;min-height:44px;padding:8px 14px;font-size:.875rem}
#reko-studio-v3 #bt-dialog button:hover{border-color:#075fbe;background:#edf4fa}
#reko-studio-v3 .bt-dialog-close span{margin-left:10px;font-size:1.25rem}
#reko-studio-v3 .bt-dialog-image-wrap{display:flex;align-items:center;justify-content:center;background:#e6edf3;border-radius:5px;padding:12px}
#reko-studio-v3 #bt-dialog-image{width:auto;max-width:100%;height:auto;max-height:58vh;object-fit:contain}
#reko-studio-v3 #bt-dialog-caption{font-size:1rem;line-height:1.65;margin-top:18px}
#reko-studio-v3 .bt-dialog-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:20px}
#reko-studio-v3 #bt-image-position{font-size:.875rem;color:#566066;flex:1;text-align:center;min-width:90px}
body.bt-dialog-open{overflow:hidden}
@media(max-width:650px){
 #reko-studio-v3 .bt-classics,#reko-studio-v3 .bt-retro-grid,#reko-studio-v3 .bt-joker-details{grid-template-columns:minmax(0,1fr);gap:30px}
 #reko-studio-v3 .bt-intro{padding-top:4px}
 #reko-studio-v3 .bt-design-nav{gap:4px 16px;margin-bottom:24px}
 #reko-studio-v3 .bt-classic-stage img{height:auto;width:320px}
 #reko-studio-v3 .bt-design-copy{padding-top:20px}
 #reko-studio-v3 .bt-character{margin-top:36px;padding-top:28px}
 #reko-studio-v3 .bt-joker-main .bt-joker-stage{padding:50px 0 58px}
 #reko-studio-v3 .bt-about{margin-top:32px;padding-top:28px}
 #reko-studio-v3 #bt-dialog{padding:16px}
 #reko-studio-v3 .bt-dialog-header{gap:12px}
}
@media(forced-colors:active){#reko-studio-v3 .bt-stage,#reko-studio-v3 .bt-dialog-image-wrap{background:Canvas;border:1px solid CanvasText}#reko-studio-v3 button:focus-visible{outline-color:Highlight}}
@media print{#reko-studio-v3 .bt-expand,#reko-studio-v3 .bt-design-nav,#reko-studio-v3 #bt-dialog{display:none}#reko-studio-v3 .bt-figure{break-inside:avoid}}