:root{
/* ===== brass bezel — ALWAYS diagonal (155°) multi-stop ===== */
--grad-bezel:linear-gradient(155deg,#8A6134 0%,#5A3D1C 30%,#6E4D26 52%,#3C2811 78%,#5A3D1C 100%); /* @kind color */
--grad-bezel-slot:linear-gradient(150deg,#4E3A1E,#2A1C0D); /* @kind color */
--grad-panel-interior:linear-gradient(170deg,#221A10,#140E07); /* @kind color */
--grad-card:linear-gradient(170deg,#3A2C1A,#241A0E); /* @kind color */
--grad-card-footer:linear-gradient(180deg,#241A0E,#17100A); /* @kind color */
/* buttons */
--grad-btn-primary:linear-gradient(180deg,#8A2226,#4A0E10); /* @kind color */
--grad-btn-secondary:linear-gradient(180deg,#4A3318,#241708); /* @kind color */
--grad-btn-plate:linear-gradient(180deg,#EFE6D2,#C9BDA0); /* @kind color */
--grad-octagon:linear-gradient(160deg,#7A5A30,#4A3318 55%,#5C4322); /* @kind color */
--grad-nav-ground:linear-gradient(160deg,#4A1214,#200607 60%,#3A0E10); /* @kind color */
--grad-status-plate:linear-gradient(160deg,#5A3D1C,#2A1C0D 55%,#463012); /* @kind color */
/* struts & brackets (support hardware) */
--grad-strut-v:linear-gradient(90deg,#241708,#7A5A30 45%,#3A2610); /* @kind color */
--grad-strut-h:linear-gradient(180deg,#7A5A30,#3A2610); /* @kind color */
--grad-strut-floor:linear-gradient(90deg,#241708,#6B4E26 45%,#241708); /* @kind color */ /* 床支柱 — darker, center-symmetric */
--grad-strut-bolt:linear-gradient(90deg,#6B4E26,#3A2610); /* @kind color */ /* 吊りボルト — thin modal hanger */
--grad-bracket:linear-gradient(180deg,#8A6A3A,#4A3318); /* @kind color */
--grad-lever-cap:linear-gradient(180deg,#D8B46B,#8A6A3A); /* @kind color */
--grad-rivet:radial-gradient(circle at 35% 30%,#E6C88E,#7A5A30 65%,#3A2610); /* @kind color */
/* lamps */
--grad-lamp-green:radial-gradient(circle at 35% 30%,#A8FFC4,#39C46B 60%,#0F4B26); /* @kind color */
--grad-lamp-amber:radial-gradient(circle at 35% 30%,#FFE9A8,#E0A92F 60%,#5C4008); /* @kind color */
--grad-lamp-red:radial-gradient(circle at 35% 30%,#FF9F98,#D33830 60%,#511008); /* @kind color */
--grad-coin-madness:radial-gradient(circle at 38% 32%,#FF8F88,#B3282D 58%,#4A0C0A); /* @kind color */
--grad-dial-face:radial-gradient(circle at 50% 40%,#E8DCC2,#C7B58E 70%); /* @kind color */
/* ===== shadows ===== */
--shadow-panel:0 20px 50px rgba(0,0,0,.75),inset 0 2px 3px rgba(255,230,180,.35),inset 0 -3px 6px rgba(0,0,0,.6); /* @kind shadow */
--shadow-card:0 12px 26px rgba(0,0,0,.7),inset 0 2px 2px rgba(255,230,180,.3); /* @kind shadow */
--shadow-interior:inset 0 0 50px rgba(0,0,0,.85); /* @kind shadow */
--shadow-slot:inset 0 3px 8px #000; /* @kind shadow */ /* black grooves */
--shadow-dial:inset 0 3px 8px rgba(0,0,0,.5); /* @kind shadow */
/* press depth: thickness lives in the bottom shadow; active = translateY + thinner shadow */
--press-primary:0 7px 0 #1C0405,inset 0 2px 2px rgba(255,200,190,.3); /* @kind shadow */
--press-primary-down:0 2px 0 #1C0405; /* @kind shadow */
--press-secondary:0 4px 0 #0D0803; /* @kind shadow */
--press-secondary-down:0 1px 0 #0D0803; /* @kind shadow */
--press-octagon:0 6px 0 #241708; /* @kind shadow */
--press-octagon-down:0 2px 0 #241708; /* @kind shadow */
--press-plate:0 6px 0 #6E6650; /* @kind shadow */
--press-plate-down:0 2px 0 #6E6650; /* @kind shadow */
/* ===== radii — panels 10–20px; never square, never pill ===== */
--r-panel:20px; /* @kind radius */
--r-screen:10px; /* @kind radius */
--r-card:10px; /* @kind radius */
--r-btn:10px; /* @kind radius */
--r-btn-sm:8px; /* @kind radius */
--r-slot:6px; /* @kind radius */
/* octagon: double-shell clip */
--clip-octagon:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%); /* @kind other */
--clip-tag:polygon(0 0,100% 0,92% 100%,0 100%); /* @kind other */
/* misc */
--stripe-placeholder:repeating-linear-gradient(45deg,#1C130B 0 18px,#171009 18px 36px); /* @kind color */
--stripe-bar-green:repeating-linear-gradient(90deg,#39C46B 0 14px,#2F9C58 14px 28px); /* @kind color */
--stripe-bar-gold:repeating-linear-gradient(90deg,#E8B13A 0 10px,#C9902A 10px 20px); /* @kind color */
--stripe-bar-red:repeating-linear-gradient(90deg,#C0392B 0 8px,#96281C 8px 16px); /* @kind color */
--glow-green:0 0 10px rgba(84,255,138,.55); /* @kind shadow */
--glow-gold:0 0 18px rgba(232,177,58,.35); /* @kind shadow */
--glow-red:0 0 12px rgba(227,52,47,.4); /* @kind shadow */
}