#warmups{max-width:1540px;margin:auto}
.smartWarmHeader{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;padding:8px 2px}
.smartWarmHeader>div:first-child>span,.smartWarmKicker{color:#e4b55b;font-size:9px;letter-spacing:.16em}
.smartWarmHeader h1{margin:7px 0 5px;font:clamp(44px,5vw,70px)/.96 Georgia,serif;color:#f3f0e8}
.smartWarmHeader p{margin:0;color:#9babb8;font-size:15px;line-height:1.55}
.smartWarmSource{display:flex;align-items:center;gap:9px;max-width:320px;padding:11px 13px;border:1px solid #3b5063;border-radius:999px;background:#0a1721;color:#94a5b3;font-size:11px;line-height:1.3}
.smartWarmSource i{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#e0ad4d;box-shadow:0 0 0 5px rgba(224,173,77,.09)}
.smartWarmSource.connected{border-color:#38664b;color:#9bd2ad}.smartWarmSource.connected i{background:#5ccf85;box-shadow:0 0 0 5px rgba(92,207,133,.1)}
.smartWarmLayout{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(500px,1.35fr) minmax(260px,.65fr);gap:14px;align-items:stretch}
.smartWarmLayout>.panel{margin:0;border-radius:20px;border-color:#344b5f;background:linear-gradient(155deg,rgba(15,29,41,.98),rgba(5,14,22,.98));box-shadow:0 24px 64px rgba(0,0,0,.25)}
.smartRollPanel{display:flex;flex-direction:column;min-height:655px;padding:26px!important;background:radial-gradient(circle at 100% 0,rgba(222,174,82,.13),transparent 38%),linear-gradient(155deg,#122433,#07121b)!important}
.smartRollPanel .roll{margin:16px 0 20px;font:clamp(30px,3vw,45px)/1.05 Georgia,serif;color:#f4f1e9}
.smartWarmExercise{padding:19px;border:1px solid #685535;border-radius:15px;background:linear-gradient(135deg,rgba(226,177,83,.12),rgba(7,17,25,.7))}
.smartWarmExercise small{display:block;margin-bottom:10px;color:#c79c49;font-size:8px;letter-spacing:.14em}
.smartWarmExercise b{display:block;margin-bottom:8px;color:#fff;font:25px Georgia,serif}
.smartWarmExercise div{color:#aebbc5;font-size:13px;line-height:1.6}
.smartWarmActions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:auto;padding-top:22px}.smartWarmActions button{min-height:51px;font-size:12px}
.warmReferencePanel{overflow:hidden;padding:0!important}
.warmReferenceHead{display:flex;justify-content:space-between;align-items:end;gap:16px;padding:22px 22px 15px}
.warmReferenceHead span{display:block;color:#e2b157;font-size:8px;letter-spacing:.15em}.warmReferenceHead h2{margin:6px 0 0;font:27px Georgia,serif}.warmReferenceHead>b{padding:7px 9px;border:1px solid #405669;border-radius:999px;color:#9fb0be;font-size:9px;white-space:nowrap}
.warmFeaturedReference{position:relative;display:grid;place-items:center;height:430px;overflow:hidden;border-top:1px solid #2a3e50;border-bottom:1px solid #2a3e50;background:radial-gradient(circle at 50% 45%,#172c3d,#040b11 75%)}
.warmFeaturedReference>img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.warmFeaturedReference:hover>img{transform:scale(1.015)}
.warmFeaturedReference>div:not(.warmReferenceEmpty){position:absolute;left:14px;right:14px;bottom:13px;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(3,10,15,.82);backdrop-filter:blur(12px)}
.warmFeaturedReference small,.warmFeaturedReference b,.warmFeaturedReference span{display:block}.warmFeaturedReference small{color:#dfb45d;font-size:8px;letter-spacing:.13em}.warmFeaturedReference b{margin:5px 0 3px;color:#fff;font-size:14px}.warmFeaturedReference span{color:#92a4b3;font-size:9px}
.warmReferenceEmpty{text-align:center;padding:34px;color:#8ea0af}.warmReferenceEmpty i{display:grid;place-items:center;width:65px;height:65px;margin:0 auto 15px;border:1px solid #645334;border-radius:50%;color:#e4b55d;font-size:24px;font-style:normal}.warmReferenceEmpty b,.warmReferenceEmpty span{display:block}.warmReferenceEmpty b{color:#e8edf0;font:20px Georgia}.warmReferenceEmpty span{max-width:340px;margin:7px auto 0;line-height:1.5}
.warmReferenceThumbs{display:flex;gap:7px;overflow:auto;padding:10px 13px}.warmReferenceThumbs button{position:relative;flex:0 0 72px;height:68px;overflow:hidden;padding:0;border:1px solid #344a5d;border-radius:9px;background:#07121b}.warmReferenceThumbs button.active{border-color:#e1b35a;box-shadow:0 0 0 2px rgba(225,179,90,.13)}.warmReferenceThumbs img{width:100%;height:100%;object-fit:cover}.warmReferenceThumbs span{position:absolute;right:4px;bottom:4px;padding:2px 4px;border-radius:4px;background:#061019dd;color:#fff;font-size:7px}
.warmReferenceFooter{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid #263a4b;color:#8598a8;font-size:9px}.warmReferenceFooter>div{display:flex;gap:6px;flex-wrap:wrap}.warmReferenceFooter button,.warmFolderButton{padding:7px 9px!important;font-size:8px!important;white-space:nowrap}.warmFolderButton{display:inline-flex;align-items:center;cursor:pointer}
.smartLogicPanel{padding:24px!important}.smartLogicPanel h3{margin:7px 0 18px;font:24px Georgia,serif}.smartLogicPanel .logic{display:grid;gap:7px}.smartLogicPanel .logic div{padding:10px;border:1px solid #2c4052;border-radius:10px;background:#08131d}.smartLogicPanel .logic b{display:block;margin-bottom:4px;color:#f0c46b;font-size:10px}.smartLogicPanel .logic span{display:block;color:#879bab;font-size:9px;line-height:1.45}
.warmDrillModal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:18px;background:rgba(2,6,10,.92);backdrop-filter:blur(18px)}.warmDrillModal[hidden]{display:none}.warmDrillOpen{overflow:hidden}
.warmDrillShell{width:min(1500px,100%);height:min(940px,calc(100vh - 36px));overflow:auto;border:1px solid #40596d;border-radius:23px;background:radial-gradient(circle at 100% 0,rgba(221,173,82,.1),transparent 30%),#07121b;box-shadow:0 40px 120px #000b}
.warmDrillShell>header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 19px;border-bottom:1px solid #304659;background:rgba(7,18,27,.92);backdrop-filter:blur(14px)}.warmDrillShell>header span{color:#e3b45a;font-size:8px;letter-spacing:.16em}.warmDrillShell>header h2{margin:5px 0 0;font:27px Georgia,serif}
.warmDrillGrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:14px;padding:14px}.warmDrillStage{position:relative;display:grid;place-items:center;min-height:690px;margin:0;overflow:hidden;border:1px solid #344b5e;border-radius:17px;background:radial-gradient(circle at 50% 42%,#162c3c,#03090e 74%)}.warmDrillStage>img{width:100%;height:690px;object-fit:contain}.warmDrillStage figcaption{position:absolute;left:15px;right:15px;bottom:14px;display:flex;justify-content:space-between;gap:15px;padding:11px 13px;border:1px solid rgba(255,255,255,.15);border-radius:11px;background:rgba(3,10,15,.8);backdrop-filter:blur(10px)}.warmDrillStage figcaption b{font-size:11px}.warmDrillStage figcaption span{color:#dcb25f;font-size:10px}
.warmDrillControls{display:flex;flex-direction:column;padding:22px;border:1px solid #344a5d;border-radius:17px;background:linear-gradient(160deg,#102230,#07131c)}.warmDrillControls>p{min-height:80px;margin:10px 0 20px;color:#a8b6c1;font-size:14px;line-height:1.65}.warmDrillTimer{margin:10px 0 20px;text-align:center;color:#f2c46a;font:clamp(56px,7vw,90px)/1 Georgia,serif;letter-spacing:-.04em}.warmDrillControls label{color:#869aaa;font-size:9px;letter-spacing:.1em}.warmDrillControls select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #40586c;border-radius:10px;background:#08141e;color:#fff}.warmDrillPrimary{display:grid;grid-template-columns:1fr auto auto;gap:7px;margin-top:10px}.warmDrillPrimary button{min-height:48px}.warmOpenLibrary{margin-top:auto!important;min-height:45px}.warmDrillControls>small{margin-top:10px;color:#63798b;text-align:center}
.warmDrillStrip{display:flex;gap:8px;overflow:auto;padding:0 14px 14px}.warmDrillStrip button{flex:0 0 96px;height:76px;overflow:hidden;padding:0;border:1px solid #32485b;border-radius:9px;background:#07121b}.warmDrillStrip button.active{border-color:#e2b359;box-shadow:0 0 0 2px rgba(226,179,89,.13)}.warmDrillStrip img{width:100%;height:100%;object-fit:cover}
@media(max-width:1450px){.smartWarmLayout{grid-template-columns:1fr 1.25fr}.smartLogicPanel{grid-column:1/-1}.smartLogicPanel .logic{grid-template-columns:repeat(4,1fr)}.smartRollPanel{min-height:590px}.warmDrillGrid{grid-template-columns:1fr}.warmDrillControls{min-height:430px}.warmOpenLibrary{margin-top:20px!important}}
@media(max-width:760px){.smartWarmHeader{display:block}.smartWarmSource{margin-top:14px}.smartWarmLayout{grid-template-columns:1fr}.smartLogicPanel{grid-column:auto}.smartLogicPanel .logic{grid-template-columns:1fr 1fr}.smartRollPanel{min-height:auto}.smartWarmActions{margin-top:20px}.warmFeaturedReference{height:360px}.warmReferenceFooter{align-items:flex-start;flex-direction:column}.warmDrillModal{padding:0}.warmDrillShell{height:100vh;border-radius:0}.warmDrillStage{min-height:480px}.warmDrillStage>img{height:480px}.warmDrillTimer{font-size:64px}}
