/* Stage artwork stays decorative and behind opaque reading surfaces. */
:root{--bg:#100e10;--panel:#201c1d;--line:#ffffff19;--lime:#efbc7b;--muted:#b8aaa7;--text:#fbf1e9}body{background-color:var(--bg);background-image:linear-gradient(90deg,#100e10dc,#100e1055 70%,#100e1088),url('rock-stage.svg'),radial-gradient(ellipse at 80% 0,#a91b203b,transparent 60%);background-size:cover,1600px auto,cover;background-position:center,top right,center;background-repeat:no-repeat;background-attachment:fixed}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(115deg,transparent 0,transparent 119px,#ff3d2405 120px,transparent 121px)}aside{background:linear-gradient(165deg,#23191cf5,#100f12fa);border-right-color:#a4483433;box-shadow:15px 0 60px #0005}.brand>span{color:#fff1df}.brand>.lime,.brand .lime{color:#f5b56c}.nav.active{background:linear-gradient(100deg,#e84b3028,#ad39220a);box-shadow:inset 3px 0 #ed5d3f;color:#ffd0a2}.nav:hover{background:#ff5e3410}.side-bottom{border-top:1px solid #c34b3028;padding-top:20px}header{border-bottom-color:#d8734f24;background:linear-gradient(90deg,transparent,#4c17180c)}.pill{background:#1b1010bb;border-color:#e3754533;color:#e0bfa6}.card{background:linear-gradient(125deg,#ffffff04,transparent 60%),#1d191bf5;border-color:#ffffff16;box-shadow:0 18px 42px -22px #000e,inset 0 1px #ffffff06}.card:hover{border-color:#d87d4844;box-shadow:0 23px 42px -25px #000,inset 0 1px #ffffff08}.intro{background-image:linear-gradient(90deg,#21181afc 0%,#28191bd9 48%,#3d161b66 78%,#1b1015c9),url('rock-stage.svg');background-size:cover,900px auto;background-position:center,right 48%;border:1px solid #f07b483d;box-shadow:0 24px 48px -28px #000,inset 0 1px #ffd5a012;min-height:285px}.intro:before{background:linear-gradient(125deg,transparent 35%,#ff4d2d3b 50%,transparent 65%),repeating-linear-gradient(0deg,#ffdfb407 0,#ffdfb407 1px,transparent 1px,transparent 5px);opacity:.45;mask-image:none}.intro:after{content:'PLAY • LEARN • REPEAT';position:absolute;right:24px;bottom:14px;letter-spacing:4px;font:9px system-ui;color:#f9b49466;z-index:-1}.intro h1{text-shadow:0 3px 16px #0008}.eyebrow{color:#ff9a72}.eyebrow:before{content:'';display:inline-block;width:23px;height:2px;background:#ed6144;vertical-align:middle;margin-right:10px;box-shadow:0 0 12px #fb5a38}.guitar-art{height:360px;width:34%;top:-35px;right:12px;filter:drop-shadow(10px 15px 13px #000b) drop-shadow(-8px 0 25px #f8502522)}.hero-caption span{background:#170f10b8;border-color:#ee9d6a33;color:#e7c4a9}.primary{background:linear-gradient(130deg,#ffd099,#db9258);box-shadow:0 4px 0 #875034,0 8px 20px #e6552112}.primary:hover{background:linear-gradient(130deg,#ffe0ba,#f2a567);box-shadow:0 6px 0 #875034,0 12px 25px #d83c1c25}.secondary:hover{background:#e34b2810;border-color:#ce8052}.beginner-start{background:linear-gradient(105deg,#563022aa,#21191bf5 65%)}.beginner-start:before{background:linear-gradient(#ff8e5d,#b42b2b);box-shadow:0 0 15px #f2603022}.sound-panel{background:radial-gradient(ellipse at top right,#822d2725,transparent 65%),linear-gradient(120deg,#2c211ef5,#1c191bf5);border-top-color:#c26b4840}.sound-panel h2:before{content:'●';font-size:10px;color:#f3734e;margin-right:10px;text-shadow:0 0 12px #f56c3d}.sound-panel .tag{background:#211717;color:#e0b391;border-color:#d8744838}.metro{background:radial-gradient(ellipse at 50% 35%,#712f2522,transparent 50%),#1d191bf5}.tempo input{color:#f6c899}.beat.on{background:#ffae76!important;box-shadow:0 0 18px #ff6f3566!important}.tip{background:radial-gradient(ellipse at top right,#943c292b,transparent 70%),#1d191bf5}select{background-color:#171416;border-color:#ffffff20}.room-toggle{background:#21181b;color:#e0bcaa;border-color:#af654333}#board,.lesson-board{border-color:#af714b77;box-shadow:0 10px 20px #0007,inset 0 2px 5px #0009}.note.root{background:linear-gradient(135deg,#ffdcad,#dc955d)}.legend .dot.root{background:#f2b77a}.lesson-grid .card{background:linear-gradient(140deg,#69302525,transparent 65%),#1d191bf5}.lesson-grid .card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(#ce654600, #ce654688,#ce654600)}.lesson-grid .card:hover{border-color:#f79b5866}.teaching-visual{background:#171416}.exercise-box{background:#28201f}.lesson-goal{background:#ac4b2112}.narrator-panel{background:radial-gradient(ellipse at top right,#cb52301e,transparent 70%),#211a1c;border-color:#d17d4b55}.focus-room{--bg:#09080a;--panel:#151214;background-image:linear-gradient(#09080ad9,#09080ae8),url('rock-stage.svg')}.focus-room aside{background:#100c10}.focus-room .intro{background-image:linear-gradient(90deg,#171217f2,#31141ab8),url('rock-stage.svg');background-size:cover,900px auto;background-position:center,right center}footer{border-top-color:#e6854d22;color:#ac8f83}.intro:hover .guitar-art{filter:drop-shadow(10px 18px 14px #000b) drop-shadow(-10px 0 30px #f8502533)}@media(max-width:800px){body{background-size:cover,1050px auto,cover}.intro{min-height:270px}.guitar-art{width:38%;right:-15px;height:340px;top:-20px}.intro:after{letter-spacing:2px;font-size:8px}.intro h1{max-width:76%}}@media(max-width:650px){body{background-image:linear-gradient(#100e10bd,#100e10de),url('rock-stage.svg');background-size:cover,950px auto;background-attachment:scroll}.intro{min-height:275px;background-position:center,right center}.guitar-art{width:50%;right:-37px;top:0;opacity:.5}.intro h1{max-width:90%;font-size:28px}.intro:after{right:16px;bottom:9px;font-size:7px}.hero-caption{gap:5px}aside{background:linear-gradient(110deg,#281a1b,#121015)}header{background:transparent}}