.suki-view{display:none}
body[data-theme=suki]{--accent:#ff3284}
body[data-theme=suki][data-page=dashboard] .app{padding:0;max-width:none;height:100dvh;min-height:0}
body[data-theme=suki][data-page=dashboard] .app>header,body[data-theme=suki][data-page=dashboard] .app>nav,body[data-theme=suki][data-page=dashboard] #dashboard>.dash-caption,body[data-theme=suki][data-page=dashboard] #dashboard>.instrument,body[data-theme=suki][data-page=dashboard] #dashboard>.demo-controls{display:none}
body[data-theme=suki][data-page=dashboard] #dashboard{height:100dvh;overflow:hidden}
body[data-theme=suki] .suki-view{display:block}
.suki-view{container-type:size;position:relative;isolation:isolate;height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 79% 38%,#5c1638 0,transparent 56%),#100b12;color:#fff2f6;font-family:Arial,'Microsoft YaHei',sans-serif}
.suki-view:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0000001a 3px 4px);pointer-events:none;z-index:2;opacity:.4}
.suki-diagonal{position:absolute;right:9%;top:-15%;height:130%;width:33%;background:#f00966;transform:skew(-18deg);opacity:.55;z-index:-1}
.suki-orbit{position:absolute;width:80cqh;height:80cqh;right:8%;top:5%;border:2.5cqw solid #f6a0cb1f;border-radius:50%;box-shadow:0 0 0 1px #ff7ab449,0 0 0 5cqw #ff528011;z-index:-1}
.suki-top{position:absolute;left:2.6%;top:0;width:94.8%;height:13%;display:flex;align-items:center;gap:1.4cqw;z-index:3;border-bottom:1px solid #eda0bc26}
.suki-top>img{width:15cqw;height:10cqh;object-fit:contain;mix-blend-mode:screen}
.suki-edition{font: .73cqw monospace;letter-spacing:.13cqw;color:#bd8fa2;border-left:1px solid #6b3550;padding-left:1.5cqw;white-space:nowrap}
.suki-edition b{color:#ff91bc;margin-left:.6cqw}
.suki-demo{margin-left:auto;font-size:.85cqw;color:#e9b2c8;white-space:nowrap}
.suki-top button{background:#150a16b3;border:1px solid #bd57805e;border-radius:4px;min-height:0;padding:1.8cqh 1.1cqw;font-size:.95cqw;color:#ffb2d0;white-space:nowrap}
.suki-title{position:absolute;left:3.8%;top:15%;width:50%;z-index:2}
.suki-title>span{font-size:6.6cqw;line-height:1;letter-spacing:.35cqw;font-style:italic;font-weight:900;color:#fff4f9;-webkit-text-stroke:1px #ffb1d3;text-shadow:.35cqw .3cqw 0 #d51064,0 0 2cqw #fa2d6b50}
.suki-title .suki-star{font-size:3.3cqw;color:#ff4e9a;display:inline-block;vertical-align:top;margin:.5cqw 0 0 1cqw;-webkit-text-stroke:0;text-shadow:none}
.suki-title small{position:absolute;left:28cqw;top:3cqh;font: .75cqw monospace;color:#e1b9cb;line-height:1.9;max-width:17cqw;letter-spacing:.12cqw}
.suki-title small i{font-style:normal;color:#f75292;margin:0 .6cqw}
.suki-tach{position:absolute;left:3%;top:33%;width:48%;height:28%;padding:1.7cqh 1.5cqw;background:linear-gradient(115deg,#e2d7de,#fff4f9 45%,#ada5b0);border: .32cqw solid #665260;box-shadow:.7cqw .7cqw 0 #09070a,0 0 0 .12cqw #f8a3c43d;border-radius:1cqw;z-index:2;color:#211723;transform:skew(-4deg)}
.suki-tach-head{display:flex;justify-content:space-between;font-size:.62cqw;font-weight:700;letter-spacing:.1cqw;color:#765b6b;margin-bottom:1cqh}
.suki-rpm-scale{display:flex;justify-content:space-around;font-size:2.3cqw;line-height:1.1;font-weight:900;font-style:italic;letter-spacing:-.12cqw}
.suki-rpm-scale span{color:#76666e}.suki-rpm-scale span.on{color:#dc095e}.suki-rpm-scale span:nth-last-child(-n+2){color:#bd1658}
.suki-segments{display:flex;gap:.18cqw;height:2.4cqh;margin:.7cqh .2cqw 1.5cqh}.suki-segments i{flex:1;background:#b7a8b2;border-top:1px solid #746373}.suki-segments i.on{background:#ec126e;border-color:#ff5f9b;box-shadow:0 0 .8cqw #fa1e7850}.suki-segments i.red.on{background:#aa0347}
.suki-tach-bottom{display:flex;align-items:center;gap:1.8cqw;height:10cqh;background:#1c111c;margin:0 -.3cqw;border-radius:.4cqw;padding:1cqh 1.1cqw;color:#fff1f7}
.suki-rev-icon{display:grid;place-items:center;width:4.1cqw;height:4.1cqw;background:linear-gradient(135deg,#ff80bc,#ea175f);font-size:3.5cqw;line-height:1;clip-path:polygon(25% 0,100% 0,75% 100%,0 100%)}
.suki-rpm-value{display:flex;align-items:baseline;gap:.8cqw}.suki-rpm-value strong{font:3.1cqw DSEG,monospace;letter-spacing:-.12cqw;min-width:13cqw;text-align:right}.suki-rpm-value>span{font-size:.75cqw;color:#dbaaC1}
.suki-throttle{margin-left:auto;display:flex;gap:.4cqw;align-items:baseline}.suki-throttle strong{font-size:3.1cqw;font-style:italic;font-weight:700;min-width:4cqw;text-align:right}.suki-throttle>span{font-size:1.4cqw}.suki-throttle small{display:block;font-size:.58cqw;letter-spacing:.08cqw;color:#d8a3bc}
.suki-rows{position:absolute;left:3%;bottom:8.5%;width:49%;display:flex;flex-direction:column;gap:1.8cqh;z-index:2}
.suki-row{height:7.3cqh;position:relative;display:flex;justify-content:space-between;align-items:center;padding:0 2cqw 0 2.5cqw;background:linear-gradient(90deg,#dd0c61 0%,#fc65a6 29%,#e6dce2 29%,#dad1d9 75%,#f9f1f6);border-radius:2px 1.8cqw 1.8cqw 2px;color:#211622;box-shadow:.5cqw .6cqw 0 #080609;overflow:hidden;transform:skew(-7deg)}
.suki-row:nth-child(2){margin-left:1.5cqw}.suki-row:nth-child(3){margin-left:3cqw}
.suki-row>span{font-size:1.65cqw;font-weight:800;font-style:italic;letter-spacing:.04cqw}.suki-row small{font-size:.7cqw;font-weight:500;margin-left:1.6cqw;color:#74576a;letter-spacing:0;display:inline-block;font-style:normal}
.suki-row>div{display:flex;align-items:baseline;gap:.5cqw}.suki-row strong{font-size:2.7cqw;line-height:1;font-weight:600;font-style:italic;font-variant-numeric:tabular-nums}.suki-row em{font-size:1cqw;color:#6a5965}.suki-row>i{position:absolute;bottom:0;left:0;height:.75cqh;background:#f81671;box-shadow:0 -1px 0 #ffc7df}
.suki-character{position:absolute;right:-2.3%;bottom:3%;height:91%;width:53%;overflow:visible;z-index:1;filter:drop-shadow(-1.3cqw .8cqw 0 #07070b55);pointer-events:none}
.suki-bottom{position:absolute;bottom:0;left:3%;width:94%;height:6%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #bd50753b;color:#be7b9b;letter-spacing:.1cqw;font-size:.67cqw;z-index:3;background:#120b12bd}
.suki-bottom b{color:#fb4d92;margin:0 .6cqw}.suki-bottom>span:nth-child(2){font-style:italic;color:#e9aecb;letter-spacing:.2cqw}
.suki-bottom button{min-height:0;padding:0;border:0;font-size:.8cqw;color:#d49cb7}
.theme-shortcuts{display:flex;gap:8px;margin-bottom:14px}.theme-shortcuts button{flex:1}
.rpm-demo-control{margin:14px 0 18px;background:#111317;padding:12px;border:1px solid #39363a;border-radius:5px}.rpm-demo-control label{display:flex;justify-content:space-between;font-size:12px}.rpm-demo-control output{color:#ff8ab6}.rpm-demo-control input{width:100%;padding:0;margin:12px 0;accent-color:#fa3a83;height:18px}.rpm-demo-control>div{display:flex;gap:8px}.rpm-demo-control button{padding:6px 12px;min-height:30px;font-size:11px;flex:1}
@media(prefers-reduced-motion:reduce){.suki-view:before{display:none}}

.suki-title>span.hiki-title{font-size:4.7cqw;letter-spacing:-.13cqw}.suki-title .hiki-title .suki-star{font-size:2.5cqw;margin-left:1cqw}.suki-title small{position:static;display:block;max-width:none;margin-top:1.6cqh;font-size:.77cqw}.suki-character{height:105%;width:57%;right:-2.5%;bottom:-9%}

/* Clip visual overhang without creating a hidden scroll area inside the gauge. */
.suki-view,.track-view,body[data-page=dashboard] #dashboard{overflow:clip}
.suki-top{height:10.5%}.suki-top>img{height:9cqh}.suki-title{top:12%}.suki-title small{margin-top:1.1cqh}
.suki-tach{top:27%;height:26%;padding-top:1.3cqh}.suki-tach-head{margin-bottom:.6cqh}.suki-tach-bottom{height:9.3cqh}.suki-segments{margin-bottom:1cqh}
.suki-rows{bottom:23%;gap:1.5cqh}.suki-row{height:6.3cqh}.suki-row strong{font-size:2.5cqw}.suki-row>span{font-size:1.5cqw}
.suki-character{top:0;bottom:auto;height:92%;width:55%;right:-2.5%}
.suki-digital{position:absolute;bottom:4.8%;left:3%;width:94%;height:16%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));z-index:4;border-top:1px solid #e449894d;border-bottom:1px solid #e4498926;background:linear-gradient(100deg,#21111d,#100c13 60%);box-shadow:0 -.5cqh 2cqh #100b1299}
.suki-digital-cell{position:relative;padding:1.5cqh 2.4cqw;border-right:1px solid #7b34553d;min-width:0}.suki-digital-cell:last-child{border:0}.digital-label{display:block;font-size:.85cqw;letter-spacing:.08cqw;color:#ef97bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.digital-label small{font-size:.67cqw;letter-spacing:0;color:#9a788a;margin-left:.8cqw}.suki-digital-cell>div{display:flex;align-items:baseline;gap:.7cqw;margin-top:1.1cqh;min-width:0}.suki-digital-cell strong{font-family:Arial,sans-serif;font-size:3.5cqw;line-height:1;font-style:italic;font-weight:650;color:#fff1f7;letter-spacing:-.08cqw;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suki-digital-cell em{font-size:.85cqw;color:#bba0af;white-space:nowrap}.digital-edit{position:absolute;right:1cqw;top:1.2cqh;color:#99506d;font-size:.95cqw}.suki-digital-cell:focus-visible{outline-offset:-3px}.suki-bottom{height:4%;font-size:.6cqw}.suki-bottom button{font-size:.7cqw}