.sr{height:100svh;background:radial-gradient(ellipse at 50% 65%,#4a3220 0,#2a1a0e 50%,#140c06 100%)}.sr-head{position:absolute;top:10vh;inset-inline:0;z-index:3;text-align:center;padding:0 20px}.sr-slab{--r:0;position:absolute;left:50%;bottom:9vh;width:min(92vw,1320px);height:54vh;translate:-50% 0;border-radius:10px 14px 8px 16px/12px 8px 14px 10px;background:linear-gradient(170deg,#b5835a,#96653d 55%,#7f5330);box-shadow:0 40px 90px rgba(0,0,0,.6),inset 0 0 70px rgba(45,22,6,.55),inset 0 2px 0 rgba(255,226,186,.25)}.sr-clay{width:100%;height:100%;mix-blend-mode:multiply;opacity:.95;pointer-events:none}.sr-clay,.sr-relief{position:absolute;inset:0;border-radius:inherit}.sr-relief{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));direction:rtl;clip-path:inset(0 0 0 calc((1 - var(--r)) * 100%))}.sr-imp{--glint:0;position:relative;display:grid;align-content:center;justify-items:center;gap:12px;padding:4vh 2vw;text-align:center;color:rgba(62,34,12,.92);box-shadow:inset 0 0 calc(var(--glint) * 80px) rgba(255,196,120,calc(var(--glint) * .55))}.sr-imp:before{content:"";position:absolute;inset:14px 10px;border-radius:6px;pointer-events:none;border:2px solid rgba(58,30,8,.32);box-shadow:inset 0 2px 3px rgba(40,18,4,.35),0 1px 0 rgba(255,228,190,.3)}.sr-imp+.sr-imp:after{content:"";position:absolute;inset-block:8%;inset-inline-start:0;width:2px;background:linear-gradient(180deg,transparent,rgba(50,25,6,.3),transparent)}.sr-glyph,.sr-imp h3,.sr-imp p,.sr-num{position:relative;margin:0;text-shadow:0 1px 0 rgba(255,226,186,.4),0 -1px 0 rgba(36,16,3,.55)}.sr-num{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:14px;font-weight:600;box-shadow:inset 0 2px 3px rgba(40,18,4,.45),0 1px 0 rgba(255,228,190,.35)}.sr-glyph{font-size:clamp(48px,5vw,76px);line-height:1;font-family:Noto Sans Cuneiform,Segoe UI Historic,serif;color:rgba(58,30,9,.9);text-shadow:0 2px 0 rgba(255,226,186,.45),0 -2px 1px rgba(36,16,3,.6),0 0 calc(var(--glint) * 26px) rgba(255,200,110,var(--glint))}.sr-imp h3{font-size:clamp(20px,1.9vw,30px);font-weight:700}.sr-imp p{max-width:30ch;font-size:clamp(13px,1vw,15px);line-height:1.9;font-weight:600;color:rgba(48,24,6,.95)}.sr-sheen{--s:0;position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:calc(var(--s) * (1 - var(--s)) * 4);background:linear-gradient(100deg,transparent 42%,rgba(255,226,170,.38) 50%,transparent 58%) no-repeat;background-size:300% 100%;background-position:calc(120% - var(--s) * 140%) 0}.sr-roller{--lift:1;position:absolute;z-index:2;top:-28px;bottom:-28px;width:clamp(78px,7vw,110px);left:calc((1 - var(--r)) * 100%);translate:-50% calc(var(--lift) * -70px);scale:calc(1 + var(--lift) * .12);border-radius:40px/22px;filter:drop-shadow(calc(14px + var(--lift) * 30px) calc(18px + var(--lift) * 50px) calc(16px + var(--lift) * 30px) rgba(0,0,0,calc(.6 - var(--lift) * .35)))}.sr-skin{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:radial-gradient(circle at 20% 30%,rgba(255,214,120,.9) 0 1px,transparent 2px) 0 0 /23px 31px,radial-gradient(circle at 70% 60%,rgba(255,220,140,.8) 0 1px,transparent 1.6px) 0 0 /37px 19px,linear-gradient(180deg,#23408e,#1a2f6e 40%,#2a4ba0 70%,#172a63);background-position:calc(var(--r) * -900px) 0,calc(var(--r) * -900px) 0,0 0}.sr-skin:before{content:"𒀭 𒈗 𒆠 𒌓 𒀭 𒈗 𒆠 𒌓 𒀭 𒈗 𒆠 𒌓 𒀭 𒈗 𒆠 𒌓 𒀭 𒈗 𒆠 𒌓 𒀭 𒈗 𒆠 𒌓 𒀭 𒈗 𒆠 𒌓 𒀭 𒈗 𒆠 𒌓 𒀭 𒈗 𒆠 𒌓 𒀭 𒈗 𒆠 𒌓 𒀭 𒈗 𒆠 𒌓";position:absolute;inset:8% 0;writing-mode:vertical-rl;display:block;width:900%;line-height:1.6;letter-spacing:.5em;word-spacing:.6em;font:32px/1.5 Noto Sans Cuneiform,Segoe UI Historic,serif;color:rgba(150,175,235,.5);text-shadow:0 1px 0 rgba(10,20,60,.8),0 -1px 0 rgba(190,210,255,.3);translate:calc(var(--r) * -900px) 0}.sr-skin:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,10,.75),rgba(0,0,0,.1) 25%,rgba(255,255,255,.28) 40%,rgba(255,255,255,.06) 52%,rgba(0,0,0,.25) 75%,rgba(0,0,10,.8))}.sr-cap{position:absolute;left:-4px;right:-4px;height:20px;border-radius:50%;background:linear-gradient(90deg,#5a3e12,#f2d58e 35%,#fff2c8 45%,#b8892e 70%,#4e340c);box-shadow:0 2px 6px rgba(0,0,0,.5)}.sr-cap.a{top:-8px}.sr-cap.b{bottom:-8px}.sr-trough{position:absolute;top:28px;bottom:28px;inset-inline-end:100%;width:120px;pointer-events:none;opacity:calc(1 - var(--lift));background:linear-gradient(90deg,transparent,rgba(40,18,4,.35))}[dir=rtl] .sr-trough{inset-inline-end:auto;left:100%;background:linear-gradient(270deg,transparent,rgba(40,18,4,.38))}@media (max-width:820px){.sr-head{top:8vh}.sr-head .j-h2{font-size:30px}.sr-slab{left:14px;right:14px;bottom:92px;top:calc(8vh + 104px);width:auto;height:auto;translate:none}.sr-relief{grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(0,1fr));clip-path:inset(0 0 calc((1 - var(--r)) * 100%) 0)}.sr-imp{grid-template-columns:48px 1fr;grid-template-rows:auto 1fr;justify-items:start;align-content:center;column-gap:12px;row-gap:2px;padding:8px 18px;text-align:start}.sr-imp:before{inset:6px 8px}.sr-imp+.sr-imp:after{inset-block-start:0;inset-inline:8%;width:auto;height:2px;background:linear-gradient(90deg,transparent,rgba(50,25,6,.3),transparent)}.sr-num{display:none}.sr-glyph{grid-row:1/3;align-self:center;font-size:40px}.sr-imp h3{font-size:18px;align-self:end}.sr-imp p{max-width:none;font-size:12.5px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sr-roller{top:calc(var(--r) * 100%);bottom:auto;left:-12px;right:-12px;width:auto;height:58px;translate:0 calc(-50% + var(--lift) * -50px);border-radius:22px/29px}.sr-skin{background-position:0 calc(var(--r) * -900px),0 calc(var(--r) * -900px),0 0;background-image:radial-gradient(circle at 20% 30%,rgba(255,214,120,.9) 0 1px,transparent 2px),radial-gradient(circle at 70% 60%,rgba(255,220,140,.8) 0 1px,transparent 1.6px),linear-gradient(90deg,#23408e,#1a2f6e 40%,#2a4ba0 70%,#172a63)}.sr-skin:before{writing-mode:horizontal-tb;inset:0 4%;width:auto;height:900%;font-size:24px;translate:0 calc(var(--r) * -900px)}.sr-skin:after{background:linear-gradient(180deg,rgba(0,0,10,.75),rgba(0,0,0,.1) 25%,rgba(255,255,255,.28) 40%,rgba(255,255,255,.06) 52%,rgba(0,0,0,.25) 75%,rgba(0,0,10,.8))}.sr-cap{top:-4px!important;bottom:-4px!important;height:auto;width:16px;left:auto;right:auto;background:linear-gradient(180deg,#5a3e12,#f2d58e 35%,#fff2c8 45%,#b8892e 70%,#4e340c)}.sr-cap.a{right:-6px}.sr-cap.b{left:-6px}.sr-trough,[dir=rtl] .sr-trough{top:auto;bottom:100%;left:12px;right:12px;width:auto;height:80px;background:linear-gradient(0deg,rgba(40,18,4,.38),transparent)}}.cs-studio-btn{position:absolute;z-index:4;top:12vh;inset-inline-end:4vw;display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13px;color:var(--j-gold-hi);background:rgba(20,13,8,.7);border:1px solid rgba(226,199,148,.4);backdrop-filter:blur(8px);cursor:pointer;transition:background .3s}.cs-studio-btn.on,.cs-studio-btn:hover{background:rgba(226,199,148,.16)}.cs-studio-btn i{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff4d6,#ffb04a 60%,#b0661a);box-shadow:0 0 12px rgba(255,176,74,.8)}.cs-studio{position:absolute;z-index:5;top:calc(12vh + 52px);inset-inline-end:4vw;width:300px;max-height:calc(100svh - 12vh - 140px);overflow-y:auto;overscroll-behavior:contain;display:grid;gap:10px;padding:16px;background:rgba(14,9,6,.88);border:1px solid rgba(226,199,148,.3);backdrop-filter:blur(14px);box-shadow:0 20px 60px rgba(0,0,0,.55);color:var(--j-ink);animation:sl-in .35s ease both;scrollbar-width:thin;scrollbar-color:rgba(226,199,148,.3) transparent}.cs-studio header{display:flex;align-items:center;justify-content:space-between}.cs-studio h3{margin:0;font-size:16px;font-weight:500;color:var(--j-gold-hi)}.cs-x{width:30px;height:30px;font-size:20px;line-height:1;color:var(--j-muted);background:none;border:1px solid rgba(226,199,148,.2);cursor:pointer}.cs-x:hover{color:var(--j-gold-hi);border-color:rgba(226,199,148,.5)}.cs-st-label{margin:6px 0 -2px;font-size:11.5px;letter-spacing:.15em;color:var(--j-gold)}.cs-st-note{margin:0;font-size:12px;line-height:1.7;color:var(--j-muted);border-inline-start:2px solid rgba(226,199,148,.4);padding-inline-start:8px}.cs-chips{display:flex;flex-wrap:wrap;gap:6px}.cs-chips button,.cs-modes button{padding:6px 10px;font-size:12.5px;color:var(--j-muted);background:rgba(255,255,255,.03);border:1px solid rgba(226,199,148,.2);cursor:pointer;transition:.2s}.cs-chips button:hover,.cs-modes button:hover{color:var(--j-gold-hi);border-color:rgba(226,199,148,.5)}.cs-chips button.on,.cs-modes button.on{color:#160f08;background:var(--j-gold-hi);border-color:var(--j-gold-hi)}.cs-dir{display:grid;grid-template-columns:128px 1fr;gap:12px;align-items:center}.cs-pad{position:relative;width:128px;aspect-ratio:1;border-radius:50%;cursor:crosshair;touch-action:none;background:radial-gradient(circle,rgba(226,199,148,.12),rgba(10,6,4,.6) 70%);border:1px solid rgba(226,199,148,.35)}.cs-pad:focus-visible{outline:2px solid var(--j-gold-hi);outline-offset:3px}.cs-pad-ring{position:absolute;inset:6%;border-radius:50%;border:1px dashed rgba(226,199,148,.2);pointer-events:none}.cs-pad-ring.small{inset:30%}.cs-pad-figure{position:absolute;left:50%;top:50%;width:12px;height:12px;translate:-50% -50%;border-radius:50%;background:#6b4f2c;border:1px solid var(--j-gold)}.cs-pad-cam{position:absolute;left:50%;bottom:-2px;translate:-50% 100%;font-size:10px;color:var(--j-muted);white-space:nowrap}.cs-pad svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cs-pad svg line{stroke:rgba(255,210,122,.5);stroke-width:.8;stroke-dasharray:2 2}.cs-pad-sun{position:absolute;width:18px;height:18px;translate:-50% -50%;border-radius:50%;border:2px solid #fff6e0;pointer-events:none}.cs-dir-read{display:grid;gap:6px;font-size:12.5px;color:var(--j-muted)}.cs-dir-read b{margin-inline-start:6px;font-weight:500;color:var(--j-ink)}.cs-slider{display:grid;gap:4px;font-size:12.5px;color:var(--j-muted)}.cs-slider span{display:flex;justify-content:space-between}.cs-slider b{font-weight:500;color:var(--j-ink)}.cs-slider input{--p:50%;width:100%;height:18px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;direction:ltr}.cs-slider input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,var(--j-gold-hi) var(--p),rgba(226,199,148,.18) var(--p))}.cs-slider input::-moz-range-track{height:3px;background:linear-gradient(90deg,var(--j-gold-hi) var(--p),rgba(226,199,148,.18) var(--p))}.cs-slider input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5.5px;transform:rotate(45deg);background:var(--j-gold-hi);border:0;box-shadow:0 0 10px rgba(226,199,148,.7)}.cs-slider input::-moz-range-thumb{width:12px;height:12px;transform:rotate(45deg);background:var(--j-gold-hi);border:0;border-radius:0}.cs-swatches{display:flex;align-items:center;gap:8px}.cs-swatches button{width:24px;height:24px;border-radius:50%;border:2px solid rgba(0,0,0,.4);cursor:pointer}.cs-swatches button.on{outline:2px solid var(--j-gold-hi);outline-offset:2px}.cs-color{position:relative;width:26px;height:26px;border-radius:50%;overflow:hidden;border:1px dashed rgba(226,199,148,.6);background:conic-gradient(#ff6a3d,#ffd36b,#8affb0,#6bb5ff,#c38bff,#ff6a3d);cursor:pointer}.cs-color input{position:absolute;inset:0;opacity:0;cursor:pointer}.cs-modes{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.cs-modes button{font-size:11.5px;display:grid;justify-items:center;gap:4px;padding:8px 4px}.cs-mode-ico{width:18px;height:18px;border-radius:50%}.cs-mode-ico.real{background:radial-gradient(circle at 35% 30%,#f3d7b0,#8a5a34 70%)}.cs-mode-ico.matte{background:radial-gradient(circle at 40% 35%,#c9a27a,#7a5434 80%)}.cs-mode-ico.gloss{background:radial-gradient(circle at 32% 28%,#fff 0 8%,#e8c49a 18%,#7a5434 80%)}.cs-mode-ico.toon{background:conic-gradient(from 200deg,#f1c58a 0 33%,#b8834e 0 66%,#6e4826 0)}.cs-mode-ico.flat{background:#c99a6a}.cs-toggles{display:flex;gap:16px;flex-wrap:wrap}.cs-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--j-ink);cursor:pointer}.cs-toggle input{width:16px;height:16px;accent-color:var(--j-gold-hi)}.cs-reset{padding:9px;font-size:13px;color:var(--j-gold-hi);background:none;border:1px solid rgba(226,199,148,.35);cursor:pointer}.cs-reset:hover{background:rgba(226,199,148,.1)}@media (max-width:820px){.cs-studio-btn{top:auto;bottom:calc(124px + 30vh + 14px);inset-inline-end:14px;padding:8px 12px;font-size:12px}.cs-studio{top:auto;bottom:76px;inset-inline:10px;width:auto;max-height:44svh}.cs.studio-open .cs-cards,.cs.studio-open .cs-pick{opacity:0;pointer-events:none}.cs.studio-open .cs-studio-btn{bottom:calc(76px + 44svh + 10px)}.cs-dir{grid-template-columns:112px 1fr}.cs-pad{width:112px}}@media (prefers-reduced-motion:reduce){.cs-studio{animation:none}}