body{background:#12130f}#app{background:radial-gradient(ellipse at 60% 5%,#292b22,transparent 60%),repeating-linear-gradient(45deg,#ffffff02 0 1px,transparent 1px 3px),#11130e}.app-header{padding-bottom:20px}.app-header .brand>span{font-family:Arial,sans-serif;font-weight:600;font-size:clamp(2.7rem,12vw,4.5rem);letter-spacing:.18em;background:linear-gradient(#f8dbab,#a98049 70%,#d6b17a);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 3px 1px #000)}.instrument{padding:6px 13px 0;position:relative}.dial{aspect-ratio:1;border-radius:50%;border:2px solid #c29e65;position:relative;touch-action:pinch-zoom;background:repeating-conic-gradient(from 0deg,#b9915255 0deg .7deg,transparent .7deg 4deg),#12140f;box-shadow:0 0 0 3px #030503,0 0 0 6px #51432b,0 0 0 8px #15160f,inset 0 0 20px #000,0 10px 22px #000b;cursor:grab;user-select:none}.dial.dragging{cursor:grabbing}.dial-rotor{position:absolute;inset:3%;border-radius:50%;will-change:transform;background:repeating-conic-gradient(#fff1 0deg .03deg,transparent .03deg .25deg),conic-gradient(#181b14,#36362a,#13170f,#292c20,#10150f,#343329,#181b14);box-shadow:0 2px 10px #0009}.dial-sectors{position:absolute;inset:0;width:100%;height:100%}.sector{fill:transparent;stroke:#060903;stroke-width:1.7;transition:fill .2s}.sector.selected{fill:url(#brass);stroke:#e4cda1;stroke-width:1}.dial-label{position:absolute;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:52px;min-width:62px;font-size:clamp(.9rem,3.9vw,1.75rem);color:#d6c9a9;line-height:1.2}.dial-label .icon{width:clamp(24px,8vw,40px);height:clamp(24px,8vw,40px)}.dial-label.selected{color:#252619}.dial-center{position:absolute;inset:26%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid #d5b47d;border-radius:50%;background:repeating-conic-gradient(#ffffff04 0deg .06deg,transparent .06deg .25deg),conic-gradient(#11150f,#48483a,#13160f,#32352a,#0e140d,#30322a,#11150f);box-shadow:0 0 0 4px #151509,0 0 0 6px #645238,inset 0 0 0 3px #171b13,inset 0 0 30px #000b,0 8px 15px #000b;pointer-events:none}.dial-center>span{text-align:center;font-size:clamp(.75rem,3.2vw,1.5rem);letter-spacing:.13em;line-height:1.6;color:#e1cea6}.dial-center i{width:25px;height:1px;background:#bc995e;margin-top:13px}.dial-pointer{position:absolute;left:50%;top:7px;transform:translateX(-50%);border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:14px solid #fff0ca;z-index:2;filter:drop-shadow(0 0 5px #f4c372)}.dial-buttons{display:flex;align-items:center;justify-content:space-between;font:12px Arial,sans-serif;color:#b6b19d;margin:14px 10px 9px;gap:10px}.dial-buttons button{width:44px;height:44px;display:grid;place-items:center;color:#c7aa79}.instrument-result{padding:0 14px}.instrument-plate.fix-card{border-radius:15px;border:1px solid #8c815e;background:repeating-linear-gradient(45deg,#ffffff02 0 1px,transparent 1px 3px),#161811;box-shadow:inset 0 0 0 4px #080a06,inset 0 0 0 5px #534c34,0 6px 20px #000b;text-align:center;padding:25px}.instrument-plate.fix-card h2{max-width:none;font-size:clamp(1.8rem,7.2vw,3.2rem);margin:15px 0}.instrument-plate.fix-card>p{margin:0 auto 22px}.instrument-plate .card-kicker{font-size:10px;text-align:left}.instrument-plate .primary{background:repeating-linear-gradient(0deg,#fff2 0 1px,transparent 1px 3px),linear-gradient(110deg,#9c723e,#e7c792 40%,#b49361 85%);box-shadow:inset 0 0 0 3px #49341d66,0 5px 12px #0008;min-height:65px;font-size:1.8rem;justify-content:center}.instrument-plate .primary .icon{margin-left:auto}.instrument-plate .card-meta{justify-content:center;border-top:1px solid #82724955;padding-top:15px}.instrument-plate:before,.instrument-plate:after{content:'';position:absolute;width:13px;height:13px;border:1px solid #aa9065;border-radius:50%;background:linear-gradient(45deg,#c5ab7b 44%,#17170f 45%,#17170f 55%,#74603a 56%);top:8px;box-shadow:1px 2px 3px #000}.instrument-plate:before{left:9px}.instrument-plate:after{right:9px}@media(min-width:650px){.instrument{max-width:630px;margin:auto}.instrument-result{padding:0 35px}.dial-buttons{font-size:14px}}