.cvc{--tear:50%;position:relative;border-radius:22px;overflow:hidden;background:#0A1628;color:#fff;box-shadow:0 40px 80px -40px #000c}
.cvc .stage{position:relative;height:var(--stageH,520px)}
.chaos{position:absolute;inset:0;overflow:hidden;background:#0A1628}
.chaos:before{content:"";position:absolute;inset:0;background:url(assets/oldway-desk.jpg) center/cover;filter:grayscale(.6) brightness(.38) blur(1px);transform:scale(1.05)}
.chaos .hd,.clean .hd{position:absolute;z-index:6;font:400 clamp(30px,3.3vw,50px)/.95 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.01em;margin:0}
.chaos .hd{left:3%;top:5%;width:44%}.chaos .hd span{display:block}.chaos .hd .r{color:#F59E2B}
.chaos .hd:after{content:"";display:block;height:6px;width:70%;margin-top:8px;background:#E0483B;border-radius:6px;transform:rotate(-1.5deg)}
.win{position:absolute;z-index:3;background:#fff;color:#0A1628;border-radius:9px;box-shadow:0 14px 30px -8px #000d;font:600 11px/1.3 Inter,sans-serif;overflow:hidden;will-change:transform}
.win .tb{display:flex;align-items:center;gap:5px;background:#E8EDF4;padding:5px 8px;font-weight:800;font-size:11px;border-bottom:1px solid #CBD5E3}
.win .tb i{width:7px;height:7px;border-radius:50%;background:#C3CCD9}.win .tb i:first-child{background:#E0483B}
.win .bd{padding:7px 9px}.win .rw{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-bottom:1px solid #EEF2F7}
.win .big{font-size:19px;font-weight:900}.win .btnx{display:inline-block;background:#1E3A66;color:#fff;border-radius:5px;padding:3px 9px;margin-top:5px;font-size:10px}
.win.dk{background:#16233A;color:#fff}.win.dk .tb{background:#22324F;border-color:#2E4265;color:#fff}.win.dk .fld{background:#0E1828;border:1px solid #2E4265;border-radius:4px;padding:3px 6px;margin:4px 0;color:#C9D4E6}
.gridc{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.gridc b{height:11px;background:#E6EEF9;border-radius:2px}.gridc b.x{background:#F8C9C4;outline:1.5px solid #E0483B}.gridc b.y{background:#CFE3F7}
.pile{position:absolute;left:0;right:0;top:40%;bottom:3%}
.note{position:absolute;z-index:5;background:#FFE36E;color:#2A2000;font:400 15px/1.05 'Permanent Marker',cursive;padding:9px 10px 11px;box-shadow:0 10px 18px -6px #000b;text-align:center;text-transform:uppercase;will-change:transform}
.note.p{background:#FFB3C7;color:#3A0716}.note.o{background:#FFC27A;color:#2A1600}
.scrib{position:absolute;z-index:4;pointer-events:none}.scrib path{fill:none;stroke:#E0483B;stroke-width:3;stroke-linecap:round}
.clean{position:absolute;top:0;bottom:0;left:var(--tear);right:0;min-width:50%;background:radial-gradient(600px 400px at 70% 80%,#1C3560,#0A1628 70%);clip-path:polygon(2.22% 0.00%,0.36% 2.08%,1.56% 4.17%,0.17% 6.25%,1.29% 8.33%,2.32% 10.42%,0.14% 12.50%,1.22% 14.58%,0.09% 16.67%,1.04% 18.75%,1.61% 20.83%,0.22% 22.92%,1.02% 25.00%,1.98% 27.08%,0.30% 29.17%,1.98% 31.25%,1.51% 33.33%,2.27% 35.42%,1.39% 37.50%,0.95% 39.58%,3.78% 41.67%,0.11% 43.75%,2.06% 45.83%,0.70% 47.92%,0.35% 50.00%,1.72% 52.08%,0.74% 54.17%,1.96% 56.25%,0.43% 58.33%,1.40% 60.42%,2.97% 62.50%,0.89% 64.58%,1.31% 66.67%,0.15% 68.75%,0.14% 70.83%,1.93% 72.92%,1.63% 75.00%,1.03% 77.08%,0.75% 79.17%,1.41% 81.25%,2.53% 83.33%,0.72% 85.42%,1.91% 87.50%,1.68% 89.58%,0.59% 91.67%,2.82% 93.75%,1.26% 95.83%,2.10% 97.92%,1.75% 100.00%,100% 100%,100% 0%);z-index:8;will-change:left}
.clean:before{content:"";position:absolute;inset:0 auto 0 0;width:16px;background:#F3EEE4;clip-path:polygon(2.22% 0.00%,0.36% 2.08%,1.56% 4.17%,0.17% 6.25%,1.29% 8.33%,2.32% 10.42%,0.14% 12.50%,1.22% 14.58%,0.09% 16.67%,1.04% 18.75%,1.61% 20.83%,0.22% 22.92%,1.02% 25.00%,1.98% 27.08%,0.30% 29.17%,1.98% 31.25%,1.51% 33.33%,2.27% 35.42%,1.39% 37.50%,0.95% 39.58%,3.78% 41.67%,0.11% 43.75%,2.06% 45.83%,0.70% 47.92%,0.35% 50.00%,1.72% 52.08%,0.74% 54.17%,1.96% 56.25%,0.43% 58.33%,1.40% 60.42%,2.97% 62.50%,0.89% 64.58%,1.31% 66.67%,0.15% 68.75%,0.14% 70.83%,1.93% 72.92%,1.63% 75.00%,1.03% 77.08%,0.75% 79.17%,1.41% 81.25%,2.53% 83.33%,0.72% 85.42%,1.91% 87.50%,1.68% 89.58%,0.59% 91.67%,2.82% 93.75%,1.26% 95.83%,2.10% 97.92%,1.75% 100.00%,100% 100%,100% 0%);filter:drop-shadow(0 0 4px #0008)}
.clean .hd{left:9%;top:5%;right:4%}.clean .hd span{display:block}.clean .hd .g{color:#F59E2B}
.tablet{position:absolute;left:9%;right:5%;bottom:6%;top:36%;background:#0E1626;border-radius:22px;padding:10px;border:2px solid #31466B;box-shadow:0 30px 70px -20px #000e}
.dash{background:#fff;color:#0A1628;height:100%;border-radius:13px;overflow:hidden;display:grid;grid-template-columns:118px 1fr;font:500 11px/1.3 Inter,sans-serif}
.dash .sd{background:#0A1628;color:#C9D4E6;padding:10px 8px}.dash .sd .lg{display:flex;align-items:center;gap:5px;color:#fff;font-weight:800;font-size:12px;margin-bottom:10px}.dash .sd .lg img{height:18px}
.dash .sd div{padding:5px 7px;border-radius:6px;font-weight:600}.dash .sd .on{background:#F59E2B;color:#1A1205}
.dash .mn{padding:10px 12px;min-width:0;overflow:hidden}.dash .mn h5{margin:0 0 7px;font-size:13px}
.kp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:8px}.kp div{background:#F3F6FB;border-radius:8px;padding:6px 7px;min-width:0}.kp small{display:block;color:#46536A;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kp b{font-size:15px;font-weight:900}.kp em{display:block;font-style:normal;color:#0B5E3C;font-size:9.5px;font-weight:700}
.sch{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-bottom:8px}.sch div{background:#F3F6FB;border-radius:6px;padding:4px;min-height:56px;font-size:9px;color:#46536A;font-weight:700}.sch i{display:block;font-style:normal;background:#12305C;color:#fff;border-radius:4px;padding:2px 4px;margin-top:3px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sch i.a{background:#F59E2B;color:#1A1205}
.fmn{display:flex;gap:7px;align-items:center;background:#FFF1DC;border:1px dashed #D98A1C;color:#3A2200;border-radius:8px;padding:6px 8px;font-weight:600}
.banner{display:flex;align-items:center;justify-content:center;gap:14px;background:#F59E2B;color:#1A1205;font:400 clamp(20px,2.2vw,30px)/1 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;padding:14px 18px;position:relative;z-index:9}
.banner .ck{width:30px;height:30px;border-radius:50%;background:#0A1628;color:#F59E2B;display:grid;place-items:center;font:900 16px Inter}
@media(max-width:900px){
.cvc .stage{height:auto}.chaos{position:relative;height:500px}.pile{top:150px;right:-92%;left:0;bottom:2%}.pile .win{font-size:10px}.note{font-size:12px;padding:6px 7px 8px}.chaos .hd{width:auto;right:4%;font-size:34px}
.clean{position:relative;left:0!important;min-width:0;clip-path:polygon(0.00% 3.11%,2.50% 3.43%,5.00% 0.41%,7.50% 1.46%,10.00% 2.65%,12.50% 2.63%,15.00% 1.71%,17.50% 0.14%,20.00% 2.34%,22.50% 2.68%,25.00% 4.11%,27.50% 3.06%,30.00% 1.10%,32.50% 2.43%,35.00% 2.08%,37.50% 4.13%,40.00% 1.60%,42.50% 2.94%,45.00% 3.31%,47.50% 1.66%,50.00% 4.42%,52.50% 0.21%,55.00% 2.46%,57.50% 2.26%,60.00% 3.48%,62.50% 4.98%,65.00% 1.00%,67.50% 1.35%,70.00% 2.34%,72.50% 0.08%,75.00% 3.72%,77.50% 0.59%,80.00% 0.41%,82.50% 0.21%,85.00% 2.69%,87.50% 2.55%,90.00% 0.87%,92.50% 1.37%,95.00% 3.05%,97.50% 0.28%,100.00% 3.67%,100% 100%,0% 100%);margin-top:-26px;padding:44px 16px 18px}
.clean:before{inset:0 0 auto 0;width:auto;height:16px;clip-path:polygon(0.00% 3.11%,2.50% 3.43%,5.00% 0.41%,7.50% 1.46%,10.00% 2.65%,12.50% 2.63%,15.00% 1.71%,17.50% 0.14%,20.00% 2.34%,22.50% 2.68%,25.00% 4.11%,27.50% 3.06%,30.00% 1.10%,32.50% 2.43%,35.00% 2.08%,37.50% 4.13%,40.00% 1.60%,42.50% 2.94%,45.00% 3.31%,47.50% 1.66%,50.00% 4.42%,52.50% 0.21%,55.00% 2.46%,57.50% 2.26%,60.00% 3.48%,62.50% 4.98%,65.00% 1.00%,67.50% 1.35%,70.00% 2.34%,72.50% 0.08%,75.00% 3.72%,77.50% 0.59%,80.00% 0.41%,82.50% 0.21%,85.00% 2.69%,87.50% 2.55%,90.00% 0.87%,92.50% 1.37%,95.00% 3.05%,97.50% 0.28%,100.00% 3.67%,100% 100%,0% 100%)}
.clean .hd{position:relative;left:auto;top:auto;right:auto;font-size:32px;margin:0 0 14px}
.tablet{position:relative;inset:auto;border-radius:16px;padding:7px}.dash{grid-template-columns:1fr;height:auto}.dash .sd{display:none}.dash .mn{padding:10px}
.kp{grid-template-columns:repeat(2,minmax(0,1fr))}.banner{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.win,.note,.clean{transform:none!important}}