.mat{position:relative;background-repeat:repeat;background-blend-mode:overlay}.mahogany{background-image:var(--tex-wood-dark),linear-gradient(158deg,#7b4a28 0%,#5c3218 38%,#3d1e0d 72%,#2a1409 100%);background-size:240px 240px,100% 100%;background-blend-mode:overlay,normal;box-shadow:inset 0 1px rgba(255,214,160,.22),inset 0 -2px 6px rgba(0,0,0,.55)}.mahogany-lt{background-image:var(--tex-wood-mid),linear-gradient(158deg,#c08f52 0%,#9a6836 42%,#6d431f 100%);background-size:240px 240px,100% 100%;background-blend-mode:overlay,normal;box-shadow:inset 0 1px rgba(255,229,186,.35),inset 0 -2px 6px rgba(0,0,0,.4)}.brass{background-image:var(--tex-gold),linear-gradient(152deg,#f0dcae 0%,#c9a55f 22%,#8e7434 52%,#c6a35d 76%,#6c5526 100%);background-size:200px 200px,100% 100%;background-blend-mode:soft-light,normal;box-shadow:inset 0 1px rgba(255,246,214,.7),inset 0 -1px 3px rgba(58,42,10,.65)}.verdigris{background-image:var(--tex-stone),linear-gradient(158deg,#78907a 0%,#4e6350 44%,#2b3a2d 100%);background-size:300px 300px,100% 100%;background-blend-mode:soft-light,normal;box-shadow:inset 0 1px rgba(203,226,200,.3),inset 0 -2px 7px rgba(0,0,0,.5)}.parchment{background-image:var(--tex-paper),linear-gradient(168deg,#fdf8e6 0%,#f4eecc 55%,#e3d9b0 100%);background-size:360px 360px,100% 100%;background-blend-mode:multiply,normal}.travertine{background-image:var(--tex-stone),linear-gradient(170deg,#8d876c 0%,#6b6551 48%,#494535 100%);background-size:420px 420px,100% 100%;background-blend-mode:overlay,normal}.grain{position:relative}.grain::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background-image:var(--tex-paper);background-size:200px 200px;mix-blend-mode:overlay;opacity:.18}.plaque{display:inline-flex;align-items:center;justify-content:center;padding:.32em 1.15em;border-radius:3px;font-family:var(--serif);font-feature-settings:var(--smallcaps);font-size:var(--fs-label);letter-spacing:var(--tr-engraved);line-height:1.45;color:#3a2a10;text-shadow:0 1px 0 rgba(255,244,214,.55),0 -1px 0 rgba(0,0,0,.35);background-image:var(--tex-gold),linear-gradient(180deg,#e5cb96 0%,#c6a462 38%,#a2853f 62%,#d8bb82 100%);background-size:200px 200px,100% 100%;background-blend-mode:soft-light,normal;border:1px solid rgba(60,42,12,.7);box-shadow:inset 0 1px rgba(255,248,222,.75),inset 0 -2px 4px rgba(60,42,12,.45),0 2px 5px rgba(0,0,0,.45)}.plaque-dark{color:var(--parchment);text-shadow:0 1px 1px rgba(0,0,0,.8);background-image:var(--tex-stone),linear-gradient(180deg,#3d4b3e 0%,#22301f 55%,#151f14 100%);background-blend-mode:soft-light,normal;border-color:rgba(0,0,0,.75);box-shadow:inset 0 1px rgba(160,190,158,.3),inset 0 -2px 5px rgba(0,0,0,.7),0 2px 5px rgba(0,0,0,.5)}.plaque-title{display:block;width:100%;text-align:center;color:#f6e9cf;padding:.34em 0;letter-spacing:var(--tr-engraved);font-size:var(--fs-label);background-image:linear-gradient(180deg,#8d2a2f 0%,#6b1c22 55%,#4d1218 100%);border:1px solid rgba(30,8,10,.8);text-shadow:0 1px 2px rgba(0,0,0,.7);box-shadow:inset 0 1px rgba(255,180,170,.3),inset 0 -2px 5px rgba(0,0,0,.55)}.bezel{position:relative;border-radius:50%;background-image:var(--tex-stone),conic-gradient(from 210deg,#2c3630,#5c6a5e 18%,#1b221d 42%,#48544a 62%,#222a24 82%,#2c3630);background-size:300px 300px,100% 100%;background-blend-mode:soft-light,normal;box-shadow:0 14px 34px rgba(0,0,0,.55),inset 0 2px 3px rgba(196,214,192,.35),inset 0 -3px 8px rgba(0,0,0,.75)}.bezel-rect{border-radius:10px}.bolt{position:absolute;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#f2e2b8 0%,#c0a163 34%,#7a6330 68%,#42351a 100%);box-shadow:0 1px 2px rgba(0,0,0,.6),inset 0 -1px 2px rgba(0,0,0,.5)}.orb{position:relative;border-radius:50%;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.92) 0%,rgba(255,255,255,.34) 12%,transparent 34%),radial-gradient(circle at 50% 118%,rgba(255,255,255,.3) 0%,transparent 46%),radial-gradient(circle at 62% 70%,color-mix(in srgb,var(--orb) 68%,#000) 0%,var(--orb) 44%,color-mix(in srgb,var(--orb) 55%,#000) 100%);box-shadow:0 6px 14px rgba(0,0,0,.42),inset 0 -4px 10px rgba(0,0,0,.35),inset 0 2px 4px rgba(255,255,255,.25)}.card{background-image:var(--tex-paper),linear-gradient(172deg,#ffffff 0%,var(--cream) 58%,#f2ead2 100%);background-size:400px 400px,100% 100%;background-blend-mode:multiply,normal;border:1px solid var(--navy);box-shadow:0 18px 44px rgba(0,0,0,.5),0 2px rgba(255,255,255,.4)inset}.card-frame{position:relative;padding:5px;border-radius:3px;background-image:linear-gradient(160deg,#4a5a86,#1d254c 60%,#101733);box-shadow:0 20px 50px rgba(0,0,0,.55)}.press{cursor:pointer;border:0;position:relative;transition:transform var(--t-press)var(--ease-out),filter var(--t-hover)linear}.press:hover{filter:brightness(1.1)}.press:active{transform:translateY(1px)scale(.985);filter:brightness(.94)}.press:focus-visible{outline:none;box-shadow:0 0 0 2px var(--brass-hi),0 0 0 4px rgba(29,37,76,.8)}.arrow{width:26px;height:30px;background:0 0;clip-path:polygon(0 0,100% 50%,0 100%);background-image:linear-gradient(150deg,#d94a3a,#97121a 60%,#5e0a10);filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}.arrow.left{transform:scaleX(-1)}.arrow[disabled]{opacity:.28;pointer-events:none}.dial-btn{width:52px;height:38px;border-radius:50%/50%;display:grid;place-items:center;background-image:linear-gradient(170deg,#7d9179 0%,#42533f 55%,#22301f 100%);border:1px solid rgba(0,0,0,.7);box-shadow:inset 0 1px rgba(190,214,186,.4),inset 0 -2px 5px rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.45)}.drawer{position:absolute;top:60px;bottom:60px;width:260px;display:flex;flex-direction:column;transition:transform var(--t-drawer)var(--ease-out);filter:drop-shadow(6px 0 18px rgba(0,0,0,.55))}.drawer.left{left:0;transform:translateX(-100%)}.drawer.left.open{transform:translateX(-6px)}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px}.drawer-body{flex:1;overflow:auto;padding:12px 14px;border-left:2px solid rgba(60,42,12,.5);border-right:2px solid rgba(60,42,12,.5)}.drawer-teeth{height:9px;background:repeating-linear-gradient(90deg,rgba(60,42,12,.75) 0 4px,transparent 4px 10px)}.thin-scroll{scrollbar-width:thin;scrollbar-color:var(--brass)rgba(0,0,0,.18)}.thin-scroll::-webkit-scrollbar{width:11px}.thin-scroll::-webkit-scrollbar-track{background:linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,6%));border-radius:6px}.thin-scroll::-webkit-scrollbar-thumb{border-radius:6px;background:linear-gradient(180deg,#e0c58e,#a68746 60%,#6d5626);border:1px solid rgba(50,36,10,.7)}.sc{font-family:var(--serif);font-feature-settings:var(--smallcaps);letter-spacing:var(--tr-label)}.label-red{color:var(--crimson);font-family:var(--serif);font-feature-settings:var(--smallcaps);letter-spacing:var(--tr-label)}.rule{height:1px;background:linear-gradient(90deg,transparent,var(--navy) 12%,var(--navy) 88%,transparent)}.rule-brass{height:2px;background:linear-gradient(90deg,transparent,var(--brass) 10%,var(--brass-hi) 50%,var(--brass) 90%,transparent)}