/* Native capture geometry: skills 10..229, preview/layers 237..565,
   palette 573..789. Presets and footer are separate full-width rows. */
.presentation-page .sc-window { padding:0; border:0; border-image:none; border-radius:0; background:url('assets/game-ui/skillcolor/board.svg') 0 0/800px 664px no-repeat; box-shadow:none; overflow:visible; color:#e0e0e0; text-shadow:1px 1px #000; }
.presentation-page .sc-window :is(div,span,h3,p,label,input,select,button,small,output) { box-sizing:border-box; font:10px/1.2 Tahoma,Verdana,sans-serif; letter-spacing:0; text-transform:none; }
.presentation-page .sc-window .sc-panel { position:absolute; border:1px solid #77766c; outline:1px solid #0a0908; outline-offset:-3px; background:#080a06 url('assets/game-ui/skillcolor/panel-texture.png') repeat; }
.presentation-page .sc-window .sc-panel > h3 { position:absolute; top:2px; left:2px; right:2px; height:20px; min-height:0; display:flex; justify-content:center; align-items:center; margin:0; padding:0; font-size:10px; color:#c2c2c2; }
.presentation-page .sc-window .sc-skills { left:10px; top:32px; width:219px; height:496px; }
.presentation-page .sc-window .sc-skill-list { position:absolute; inset:28px 5px 4px; overflow:auto; }
.presentation-page .sc-window .sc-skill-list > button { display:grid; grid-template-columns:24px minmax(0,1fr) 60px; align-items:center; gap:5px; width:100%; height:36px; padding:0; border:0; background:none; border-radius:0; color:#e0e0e0; text-align:left; }
.presentation-page .sc-window .sc-skill-list > button:hover { background:#30261a; }
.presentation-page .sc-window .sc-skill-list img { width:24px; height:24px; }
.presentation-page .sc-window .sc-skill-list small { color:#8c8c8c; text-align:center; }
.presentation-page .sc-window .sc-orange { color:#f6bc30 !important; }
.presentation-page .sc-window .sc-class-tabs { position:absolute; left:10px; top:532px; width:219px; height:30px; display:flex; border:1px solid #77766c; padding:2px; background:#121110; }
.presentation-page .sc-window .sc-class-tabs button { width:50%; height:25px; padding:0; border:0; border-bottom:2px solid transparent; color:#8c8c8c; background:none; border-radius:0; }
.presentation-page .sc-window .sc-class-tabs button[aria-selected=true] { background:#2e261a; color:#f6bc30; border-bottom-color:#f6a800; }
.presentation-page .sc-window .sc-preview { left:237px; top:32px; width:328px; height:251px; }
.presentation-page .sc-window .sc-scene { position:absolute; left:2px; right:2px; top:23px; height:176px; overflow:hidden; background:#302b14 url('assets/game-ui/skillcolor/scene.png') center/100% 100%; }
.presentation-page .sc-window .sc-character { position:absolute; top:34px; left:111px; height:132px; width:100px; object-fit:contain; object-position:bottom; transform-origin:center bottom; filter:brightness(.8); }
.presentation-page .sc-window .sc-effect { position:absolute; inset:0; width:322px; height:176px; pointer-events:none; transform-origin:50% 75%; mix-blend-mode:screen; }
.presentation-page .sc-window .sc-effect-layer { position:absolute; inset:0; background:#ffff38; mask:url('assets/game-ui/skillcolor/effect-ring.png') 0 0/322px 176px no-repeat; }
.presentation-page .sc-window .sc-reset-camera { position:absolute; right:5px; top:7px; width:22px; height:22px; border:0; padding:0; background:url('assets/game-ui/skillcolor/reset-camera.png') center/22px 22px; }
.presentation-page .sc-window .sc-show { position:absolute; top:208px; left:6px; display:flex; align-items:center; }
.presentation-page .sc-window input[type=checkbox] { appearance:none; width:15px; height:15px; border:1px solid #85816e; background:linear-gradient(135deg,#29271e,#100d0a); box-shadow:inset 0 0 0 2px #0d0b08; margin:0 4px 0 0; flex:none; }
.presentation-page .sc-window input[type=checkbox]:checked::after { content:'✓'; position:relative; left:0; top:-2px; color:#e1cc96; font-size:13px; }
.presentation-page .sc-window .sc-preview-speed { position:absolute; left:6px; right:6px; top:229px; height:14px; display:flex; align-items:center; gap:4px; }
.presentation-page .sc-window .sc-preview-speed > span { white-space:nowrap; }
.presentation-page .sc-window .sc-preview-speed input { flex:1; min-width:0; }
.presentation-page .sc-window input[type=range] { appearance:none; height:9px; border:1px solid #68635b; border-radius:2px; background:#211c16; box-shadow:inset 0 0 0 2px #100d0a; }
.presentation-page .sc-window input[type=range]::-webkit-slider-thumb { appearance:none; width:15px; height:15px; border:1px solid #b49b7d; border-radius:4px; background:#a68b6e; box-shadow:inset 0 0 2px #d1b69a; }
.presentation-page .sc-window .sc-layers { left:237px; top:290px; width:328px; height:272px; }
.presentation-page .sc-window .sc-layer-list { position:absolute; top:27px; left:4px; right:13px; height:198px; overflow:auto; scrollbar-width:auto; overscroll-behavior:contain; }
.presentation-page .sc-window .sc-layer-list::-webkit-scrollbar { width:8px; background:#39352e; }
.presentation-page .sc-window .sc-layer-list::-webkit-scrollbar-thumb { background:#918b82; border:1px solid #aaa299; }
.presentation-page .sc-window .sc-layer-row { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 57px 20px; align-items:center; width:100%; height:18px; }
.presentation-page .sc-window .sc-layer-row > button[data-layer] { padding:0; border:0; background:none; color:#ddd8c9; border-radius:0; text-align:left; height:18px; overflow:hidden; white-space:nowrap; font-size:10px; }
.presentation-page .sc-window .sc-layer-row.sc-phase > button[data-layer] { color:#f6bc30; }
.presentation-page .sc-window .sc-layer-row.sc-selected { background:#564620; }
.presentation-page .sc-window .sc-layer-row small { color:#8c8c8c; text-align:right; padding-right:5px; white-space:nowrap; }
.presentation-page .sc-window .sc-layer-row input { margin:0 0 0 3px; }
.presentation-page .sc-window .sc-fold { position:absolute; left:0; top:0; width:19px; height:18px; padding:0; border:0; color:#f6bc30; background:none; }
.presentation-page .sc-window .sc-colors { left:573px; top:32px; width:216px; height:530px; }
.presentation-page .sc-window .sc-palette { position:absolute; top:28px; left:4px; width:206px; height:140px; cursor:crosshair; touch-action:none; }
.presentation-page .sc-window .sc-hex-label { position:absolute; top:178px; left:5px; right:5px; height:17px; display:flex; align-items:center; gap:4px; white-space:nowrap; }
.presentation-page .sc-window .sc-hex-label input { width:76px; height:16px; border:1px solid #3a3937; padding:0 2px; background:#0d0b08; color:#e0e0e0; font-size:10px; }
.presentation-page .sc-window .sc-hex-label input:not(:focus):placeholder-shown { border-color:transparent; background:none; }
.presentation-page .sc-window .sc-recent-label { position:absolute; top:202px; left:5px; }
.presentation-page .sc-window .sc-recent { position:absolute; top:218px; left:5px; right:5px; display:flex; gap:4px; height:18px; }
.presentation-page .sc-window .sc-recent button { width:18px; height:18px; border:1px solid #8a816d; padding:0; }
.presentation-page .sc-window .sc-selected-label { position:absolute; top:247px; left:8px; right:5px; color:#d3cfbe; }
.presentation-page .sc-window .sc-mode-controls { position:absolute; top:340px; left:7px; right:7px; }
.presentation-page .sc-window .sc-mode-controls > p { height:15px; color:#fee3ae; }
.presentation-page .sc-window .sc-mode-row { display:grid; grid-template-columns:70px 37px 57px 37px; align-items:center; height:24px; }
.presentation-page .sc-window .sc-mode-row button { height:18px; padding:0; border:1px solid #77766c; color:#ddd8c9; background:#29271e; border-radius:0; }
.presentation-page .sc-window .sc-mode-row output { text-align:center; }
.presentation-page .sc-window .sc-slider { display:grid; grid-template-columns:70px 100px 31px; height:19px; align-items:center; }
.presentation-page .sc-window .sc-slider input { width:100px; }
.presentation-page .sc-window .sc-slider output { text-align:right; font-size:9px; }
.presentation-page .sc-window .sc-inactive > span { color:#8c8c8c; }
.presentation-page .sc-window .sc-inactive input::-webkit-slider-thumb { opacity:0; }
.presentation-page .sc-window .sc-preset { left:10px; top:569px; width:779px; height:35px; display:flex; gap:6px; align-items:center; padding:0 9px; }
.presentation-page .sc-window .sc-preset label { width:56px; flex:none; color:#fee3ae; }
.presentation-page .sc-window .sc-preset select { position:relative; top:-.5px; appearance:none; width:239px; height:20px; border:1px solid; border-color:#3a3c36 #ddd #ddd #777; padding:0 4px; text-align:center; background:#020302; color:#e0e0e0; font-size:10px; }
.presentation-page .sc-window .sc-preset button:first-of-type { margin-left:auto; }
.presentation-page .sc-window .sc-preset button { position:relative; top:-1px; width:61px; height:21px; }
.presentation-page .sc-window :is(.sc-preset,.sc-footer) button { border:0; border-radius:0; padding:0; background:url('assets/ui/game/public_large_button_01.png') center/100% 100%; color:#e0e0e0; }
.presentation-page .sc-window :is(.sc-preset,.sc-footer) button:hover { background-image:url('assets/ui/game/public_large_button_02.png'); }
.presentation-page .sc-window :is(.sc-preset,.sc-footer) button:active { background-image:url('assets/ui/game/public_large_button_03.png'); }
.presentation-page .sc-window .sc-footer { position:absolute; left:10px; top:611px; width:779px; height:43px; display:flex; gap:8px; align-items:center; padding:0 12px; }
.presentation-page .sc-window .sc-footer button { width:88px; height:21px; flex:none; }
.presentation-page .sc-window .sc-footer small { flex:1; color:#8c8c8c; text-align:center; font-size:10px; }
.presentation-page .sc-window .sc-cost { display:flex; align-items:center; gap:2px; color:#6acf6a; font-size:9px; white-space:nowrap; }
.presentation-page .sc-window .sc-cost output { font-size:9px; }
.presentation-page .sc-window [hidden] { display:none !important; }
.presentation-page .sc-window .sc-preset button { background-image:url('assets/ui/game/public_middle_button_01.png'); background-size:61px 21px; }
.presentation-page .sc-window .sc-preset button:hover { background-image:url('assets/ui/game/public_middle_button_02.png'); }
.presentation-page .sc-window .sc-preset button:active { background-image:url('assets/ui/game/public_middle_button_03.png'); }
.presentation-page .sc-window .sc-footer { height:43px; padding:0 9px 0 10px; }
.presentation-page .sc-window .sc-footer button { background-size:88px 21px; }
.presentation-page .sc-window .sc-footer > * { position:relative; top:-1px; }
.presentation-page .sc-window .sc-footer small { color:#808080; }
.presentation-page .sc-window .sc-cost { color:#a2e99c; }
.presentation-page .sc-window .sc-cost { width:62px; flex:none; top:-.5px; }
.presentation-page .sc-window .sc-duet-colour { display:grid; grid-template-columns:70px 1fr; height:21px; align-items:center; }
.presentation-page .sc-window .sc-duet-colour input { width:31px; height:17px; padding:0; border:1px solid #77766c; background:transparent; }