/* Pet Renewal only. Native 372x423 board plus the reference's capture margin. */
.presentation-page #pets .pet-window { padding:0; border:0; background:none; box-shadow:none; overflow:visible; }
.presentation-page #pets .pet-window::before { content:''; position:absolute; inset:0; background:url('assets/game-ui/pets/board.svg') 0 0/380px 431px no-repeat; pointer-events:none; }
.presentation-page #pets .pet-window .replica-board-top { display:none; }
.presentation-page #pets .pet-window .replica-titlebar { left:12px !important; right:13px !important; top:12px !important; }
.presentation-page #pets .pet-level-chips .native-levels { display:flex; gap:4px; }
.presentation-page #pets .pet-level-chips button { height:20px; min-height:0; padding:2px 7px; border:1px solid #635438; border-image:none; background:#19170f; font:400 11px/14px Tahoma,sans-serif; color:#bcb29a; }
.presentation-page #pets .pet-level-chips button[aria-pressed=true] { color:#e7c46e; border-color:#b1904b; }
.presentation-page #pets .pet-window :is(div,span,p,button,label,h4,strong,em) { font-size:12px; font-weight:400; line-height:14px; }
.presentation-page #pets .pet-panel { position:absolute; left:15px; top:35px; width:350px; height:349px; box-sizing:border-box; border:1px solid #74716a; background:#080a06 url('assets/ui/game/pattern_border_a_center.png') repeat; }
.presentation-page #pets .pet-strip { position:absolute; left:2px; width:346px; height:21px; margin:0; padding:0; border:0; background:url('assets/ui/game/tab_menu_01.png') 0 0/346px 21px no-repeat; text-align:center; line-height:21px; color:#c2c2c2; }
.presentation-page #pets .pet-window .pet-strip { line-height:21px; }
.presentation-page #pets .pet-info-heading { top:1px; }
.presentation-page #pets .pet-info-heading em { position:absolute; right:17px; top:0; color:#00ff00; font-style:normal; line-height:21px; }
.presentation-page #pets .pet-stats { position:absolute; left:3px; display:grid; grid-template-columns:90px 150px 90px; gap:5px; width:340px; }
.presentation-page #pets .pet-main-stats { top:28px; }
.presentation-page #pets .pet-mult-stats { top:68px; }
.presentation-page #pets .pet-stat { display:grid; gap:4px; }
.presentation-page #pets .pet-stat > div { position:relative; height:16px; box-sizing:border-box; border:1px solid #3a3937; background:#000; color:#fee3ae; text-align:center; line-height:14px; }
.presentation-page #pets .pet-stat .pet-max-level { background:#5a4520; }
.presentation-page #pets .pet-eye { position:absolute; right:3px; top:3px; width:13px; height:9px; }
.presentation-page #pets .pet-bonus-heading { top:109px; }
.presentation-page #pets .pet-bonus-heading span { color:#6acf6a; }
.presentation-page #pets .pet-bonus-list { position:absolute; top:134px; left:3px; width:340px; display:grid; gap:2px; }
.presentation-page #pets .pet-bonus-row { height:18px; box-sizing:border-box; border:1px solid #3a3937; background:#000; color:#eee; position:relative; display:flex; align-items:center; justify-content:center; padding:0 17px 0 2px; white-space:nowrap; }
.presentation-page #pets .pet-bonus-row.pet-locked { color:#808080; padding:0; }
.presentation-page #pets .pet-bonus-row strong { color:#f6a800; }
.presentation-page #pets .pet-roll-icon { position:absolute; right:1px; top:1px; width:14px; height:14px; min-height:0; padding:0; border:0; background:url('assets/game-ui/pets/roll.png') 0 0/14px 14px no-repeat; }
.presentation-page #pets .pet-roll-icon:hover { filter:brightness(1.4); }
.presentation-page #pets .pet-roll-icon:active { filter:brightness(.75); }
.presentation-page #pets .pet-checks { position:absolute; top:237px; left:6px; right:5px; display:flex; justify-content:space-between; gap:4px; }
.presentation-page #pets .pet-check { display:flex; align-items:center; gap:7px; min-width:0; color:#c5c2bb; cursor:pointer; }
.presentation-page #pets .pet-check span { white-space:nowrap; font-size:12px; }
.presentation-page #pets .pet-check input { appearance:none; width:11px; height:11px; flex:none; border:1px solid #b0a486; box-shadow:inset 1px 1px #39352b; background:#161710; margin:0; }
.presentation-page #pets .pet-check input:checked::after { content:'✓'; top:-3px; color:#eee0b6; font-size:12px; }
.presentation-page #pets .pet-artifact-heading { top:259px; }
.presentation-page #pets .pet-equipment { position:absolute; left:21px; top:299px; display:flex; gap:13px; }
.presentation-page #pets .pet-artifact-wrap { position:relative; width:32px; height:32px; }
.presentation-page #pets .pet-artifact { display:block; width:32px; height:32px; padding:0; border:0; border-radius:0; background:url('assets/ui/game/public_slot_base.png') 0 0/32px 32px no-repeat; }
.presentation-page #pets .pet-artifact img { display:block; width:32px; height:32px; }
.presentation-page #pets .pet-empty { background-image:url('assets/game-ui/pets/crossed-slot.png'); }
.presentation-page #pets .pet-actions { position:absolute; left:212px; top:289px; display:grid; gap:12px; }
.presentation-page #pets .pet-button { width:126px; height:18px; border:0; border-radius:0; padding:0; color:#ddd; background:url('assets/game-ui/pets/button.png') 0 0/126px 18px no-repeat; line-height:18px; }
.presentation-page #pets .pet-window .pet-button { line-height:18px; }
.presentation-page #pets .pet-button:hover { filter:brightness(1.2); }
.presentation-page #pets .pet-button:active { filter:brightness(.8); }
.presentation-page #pets .pet-button:disabled { opacity:1; color:#aaa; }
.presentation-page #pets .pet-bottom-tabs { position:absolute; left:15px; top:388px; width:350px; height:30px; padding:2px; border:1px solid #74716a; background:#0a0906; box-sizing:border-box; display:flex; }
.presentation-page #pets :is(.pet-bottom-tabs,.pet-op-tabs) button { flex:1; height:24px; padding:0; border:0; border-bottom:2px solid transparent; border-radius:0; color:#808080; background:transparent; line-height:22px; }
.presentation-page #pets :is(.pet-bottom-tabs,.pet-op-tabs) button+button { border-left:1px solid #343330; }
.presentation-page #pets :is(.pet-bottom-tabs,.pet-op-tabs) button[aria-selected=true] { color:#f6a800; background:#30271a; border-bottom-color:#f6a800; }
.presentation-page #pets .pet-bottom-tabs button { height:23px; }
.presentation-page #pets :is(.pet-bottom-tabs,.pet-op-tabs) button:hover { color:#fee3ae; }
.presentation-page #pets .pet-op-tabs { display:flex; position:absolute; left:2px; top:2px; width:346px; height:25px; }
.presentation-page #pets .pet-op-description { position:absolute; left:5px; right:5px; top:35px; margin:0; padding:0; text-align:center; color:#fee3ae; }
.presentation-page #pets .pet-operation-slots { position:absolute; left:0; top:54px; width:348px; display:flex; justify-content:center; gap:140px; }
.presentation-page #pets .pet-lava-list { position:absolute; top:98px; left:9px; width:332px; display:grid; gap:2px; }
.presentation-page #pets .pet-lava-list button { width:332px; height:20px; padding:0 7px; border:0; border-bottom:1px dashed #111; border-radius:0; background:#1a1917; color:#eee; text-align:left; }
.presentation-page #pets .pet-lava-list button:hover { background:#302a20; }
.presentation-page #pets .pet-lava-count { position:absolute; top:284px; left:9px; display:flex; gap:6px; color:#ff5050; align-items:flex-start; }
.presentation-page #pets .pet-lava-count img { width:32px; height:32px; }
.presentation-page #pets .pet-lava-count span { padding-top:3px; }
.presentation-page #pets .pet-apply { position:absolute; top:282px; left:214px; }
.presentation-page #pets .pet-ops > .pet-check { position:absolute; top:314px; left:214px; }
.presentation-page #pets .pet-purple { color:#b557df !important; }
.presentation-page #pets .pet-picker { position:absolute; top:88px; left:67px; padding:8px; display:flex; gap:12px; border:1px solid #928269; background:#10100ef5; z-index:8; }
.presentation-page #pets .pet-game-tooltip { display:none; position:absolute; width:280px; left:0; bottom:40px; padding:10px 8px; box-sizing:border-box; border:1px solid #6b6961; outline:1px solid #151512; outline-offset:2px; background:rgba(0,0,0,.9); text-align:center; color:#b5cbae; z-index:50; pointer-events:none; }
.presentation-page #pets .pet-artifact-wrap:is(:hover,:focus-within) .pet-game-tooltip { display:block; }
.presentation-page #pets .pet-operation-slots .pet-game-tooltip { left:-124px; }
.presentation-page #pets .pet-picker .pet-artifact-wrap:nth-child(1) .pet-game-tooltip { left:-42px; }
.presentation-page #pets .pet-picker .pet-artifact-wrap:nth-child(2) .pet-game-tooltip { left:-86px; }
.presentation-page #pets .pet-picker .pet-artifact-wrap:nth-child(3) .pet-game-tooltip { left:-130px; }
.presentation-page #pets .pet-picker .pet-artifact-wrap:nth-child(4) .pet-game-tooltip { left:-174px; }
.presentation-page #pets .pet-equipment .pet-artifact-wrap:nth-child(2) .pet-game-tooltip { left:-45px; }
.presentation-page #pets .pet-equipment .pet-artifact-wrap:nth-child(3) .pet-game-tooltip { left:-90px; }
.presentation-page #pets .pet-equipment .pet-artifact-wrap:nth-child(4) .pet-game-tooltip { left:-135px; }
.presentation-page #pets .pet-tip-name { color:#f6c84c; margin-bottom:4px; }
.presentation-page #pets .pet-game-tooltip p { margin:0; line-height:18px; }
.presentation-page #pets .pet-game-tooltip hr { border:0; height:1px; background:#49463d; margin:6px 0; }
.presentation-page #pets .pet-wearable { margin:8px 0; color:#d0d0d0; }
.presentation-page #pets .pet-tip-faces { width:96px; height:53px; margin:auto; background:url('assets/game-ui/pets/wearable-faces.png') 0 0/96px 53px; }
.presentation-page #pets .pet-tip-faces img { display:none; }
.presentation-page #pets .pet-flash { animation:pet-roll-flash .65s ease-out; }
@keyframes pet-roll-flash { from { background-color:#665029; color:#fff3a0; } to { background-color:#000; } }
@media(prefers-reduced-motion:reduce) { .presentation-page #pets .pet-flash { animation-duration:.1s; } }