@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Rye&family=Roboto+Slab:wght@400;500;600;700&display=swap";:root{--bg:#291b12;--panel:#25180f;--line:#755133;--gold:#ffc763;--text:#f8e4bb;--muted:#c7ac86;--serif:"Roboto Slab",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--display:"Rye",Georgia,serif;--rarity:var(--gold)}*{box-sizing:border-box}body{color:var(--text);font:13px/1.5 var(--sans);background:#332115;margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button,a{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:not-allowed}button,a,input,select{outline-offset:4px}:focus-visible{outline:2px solid var(--gold)}a{color:inherit;text-decoration:none}button{transition:filter .16s,background .16s,transform .16s}button:hover:not(:disabled){filter:brightness(1.15)}input,select{color:#f5ddba;background:#1b120c;border:1px solid #79552f;border-radius:5px;max-width:100%;padding:9px 11px}input::placeholder{color:#9e8262}select{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:600}h1{font-size:31px;line-height:1.2}h2{font-size:24px}h3{font-size:18px}p{color:var(--muted);line-height:1.75}.cartoon-shell{background:linear-gradient(#381c0b0a,#32190c66),url(/art/cartoon/backdrop.webp) 50%/cover no-repeat fixed;min-height:100dvh;padding:13px 18px 0}.saloon-header{z-index:20;background:repeating-linear-gradient(0deg,#0000 0 10px,#10090033 11px,#4e301611 13px),linear-gradient(90deg,#29170e,#4e2a16 20%,#2d1a10 45%,#452511 75%,#28170e);border:2px solid #a6763c;border-radius:9px;align-items:center;gap:22px;min-height:76px;padding:10px 20px;display:flex;position:relative;box-shadow:inset 0 0 0 3px #24140c,inset 0 5px #d3a26130,0 4px #26150b,0 7px 18px #1b0e0777}.saloon-header:before,.saloon-header:after{content:"✦";color:#b88746;font-size:10px;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.saloon-header:after{left:auto;right:5px}.saloon-brand{color:#ffd27c;min-width:150px;font-family:var(--display);text-shadow:0 3px #210f06,0 0 15px #e78a2733;letter-spacing:1px;flex-direction:column;flex-shrink:0;align-items:center;font-size:30px;line-height:1;display:flex;position:relative}.saloon-brand>svg{filter:drop-shadow(0 2px #1d0f06);width:27px;height:27px;position:absolute;top:-18px;transform:rotate(-7deg)}.saloon-brand small{font-family:var(--sans);letter-spacing:3px;text-align:center;color:#d9af70;margin-top:7px;font-size:7px;display:block}.saloon-nav{flex:1;justify-content:center;gap:6px;min-width:0;display:flex}.saloon-nav button{white-space:nowrap;color:#dec19a;font-family:var(--serif);background:linear-gradient(#4b301f,#291b12);border:1px solid #81582f;border-bottom:3px solid #20110a;border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex;box-shadow:inset 0 1px #ddbc7c22}.saloon-nav button.active{color:#38200e;background:linear-gradient(#ffe090,#ffb83f);border-color:#e6ac50 #e6ac50 #8e511e;box-shadow:0 0 18px #ffc54b44,inset 0 2px #fff0ac}.saloon-nav b{text-align:center;min-width:17px;font:700 9px var(--sans);color:#ffdb86;background:#1e120a80;border:1px solid #ac7a34;border-radius:4px;padding:1px 3px}.saloon-tools{flex-shrink:0;align-items:center;gap:13px;display:flex}.language{color:#aa8758;align-items:center;gap:4px;font-size:9px;display:flex}.language button{color:#bb9b72;padding:4px;font-size:10px}.language button[aria-pressed=true]{color:#ffd577}.twitch-button{background:#311d13;border:1px solid #916337;border-radius:5px;align-items:center;gap:5px;padding:7px 8px;font-size:10px;display:flex}.icon-btn{color:#d9ad6d;justify-content:center;align-items:center;padding:5px;display:inline-flex}.workspace{margin:0}.preview-strip{color:#f1d09b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#27190fdb;border:1px solid #99633155;border-radius:5px;align-items:center;gap:7px;min-height:29px;margin:12px 4px 0;padding:5px 12px;font-size:9px;display:flex}.preview-strip>svg{color:#ffca75;flex-shrink:0}.preview-strip>button{color:#ffd279;align-items:center;gap:4px;margin-left:auto;font-size:9px;display:flex}main{max-width:1900px;margin:0 auto;padding:20px 6px 0}.on-cowboy main{padding-top:15px}.page-heading{background:#28190eea;border:1px solid #876036;border-radius:7px;justify-content:space-between;align-items:center;margin:5px 0 23px;padding:24px 28px;display:flex;box-shadow:0 5px 20px #1b0e0744}.page-heading p{margin-top:9px;font-size:12px}.eyebrow{font:600 9px var(--sans);letter-spacing:1.8px;color:#e4b56e;align-items:center;gap:8px;display:flex}.eyebrow>span{background:#ffcc73;width:18px;height:1px;display:inline-block}.page-heading .eyebrow{margin-bottom:10px}.on-cowboy .page-heading{clip-path:inset(50%);width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.cowboy-screen{grid-template-columns:minmax(0,1fr) 340px;gap:22px;height:calc(100dvh - 151px);min-height:700px;max-height:1000px;display:grid}.character-world{isolation:isolate;background:0 0;border:0;min-width:0;position:relative;overflow:visible}.world-backdrop{display:none}.world-light{z-index:-1;background:radial-gradient(at 35% 43%,#ffeaae28,#0000 60%);position:absolute;inset:0 0 180px}.world-topline{z-index:8;justify-content:space-between;gap:10px;display:flex;position:absolute;top:10px;left:15px;right:15px}.world-topline>span{letter-spacing:1.7px;color:#fff1cb;text-shadow:0 2px 4px #421b0a;align-items:center;gap:6px;font-size:8px;display:flex}.world-status-dot{background:#ffe89d;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px #ffcc72}.world-topline>div{gap:12px;display:flex}.world-topline button{color:#fff0c8;text-shadow:0 2px 4px #421b0a;background:#36200e88;border:1px solid #d5a15c55;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;display:flex}.world-player{z-index:4;pointer-events:none;filter:drop-shadow(0 10px 5px #43220b66);width:430px;position:absolute;top:14px;bottom:202px;left:29%;transform:translate(-50%)}.world-player.with-mount{left:28%}.avatar{width:100%;height:100%;display:block;overflow:visible}.toon-avatar .sprite-torso{transform-origin:512px 780px}.motion-on .sprite-torso{animation:4s ease-in-out infinite toonBreathe}.motion-on .toon-eye-open{transform-box:fill-box;transform-origin:50%;animation:6s infinite toonBlink}.motion-off .sprite-torso,.motion-off .toon-eye-open{animation:none}.character-ground-shadow{filter:blur(9px);z-index:1;background:#3e210b55;border-radius:50%;width:240px;height:30px;position:absolute;bottom:213px;left:28%;transform:translate(-50%)}.mount-companion{z-index:3;pointer-events:none;filter:drop-shadow(0 12px 5px #40220966);height:57%;position:absolute;bottom:211px;left:44%;right:-3%}.toon-mount-art{aspect-ratio:auto;object-fit:contain;object-position:center bottom;width:100%;height:100%;max-height:none;filter:hue-rotate(var(--mount-hue));transform-origin:bottom;display:block}.motion-on .toon-mount-art{animation:5s ease-in-out infinite mountIdle}.mount-companion>span:last-child{text-align:center;color:#ffedc9;text-shadow:0 2px 4px #3b1c0b;font-size:8px;display:block;position:absolute;bottom:-6px;left:0;right:0}.world-character-name{text-align:center;z-index:6;white-space:nowrap;max-width:44%;position:absolute;bottom:171px;left:28%;transform:translate(-50%)}.world-character-name h2{font:26px var(--display);color:#ffe1a1;text-shadow:0 3px #4a210c,0 0 15px #311307}.world-character-name>span{color:#ffedc6;letter-spacing:1px;text-shadow:0 2px 3px #3a1b08;font-size:8px}.empty-mount-sign{color:#ffe3aa;text-shadow:0 2px 4px #522a10;background:#35230eaa;border:1px solid #d6a35f88;border-radius:7px;flex-direction:column;align-items:center;gap:7px;max-width:200px;padding:17px 20px;display:flex;position:absolute;top:43%;left:57%;box-shadow:0 3px #301b0c,0 8px 20px #301b0c44}.empty-mount-sign strong{font:15px var(--serif)}.empty-mount-sign small{font-size:9px}.dino-outline{color:#ffce72;font-size:26px}.wood-panel{background:linear-gradient(110deg,#342015f5,#21150df5 65%,#332014f5);border:2px solid #82572d;border-radius:8px;position:relative;box-shadow:inset 0 0 0 3px #1a100a,inset 0 0 0 4px #ae7c3a55,0 5px #27150b,0 9px 20px #341b0a77}.wood-panel:before,.wood-panel:after{content:"";pointer-events:none;border:0;border-top:1px solid #b68647;border-left:1px solid #b68647;width:13px;height:13px;position:absolute;top:7px;left:7px}.wood-panel:after{inset:auto 7px 7px auto;transform:rotate(180deg)}.equipment-belt{z-index:8;min-height:159px;padding:14px 20px 12px;position:absolute;bottom:5px;left:0;right:0}.equipment-belt-heading{font:16px var(--serif);color:#ffcc7a;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.equipment-belt-heading>span{align-items:center;gap:9px;display:flex}.equipment-belt-heading button{font:9px var(--sans);color:#d3ac73;border:1px solid #8e602e;border-radius:4px;padding:3px 7px}.equipment-belt-content{align-items:center;gap:20px;display:flex}.equipment-slots{flex:1;justify-content:space-between;gap:11px;display:flex}.belt-slot{text-align:center;flex:1;min-width:0;max-width:96px;padding:0}.belt-slot-art{aspect-ratio:1;border:2px solid var(--rarity);width:100%;box-shadow:0 0 8px color-mix(in srgb,var(--rarity) 20%,transparent),inset 0 0 0 2px #110c0888;background:linear-gradient(#494037,#201a15);border-radius:8px;display:block;position:relative;overflow:hidden}.belt-slot .item-art{border-radius:5px}.belt-slot-art>svg{color:#99806a;margin:auto;position:absolute;inset:0}.belt-slot-corner{color:var(--rarity);background:#1b100aaa;border-radius:3px;justify-content:center;align-items:center;width:13px;height:13px;display:flex;position:absolute;bottom:3px;right:3px}.belt-slot>strong{color:#d9b78a;margin-top:4px;font-size:8px;font-weight:500;display:block}.belt-diamonds{color:var(--rarity);letter-spacing:1px;margin-top:2px;font-size:9px;line-height:1.1;display:block}.belt-progression{border-left:1px solid #90653966;flex-shrink:0;width:200px;padding-left:20px}.belt-progression strong{font:19px var(--serif);color:#ffcf7c}.xp-track{background:#130d08;border:2px solid #865936;border-radius:9px;height:13px;padding:1px;overflow:hidden;box-shadow:inset 0 2px 3px #000a}.xp-track>span{background:linear-gradient(#ffd26a,#ff9e27);border-radius:5px;min-width:3px;height:100%;transition:width .5s;display:block;box-shadow:inset 0 1px #ffe6a0}.belt-progression .xp-track{margin-top:11px}.belt-progression small{text-align:right;color:#ddc39f;margin-top:7px;font-size:10px;display:block}.customization-column{flex-direction:column;gap:19px;min-height:0;padding-bottom:5px;display:flex}.customization-dock{padding:19px 19px 15px}.customization-dock h2{color:#ffd28b;border-bottom:1px solid #93663b66;align-items:center;gap:11px;margin-bottom:13px;padding-bottom:14px;font-size:20px;display:flex}.customization-dock h2>svg{color:#ffc46b}.dock-name{color:#d2b38c;font-size:9px;display:block}.dock-name input{background:#160f0a;border-color:#6e4d2e;width:100%;min-height:35px;margin-top:5px;padding:8px 10px;font-size:12px;display:block}.dock-sex{gap:8px;margin-top:10px;display:flex}.dock-sex button{color:#c7a67b;background:#322115;border:1px solid #6c4d2e;border-radius:4px;flex:1;padding:6px;font-size:10px}.dock-sex button.selected{color:#ffdb98;background:#62401c;border-color:#d99a43}.dock-group{background:#1b130cd6;border:1px solid #71513077;border-radius:7px;margin-top:12px;padding:11px}.dock-group h3{color:#e6c79d;align-items:center;gap:8px;margin-bottom:9px;font-size:13px;font-weight:400;display:flex}.skin-choices,.hair-choices,.eye-choices{gap:7px;display:flex}.skin-choices button{color:#fff;text-shadow:0 1px 2px #301a0c;border:2px solid #694c34;border-radius:6px;flex:1;place-items:center;max-width:47px;height:34px;display:grid;box-shadow:inset 0 1px #ffebc95a}.skin-choices button[aria-pressed=true],.hair-choices button[aria-pressed=true],.eye-choices button[aria-pressed=true]{border-color:#ffcf76;box-shadow:0 0 0 1px #c88937,0 0 12px #ffc44e44}.hair-choices button,.eye-choices button{background:linear-gradient(#5a3a25,#2a1b11);border:1px solid #815b38;border-radius:5px;flex:1;min-width:0;max-width:51px;padding:0;overflow:hidden}.hair-choices svg,.eye-choices svg{width:100%;height:auto;display:block}.dock-actions{gap:8px;margin-top:13px;display:flex}.dock-actions button{flex:1;gap:6px;min-height:34px;padding:8px 9px;font-size:9px}.dock-actions svg{width:12px}.dock-save-state{color:#a98a64;text-align:center;margin-top:8px;font-size:8px;display:block}.mini-live{flex-direction:column;flex:1;min-height:160px;padding:12px;display:flex;overflow:hidden}.mini-live-title{color:#efc582;justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.mini-live-title>span{font:11px var(--serif);align-items:center;gap:7px;display:flex}.mini-live-title>span>svg{color:#ee755c}.mini-live-title button{color:#be9965;padding:2px;display:flex}.mini-live-placeholder{color:#ffe2a9;text-shadow:0 2px 3px #26150b;background:linear-gradient(#25150c33,#180f08aa),url(/art/cartoon/backdrop.webp) 50%/cover;border:1px solid #896031;border-radius:5px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;min-height:100px;display:flex}.mini-live-placeholder>svg{color:#ffd07c}.mini-live-placeholder>strong{font:14px var(--serif)}.mini-live-placeholder .gold-btn{min-height:29px;margin:3px 0 6px;padding:5px 10px;font-size:9px}.mini-live iframe{background:#140d08;border:1px solid #79512a;border-radius:4px;flex:1;width:100%;min-height:150px}.mini-live-chat{color:#bf9b6f;justify-content:space-between;align-items:center;padding:9px 2px 0;font-size:9px;display:flex}.item-art{aspect-ratio:1;background-image:url(/art/cartoon/inventory.webp);background-repeat:no-repeat;background-size:400% 300%;width:100%;height:100%;display:block}.gold-btn,.outline-btn{border-radius:5px;justify-content:center;align-items:center;gap:10px;min-height:40px;padding:10px 16px;font-size:11px;font-weight:600;display:inline-flex}.gold-btn{color:#4c280f;background:linear-gradient(#ffe08e,#fcb541);border:1px solid #ffdd87;border-bottom:3px solid #9a5b22;box-shadow:inset 0 1px #fff1b8,0 2px 5px #190c0866}.gold-btn:hover:not(:disabled){transform:translateY(-1px)}.outline-btn{color:#edd0a3;background:linear-gradient(#4c321f,#2e1e13);border:1px solid #9c713e;border-bottom:3px solid #21120b}.full{width:100%}.text-link{color:#ffd07e;justify-content:center;align-items:center;gap:7px;padding:5px 0;font-size:10px;display:inline-flex}.centered{justify-content:center;margin-top:12px;display:flex}.muted-text{color:#b59975;font-size:10px}.section-title{justify-content:space-between;align-items:center;gap:15px;margin:28px 0 17px;display:flex}.section-title h2{font-size:22px}.on-content main{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#281a11e8;border:1px solid #a4773e;border-radius:8px;min-height:calc(100dvh - 146px);margin-top:15px;padding:22px 22px 0}.collection-toolbar{background:#342215;border:1px solid #866038;border-radius:7px;box-shadow:inset 0 0 0 3px #25180e}.tabs{border-bottom:1px solid #80583066;flex-wrap:wrap;gap:5px;padding:11px;display:flex}.tabs button{color:#cfaf84;border-radius:4px;padding:7px 11px;font-size:11px}.tabs button.selected{color:#ffe0a3;background:#926027;box-shadow:inset 0 1px #ffd17a44}.tabs small{opacity:.7;margin-left:5px;font-size:9px}.filters{flex-wrap:wrap;align-items:center;gap:15px;padding:12px;display:flex}.filters select{min-height:34px;margin-left:auto;font-size:10px}.search{color:#ad8b62;background:#21160f;border:1px solid #745232;border-radius:4px;flex:1;align-items:center;gap:8px;max-width:340px;padding:0 10px;display:flex}.search input{background:0 0;border:0;width:100%;min-width:60px;padding:8px 0;font-size:11px}.owned-toggle{color:#dfc39c;align-items:center;gap:5px;font-size:10px;display:flex}.owned-toggle input{accent-color:#f4be60}.collection-summary{color:#b4946e;justify-content:space-between;margin:18px 0 14px;font-size:10px;display:flex}.items-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.item-card{text-align:left;border:1px solid #805e3a;border-top:3px solid var(--rarity);background:linear-gradient(#493322,#2e2015);border-radius:7px;min-width:0;padding:12px;overflow:hidden;box-shadow:inset 0 0 0 2px #20160f,0 4px #1c110a}.item-card:hover{border-color:var(--rarity);transform:translateY(-3px)}.item-top{color:var(--rarity);justify-content:space-between;align-items:center;font-size:9px;display:flex}.item-card .item-art{border-radius:5px;height:auto;margin:10px 0 11px}.item-card strong{color:#f0d8af;min-height:32px;font-size:11px;font-weight:500;display:block}.item-bottom{color:#ba9971;justify-content:space-between;gap:8px;margin-top:10px;font-size:8px;display:flex}.item-bottom>span{color:var(--rarity)}.item-card.locked .item-art{opacity:.8}.fragment-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;display:grid}.fragment{color:var(--rarity);text-align:left;background:linear-gradient(#493323,#2d2015);border:1px solid #815b33;border-bottom:3px solid #21140b;border-radius:6px;align-items:center;gap:13px;padding:17px 14px;display:flex}.fragment.active{border-color:var(--rarity);box-shadow:0 0 10px color-mix(in srgb,var(--rarity) 20%,transparent)}.fragment strong{font:25px var(--serif);display:block}.fragment small{font:10px var(--sans);color:#a78b66}.fragment span{font-size:9px}.note-card{background:#3b2919;border:1px solid #8a663d;border-radius:6px;align-items:flex-start;gap:13px;margin-top:23px;padding:18px;display:flex}.note-card>svg{color:#e8b766;flex-shrink:0;margin-top:3px}.note-card strong{color:#f6d8a6;font-size:12px;font-weight:500}.note-card p{color:#c4a47a;margin-top:5px;font-size:11px}.note-card.compact{align-items:center;margin-bottom:22px;padding:12px 17px}.note-card.compact p{margin:0}.empty{text-align:center;color:#d1a86b;background:#302115;border:1px dashed #986d3d;border-radius:6px;padding:52px 20px}.empty h3{margin:15px 0 7px}.empty p{font-size:11px}.empty .outline-btn{margin-top:19px}.empty.short{padding:27px 20px}.chest-info{justify-content:space-between;align-items:center;gap:15px;margin:4px 0 24px;display:flex}.chest-info>div{align-items:center;gap:12px;display:flex}.chest-info>div>svg{color:#ffcd77}.chest-info strong{font-size:12px;font-weight:500;display:block}.chest-info small{color:#b99a71;margin-top:4px;font-size:10px;display:block}.chest-info .outline-btn{min-height:34px;font-size:10px}.chests-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.chest-card{border:1px solid #815b35;border-top:3px solid var(--rarity);background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--rarity) 13%,transparent),transparent 70%),linear-gradient(#473021,#2a1d13);text-align:center;border-radius:8px;padding:23px 15px 15px;position:relative;box-shadow:0 4px #1e130a,inset 0 0 0 3px #21150d}.chest-count{color:var(--rarity);background:#1d140d;border:1px solid #997345;border-radius:4px;padding:1px 7px;font-size:10px;position:absolute;top:10px;right:12px}.chest-card .chest-art{border-radius:8px;max-width:210px;height:auto;margin:8px auto 15px}.chest-card>.eyebrow{color:var(--rarity);justify-content:center;font-size:8px}.chest-card h2{color:var(--rarity);margin:5px 0 13px;font-size:23px}.chest-price{color:#e9cb9c;font-size:14px}.chest-price small{color:#b59872;margin-top:3px;font-size:9px;display:block}.chest-card p{color:#b49d7d;margin:15px 0;font-size:9px}.chest-card p b{color:#ff7994;font-weight:500}.chest-card .gold-btn{gap:7px;min-height:36px;padding:9px 10px;font-size:10px}.chest-card .text-link{gap:5px;margin-top:8px;font-size:9px}.history-list{border:1px solid #7a5734;border-radius:6px;overflow:hidden}.history-row{background:#342315;border-bottom:1px solid #69472c;align-items:center;gap:14px;padding:9px 15px;font-size:10px;display:flex}.history-row:last-child{border:0}.history-row .item-art{border-radius:5px;flex-shrink:0;width:42px;height:42px}.history-row strong{font-weight:500}.history-row>span:nth-last-child(2){color:#c5a57a;margin-left:auto}.history-row time{color:#9b7d59;margin-left:12px;font-size:9px}.live-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.channel-badge{align-items:center;gap:10px;font-weight:600;display:flex}.channel-badge svg{color:#d0a4ed}.live-consent{text-align:center;background:linear-gradient(#412b1b,#2b1e13);border:1px solid #92643a;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;min-height:350px;padding:45px 25px;display:flex}.live-consent>svg{color:#ccabed;margin-bottom:20px}.live-consent p{max-width:560px;margin:18px 0 22px;font-size:12px}.live-grid{grid-template-columns:minmax(0,1fr) 330px;gap:17px;display:grid}.live-grid iframe{background:#1a100a;border:2px solid #926438;border-radius:7px;width:100%;height:550px}footer{color:#f1c991aa;text-shadow:0 1px 3px #2a1609;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;padding:20px 4px;font-size:9px;display:flex}footer>span:first-child{letter-spacing:1px;font-size:8px}.footer-sep{padding:0 8px}footer button{color:#e6c292;font-size:9px}.on-content footer{color:#a98b65;border-top:1px solid #865e3455;margin-top:35px}.on-cowboy footer{margin-top:5px;padding-top:12px}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:80;background:#1b1009cc;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:linear-gradient(135deg,#4a301e,#26190f);border:2px solid #b17c3c;border-radius:9px;width:100%;max-width:490px;max-height:calc(100dvh - 48px);padding:34px;position:relative;overflow:auto;box-shadow:inset 0 0 0 4px #21130b,0 25px 100px #100700aa}.modal h2{color:#ffd395;margin:10px 0 15px;font-size:28px}.modal p{margin:13px 0 21px;font-size:12px;line-height:1.8}.close-modal{z-index:2;position:absolute;top:10px;right:10px}.custom-modal{max-width:830px}.wide-modal{max-width:950px}.custom-grid{grid-template-columns:1fr 1fr;gap:28px;margin-top:22px;display:grid}.custom-preview{background:radial-gradient(#a7733333,#0000),#22170d;border:1px solid #9b713f;border-radius:7px;flex-direction:column;justify-content:center;align-self:start;align-items:center;min-height:440px;display:flex;overflow:hidden}.custom-preview>.avatar{width:100%;max-width:310px;height:420px}.custom-preview>small{color:#d8b578;margin:0 0 15px;font-size:10px}.field-label{color:#d7b88c;margin-bottom:13px;font-size:10px;display:block}.field-label input{width:100%;min-height:39px;margin-top:6px;font-size:12px;display:block}.field-label select{width:100%;margin-top:6px;font-size:11px;display:block}.segmented{gap:8px;margin-top:6px;display:flex}.segmented button{background:#312013;border:1px solid #9a6b37;border-radius:4px;flex:1;padding:7px 13px;font-size:11px}.segmented .selected{color:#ffdc91;background:#8d5c24;border-color:#e0a24e}.swatches{gap:12px;margin-top:8px;display:flex}.swatches button{color:#fff;border:2px solid #6d4b2c;border-radius:5px;place-items:center;width:26px;height:26px;display:grid}.swatches button.selected{border-color:#ffdc8b;box-shadow:0 0 8px #ffd17b55}.face-selectors{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.modal-symbol{color:#ffce77;background:#bd853525;border:1px solid #b88b4d;border-radius:50%;place-items:center;width:59px;height:59px;margin-bottom:15px;display:grid}.modal-symbol.purple{color:#d5b0f2;background:#9663b922;border-color:#9876b6}.step-list{background:#20160e;border:1px solid #6e4a2b;border-radius:6px;flex-direction:column;gap:15px;margin-bottom:23px;padding:20px;display:flex}.step-list>span{color:#ffce7b;font:22px var(--serif);align-items:center;gap:15px;display:flex}.step-list strong{font:11px var(--sans);color:#d0b08a}.preview-tools{flex-direction:column;gap:10px;display:flex}.preview-tools button{text-align:left;justify-content:flex-start;font-size:11px}.save-status{color:#c0a47b;align-items:center;gap:8px;display:flex;font-size:10px!important}.save-status svg{flex-shrink:0}.danger{color:#ed9c81}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.table-scroll{margin:20px 0;overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}th,td{text-align:right;border-bottom:1px solid #74512f;padding:12px 10px}th:first-child{text-align:left}th{font-size:10px;font-weight:500}tbody th{font-size:12px}td{color:#e2cba8}.opening-animation{text-align:center;padding:30px 0}.opening-animation .item-art{border-radius:20px;width:210px;height:210px;margin:auto;animation:.65s infinite alternate chestWiggle}.opening-animation>svg{color:#ffce7a}.opening-animation h2{font-size:23px}.reward-content,.item-detail{text-align:center}.reward-content>.eyebrow,.item-detail>.eyebrow{justify-content:center}.reward-art{border:2px solid var(--rarity);width:230px;height:230px;box-shadow:0 0 30px color-mix(in srgb,var(--rarity) 22%,transparent);border-radius:15px;margin:17px auto;overflow:hidden}.reward-art .item-art{border-radius:12px}.rarity-tag{color:var(--rarity);letter-spacing:1px;font-size:11px;display:inline-block}.reward-content h2,.item-detail h2{color:var(--rarity);font-size:27px}.fragment-cost{color:var(--rarity);justify-content:center;align-items:center;gap:8px;display:flex}.guide-steps{flex-direction:column;gap:18px;margin:24px 0;display:flex}.guide-steps>div{gap:17px;display:flex}.guide-steps b{font:25px var(--serif);color:#ffd282}.guide-steps h3{font-size:19px}.guide-steps p{margin:7px 0 0;font-size:11px}.toast{z-index:100;color:#ffe2ab;background:linear-gradient(#64431f,#3c2916);border:1px solid #edb75c;border-bottom:3px solid #291608;border-radius:7px;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 28px);padding:13px 20px;font-size:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #1c0e0766}.toast svg{color:#ffdd8e;flex-shrink:0}.error-banner{color:#ffddad;background:#6d3522;border:1px solid #c17b4b;border-radius:5px;align-items:center;gap:10px;margin-bottom:18px;padding:13px;font-size:12px;display:flex}.world-dust{z-index:1;pointer-events:none;position:absolute;inset:0 0 180px;overflow:hidden}.world-dust i{opacity:0;background:#ffe09c;border-radius:50%;width:3px;height:3px;position:absolute;box-shadow:0 0 5px #ffbc55}.motion-on .world-dust i{animation:10s linear infinite frontierDust}.world-dust i:first-child{top:60%;left:20%}.world-dust i:nth-child(2){animation-delay:3s;top:77%;left:45%}.world-dust i:nth-child(3){animation-delay:6s;top:40%;left:65%}.world-dust i:nth-child(4){animation-delay:8s;top:80%;left:75%}.world-dust i:nth-child(5){animation-delay:1s;top:50%;left:30%}.world-dust i:nth-child(6){animation-delay:5s;top:68%;left:55%}@keyframes toonBreathe{0%,to{transform:translateY(0)scaleX(1)}50%{transform:translateY(-3px)scaleX(1.004)}}@keyframes toonBlink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.03)}}@keyframes frontierDust{0%{opacity:0;transform:translate(-10px,35px)}25%{opacity:.5}75%{opacity:.15}to{opacity:0;transform:translate(100px,-90px)}}@keyframes mountIdle{0%,to{transform:rotate(-.5deg)}50%{transform:rotate(.5deg)}}@keyframes chestWiggle{0%{transform:rotate(-4deg)scale(.96)}to{transform:rotate(4deg)scale(1.04)}}@media (width>=1700px){.cowboy-screen{grid-template-columns:minmax(0,1fr) 420px;gap:25px;min-height:780px}.customization-dock{padding:23px}.customization-dock h2{font-size:25px}.dock-name{font-size:11px}.dock-name input{min-height:42px;font-size:14px}.dock-sex button{font-size:12px}.dock-group{margin-top:15px;padding:15px}.dock-group h3{font-size:16px}.skin-choices button{max-width:62px;height:45px}.hair-choices button,.eye-choices button{max-width:65px}.dock-actions button{min-height:42px;font-size:11px}.dock-save-state{font-size:9px}.world-player{width:530px}.equipment-belt{min-height:186px;padding:18px 23px}.equipment-belt-heading{font-size:21px}.belt-slot{max-width:115px}.belt-slot>strong,.belt-diamonds{font-size:10px}.belt-progression{width:250px}.belt-progression strong{font-size:24px}.belt-progression .xp-track{height:20px}.belt-progression small{font-size:12px}.world-character-name{bottom:202px}.world-player{bottom:236px}.mount-companion{height:57%;bottom:243px}.character-ground-shadow{bottom:245px}.saloon-brand{min-width:200px;font-size:37px}.saloon-nav button{padding:12px 22px;font-size:15px}.saloon-header{min-height:88px}.cowboy-screen{height:calc(100dvh - 165px)}}@media (width<=1250px){.saloon-header{gap:12px;padding:10px 14px}.saloon-brand{min-width:125px;font-size:25px}.saloon-nav{gap:4px}.saloon-nav button{gap:6px;padding:9px 10px;font-size:10px}.saloon-nav svg{width:17px}.saloon-tools{gap:7px}.twitch-button{padding:6px;font-size:9px}.cowboy-screen{grid-template-columns:minmax(0,1fr) 305px;gap:16px}.customization-dock{padding:17px 15px}.customization-dock h2{font-size:18px}.dock-group{padding:9px}.skin-choices,.hair-choices,.eye-choices{gap:5px}.equipment-belt{padding:13px 14px 10px}.equipment-belt-content{gap:13px}.equipment-slots{gap:7px}.belt-progression{width:150px;padding-left:13px}.belt-progression strong{font-size:16px}.belt-slot>strong,.belt-diamonds{font-size:7px}.world-player{width:380px;left:28%}.world-player.with-mount{left:28%}.mount-companion{height:52%;bottom:222px;left:44%;right:-5%}.world-character-name h2{font-size:24px}.items-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.chests-grid,.fragment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.live-grid{grid-template-columns:minmax(0,1fr) 290px}.live-grid iframe{height:460px}}@media (width<=1000px){.cartoon-shell{padding:10px 12px 0}.saloon-header{flex-wrap:wrap;justify-content:space-between;row-gap:12px}.saloon-brand{order:1;min-width:150px;margin-top:5px;font-size:27px}.saloon-brand>svg{width:23px;top:-16px}.saloon-tools{order:2;gap:15px}.saloon-nav{flex-basis:100%;order:3;justify-content:space-between}.saloon-nav button{flex:1;justify-content:center;padding:8px 9px;font-size:11px}.preview-strip{margin-top:10px}.cowboy-screen{grid-template-columns:minmax(0,1fr) 285px;gap:14px;height:auto;min-height:0}.character-world{min-height:760px}.world-player{width:330px;top:46px;bottom:215px;left:29%}.mount-companion{height:44%;bottom:240px;left:43%;right:-9%}.world-character-name{bottom:196px;left:29%}.equipment-belt-content{flex-direction:column;gap:8px}.equipment-belt{min-height:180px}.equipment-slots{width:100%}.belt-slot{max-width:75px}.belt-progression{border-top:1px solid #79502d55;border-left:0;align-items:center;gap:10px;width:100%;padding:9px 0 0;display:flex}.belt-progression strong{white-space:nowrap;font-size:13px}.belt-progression .xp-track{flex:1;height:13px;margin:0}.belt-progression small{white-space:nowrap;margin:0;font-size:8px}.world-topline>span{display:none}.world-topline{justify-content:flex-end}.empty-mount-sign{max-width:145px;padding:12px;top:43%;left:52%}.empty-mount-sign strong{font-size:12px}.empty-mount-sign small{font-size:8px}.customization-dock{padding:16px 13px}.dock-actions{flex-wrap:wrap}.dock-actions button{flex-basis:100%}.mini-live-placeholder{min-height:100px}.items-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.on-content main{padding:17px 17px 0}.page-heading{padding:20px}h1{font-size:27px}.live-grid{grid-template-columns:1fr}.live-grid iframe:first-child{aspect-ratio:16/9;height:auto}.live-grid iframe:last-child{height:420px}footer{flex-wrap:wrap}footer>span:nth-child(2){order:3;width:100%}}@media (width<=760px){.cartoon-shell{background-position:43%;padding:8px 8px 0}.saloon-header{border-radius:7px;gap:9px;padding:12px 10px 9px}.saloon-brand{min-width:130px;margin-left:4px;font-size:24px}.saloon-brand small{letter-spacing:2.5px;font-size:6px}.saloon-brand>svg{width:20px;height:20px;top:-15px}.saloon-tools{gap:8px}.saloon-tools .language{gap:1px}.saloon-tools .language>svg,.twitch-button>span{display:none}.twitch-button{padding:6px}.saloon-nav{justify-content:flex-start;gap:4px;padding-bottom:2px;overflow-x:auto}.saloon-nav button{flex:none;gap:5px;padding:7px 9px;font-size:9px}.saloon-nav svg{width:14px;height:14px}.saloon-nav b{min-width:14px;font-size:8px}.preview-strip{gap:5px;margin:10px 1px 0;padding:5px 8px;font-size:8px}.preview-strip>button{font-size:8px}.preview-strip>span{max-width:calc(100% - 60px)}main{padding:12px 0 0}.on-cowboy main{padding-top:9px}.cowboy-screen{flex-direction:column;gap:18px;height:auto;display:flex}.character-world{width:100%;min-height:640px;overflow:hidden}.world-player{width:315px;top:14px;bottom:200px;left:29%}.world-player.with-mount{left:29%}.world-topline{top:4px;left:8px;right:8px}.world-topline button{padding:5px;font-size:8px}.world-topline button svg{width:12px}.world-topline>div{gap:6px}.world-character-name{max-width:55%;bottom:183px;left:29%}.world-character-name h2{font-size:24px}.world-character-name>span{font-size:7px}.mount-companion{height:43%;bottom:224px;left:42%;right:-6%}.mount-companion>span:last-child{font-size:6px}.character-ground-shadow{width:150px;bottom:206px;left:29%}.equipment-belt{border-radius:7px;min-height:166px;padding:12px 12px 9px;bottom:0;left:0;right:0}.equipment-belt-heading{margin-bottom:9px;font-size:15px}.equipment-belt-heading button{font-size:8px}.equipment-slots{gap:7px}.belt-slot-art{border-radius:6px}.belt-slot>strong{font-size:7px}.belt-diamonds{letter-spacing:0;font-size:7px}.belt-slot-corner{width:10px;height:10px;bottom:2px;right:2px}.belt-slot-corner svg{width:8px}.belt-progression{padding-top:8px}.belt-progression strong{font-size:13px}.belt-progression small{font-size:8px}.equipment-belt-content{gap:7px}.empty-mount-sign{max-width:140px;padding:12px 9px;top:40%;left:54%}.empty-mount-sign strong{font-size:11px}.customization-column{grid-template-columns:1fr;gap:17px;padding:0 2px;display:grid}.customization-dock{padding:21px 18px}.customization-dock h2{font-size:22px}.dock-name{font-size:10px}.dock-name input{min-height:41px;font-size:13px}.dock-sex button{padding:8px;font-size:11px}.dock-group{margin-top:14px;padding:12px}.dock-group h3{font-size:15px}.skin-choices,.hair-choices,.eye-choices{gap:10px}.skin-choices button{max-width:65px;height:43px}.hair-choices button,.eye-choices button{max-width:65px}.dock-actions{flex-wrap:nowrap;margin-top:15px}.dock-actions button{flex-basis:auto;min-height:39px;font-size:10px}.dock-save-state{font-size:9px}.mini-live{min-height:230px;padding:15px}.mini-live-placeholder{min-height:165px}.mini-live iframe{min-height:185px}.mini-live-title{font-size:12px}.mini-live-chat{font-size:10px}.on-content main{margin-top:12px;padding:12px 12px 0}.page-heading{align-items:flex-start;margin-bottom:19px;padding:18px 16px}.page-heading h1{font-size:25px}.page-heading p{font-size:10px}.page-heading .eyebrow{letter-spacing:1px;font-size:8px}.desktop-only{display:none}.items-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.item-card{padding:9px}.item-top{font-size:7px}.item-card strong{min-height:30px;font-size:10px}.item-bottom{flex-direction:column;gap:2px;font-size:7px}.tabs{gap:2px;padding:9px}.tabs button{padding:6px 8px;font-size:9px}.filters{gap:9px;padding:10px}.search{flex-basis:100%;max-width:none}.filters select{flex:1;margin-left:0}.owned-toggle{font-size:9px}.collection-summary{font-size:8px}.fragment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.fragment{gap:7px;padding:12px 8px}.fragment>svg{width:17px}.fragment strong{font-size:22px}.fragment span{font-size:8px}.chest-info{flex-wrap:wrap;align-items:flex-start;gap:12px}.chest-info>div{gap:9px}.chest-info small{font-size:9px}.chests-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chest-card{padding:22px 10px 12px}.chest-card h2{font-size:21px}.chest-card .text-link,.chest-card p{font-size:8px}.note-card{gap:10px;padding:14px}.note-card p{font-size:10px}.note-card strong{font-size:11px}.history-row{flex-wrap:wrap;gap:9px;padding:8px 9px}.history-row strong{flex:1;font-size:9px}.history-row>span:nth-last-child(2){margin-left:0;font-size:8px}.history-row time{display:none}.history-row .item-art{width:36px;height:36px}.live-heading{gap:12px}.channel-badge{font-size:12px}.live-heading .text-link{font-size:9px}.live-consent{min-height:320px;padding:30px 17px}.live-consent h2{font-size:25px}.live-consent p{font-size:11px}.modal-backdrop{padding:12px}.modal{max-height:calc(100dvh - 24px);padding:29px 21px 23px}.modal h2{font-size:26px}.modal p{font-size:11px}.custom-grid{grid-template-columns:1fr;gap:20px}.custom-preview{min-height:350px}.custom-preview>.avatar{max-width:270px;height:330px}.custom-preview>small{font-size:9px}.face-selectors{gap:0 10px}.field-label{font-size:10px}.swatches{gap:14px}.reward-art{width:190px;height:190px}.reward-content h2,.item-detail h2{font-size:24px}.table-scroll{margin-right:-5px}th,td{padding:10px 7px;font-size:9px}.toast{padding:12px 15px;font-size:10px;bottom:16px}footer{gap:12px;margin-top:15px;padding:18px 3px;font-size:8px}footer button{font-size:8px}.on-cowboy footer{padding-top:15px}.on-content footer{margin-top:25px}}@media (width<=390px){.saloon-nav button{padding:7px 8px;font-size:8px}.world-player{width:285px}.character-world{min-height:620px}.equipment-slots{gap:5px}.belt-slot>strong,.belt-diamonds{font-size:6px}.world-character-name h2{font-size:21px}.empty-mount-sign{max-width:120px;left:56%}.skin-choices,.hair-choices,.eye-choices{gap:7px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.mythic-card{background:radial-gradient(at 50% 25%,#c83b5b33,#0000 65%),linear-gradient(#4b2528,#291519);border-color:#d8506b;box-shadow:0 4px #210d11,inset 0 0 0 3px #2b1119,0 0 22px #e64b7018}.mythic-card .chest-art{filter:hue-rotate(325deg)saturate(1.4)!important}@media (width>=1001px){.saloon-header{grid-template-columns:minmax(0,1fr) 165px minmax(0,1fr);gap:15px;display:grid}.saloon-brand{grid-area:1/2;min-width:0;font-size:32px}.saloon-nav-left{grid-area:1/1;justify-content:flex-start}.saloon-header-right{grid-area:1/3;justify-content:flex-end;align-items:center;gap:15px;min-width:0;display:flex}.saloon-nav-right{flex:0 auto;justify-content:flex-end}.saloon-nav button{padding:10px 13px}.saloon-nav-right button{padding:10px}.saloon-tools{gap:7px}.saloon-tools>.icon-btn{display:none}}@media (width>=1700px){.saloon-header{grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr)}.saloon-brand{font-size:40px}.saloon-nav button{padding:12px 25px;font-size:15px}.saloon-nav-right button{padding:12px 20px}.saloon-tools>.icon-btn{display:inline-flex}.saloon-header-right{gap:22px}}@media (width<=1250px) and (width>=1001px){.saloon-header{grid-template-columns:minmax(0,1fr) 145px minmax(0,1fr);gap:10px}.saloon-brand{font-size:28px}.saloon-nav button{padding:9px 10px;font-size:10px}.saloon-nav-right button{padding:9px 7px}.saloon-header-right{gap:8px}.saloon-tools{gap:5px}.saloon-tools .language>svg{display:none}}@media (width<=1000px){.saloon-header-right{display:contents}.saloon-nav-left,.saloon-nav-right{flex:0 0 calc(50% - 6px);order:3;justify-content:space-between}.saloon-nav-right{order:4}.saloon-nav-left button,.saloon-nav-right button{flex:1}.saloon-tools{margin-left:auto}.saloon-brand{margin-right:auto}}@media (width<=760px){.saloon-nav-left,.saloon-nav-right{flex-basis:calc(50% - 5px);gap:3px;overflow:visible}.saloon-nav-left button,.saloon-nav-right button{gap:4px;padding:7px 5px;font-size:8px}.saloon-nav-left button svg,.saloon-nav-right button svg{width:12px;min-width:12px}.saloon-nav-left button b,.saloon-nav-left button>svg,.saloon-nav-right button>svg{display:none}}.item-art{background-image:url(/art/painted/inventory.webp)}.painted-avatar .sprite-torso{transform-origin:512px 1490px}.painted-avatar.portrait-figure .sprite-torso{animation:none!important}.belt-slot{max-width:110px}.belt-slot-art{box-shadow:0 0 0 1px #171310,0 0 12px color-mix(in srgb,var(--rarity) 23%,transparent),inset 0 0 0 2px #ffffff17,inset 0 3px 2px #fff4c72b,0 4px 5px #160e0877;background:linear-gradient(145deg,#45433f,#282623 65%,#373430);border-width:3px;border-radius:9px}.belt-slot-art:before{content:"";z-index:2;pointer-events:none;border:1px solid #ffffff26;border-radius:5px;position:absolute;inset:3px}.belt-slot-art>.item-art{border-radius:5px}.belt-diamonds{text-shadow:0 0 6px color-mix(in srgb,var(--rarity) 65%,transparent);margin-top:4px}.belt-slot-art>.belt-slot-corner{bottom:4px;right:4px}.belt-slot>strong{font-size:8px}.equipment-slots{gap:13px}.belt-progression .xp-track{height:17px}.hair-choices button>.avatar{width:100%;height:54px;overflow:hidden}.eye-choices button>.avatar{width:100%;height:39px;overflow:hidden}.hair-choices button,.eye-choices button{background:linear-gradient(#6b462a,#2e2015);border-width:2px}.custom-preview>.painted-avatar{height:440px}@media (width>=1700px){.belt-slot{max-width:140px}.equipment-slots{gap:18px}.belt-slot>strong{font-size:10px}.hair-choices button>.avatar{height:70px}.eye-choices button>.avatar{height:53px}.belt-progression .xp-track{height:23px}}@media (width<=1250px){.belt-slot{max-width:95px}.equipment-slots{gap:10px}.belt-slot>strong{font-size:7px}.hair-choices button>.avatar{height:49px}.eye-choices button>.avatar{height:35px}}@media (width<=1000px){.belt-slot{max-width:78px}.belt-progression .xp-track{height:14px}.equipment-slots{gap:8px}}@media (width<=760px){.equipment-slots{gap:7px}.belt-slot-art{border-width:2px}.belt-slot>strong{font-size:7px}.hair-choices button>.avatar{height:66px}.eye-choices button>.avatar{height:45px}.custom-preview>.painted-avatar{height:350px}}svg.item-art{background:0 0;overflow:hidden}.belt-slot-art>svg.item-art{width:100%;height:100%;color:inherit;margin:0;padding:4px;display:block;position:static}.belt-slot-art>.item-art{background:#292725}.belt-slot-art>.belt-slot-corner{z-index:4}.belt-slot-art{background:#292725}.on-live{flex-direction:column;height:100dvh;min-height:640px;padding-bottom:12px;display:flex}.on-live>.saloon-header{flex:none}.on-live>.workspace{flex-direction:column;flex:1;min-height:0;display:flex}.on-live .preview-strip{flex:none}.on-live main{flex-direction:column;flex:1;width:100%;max-width:none;min-height:0;padding-bottom:0;display:flex}.on-live .live-heading{flex:none;margin-bottom:14px}.on-live .live-grid{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(280px,22vw,390px);min-height:0}.on-live .live-grid iframe{aspect-ratio:auto;min-width:0;height:100%;min-height:0;display:block}.on-live .live-consent{flex:1;justify-content:center;min-height:0}.on-live main>.note-card{flex:none;margin-top:14px;padding:12px 16px}.on-live footer{flex:none;margin-top:12px;padding:12px 3px}@media (width<=1000px){.on-live{height:auto;min-height:100dvh}.on-live>.workspace,.on-live main{flex:initial;min-height:0}.on-live .live-grid{flex:initial;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr)}.on-live .live-grid iframe:first-child{aspect-ratio:16/9;height:auto;min-height:0}.on-live .live-grid iframe:last-child{height:65dvh;min-height:320px;max-height:720px}.on-live .live-consent{min-height:320px}}

/* The phone layout ends at 760px. Keep its original rules in charge there. */
@media (min-width: 761px) {
  .on-cowboy > .saloon-header,
  .on-cowboy > .workspace {
    width: 100%;
    max-width: 1480px;
    margin-inline: auto;
  }

  .cowboy-screen {
    --scene-height: clamp(690px, calc(100dvh - 155px), 820px);
    --belt-height: 220px;
    --cowboy-position: 31%;
    grid-template-columns: minmax(0, 1fr) clamp(305px, 25vw, 375px);
    align-items: start;
    gap: clamp(16px, 1.5vw, 24px);
    height: auto;
    min-height: 0;
    max-height: none;
  }

  .character-world {
    height: var(--scene-height);
    min-height: 0;
    overflow: hidden;
  }

  .world-player,
  .world-player.with-mount {
    left: var(--cowboy-position);
    top: 30px;
    bottom: calc(var(--belt-height) + 58px);
    width: min(56%, 500px);
  }

  .character-ground-shadow {
    left: var(--cowboy-position);
    bottom: calc(var(--belt-height) + 55px);
    width: min(31%, 230px);
  }

  .world-character-name {
    left: var(--cowboy-position);
    bottom: calc(var(--belt-height) + 12px);
    max-width: 56%;
  }

  .world-character-name h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: clamp(24px, 2.2vw, 34px);
  }

  .mount-companion {
    left: 45%;
    right: 3%;
    bottom: calc(var(--belt-height) + 58px);
    height: 49%;
  }

  .mount-companion > span:last-child {
    bottom: -16px;
    font-size: 11px;
  }

  .empty-mount-sign {
    left: auto;
    right: 9%;
    top: auto;
    bottom: calc(var(--belt-height) + 110px);
    max-width: min(35%, 205px);
    text-align: center;
  }

  .equipment-belt {
    bottom: 0;
    box-sizing: border-box;
    height: var(--belt-height);
    min-height: var(--belt-height);
    padding: 14px clamp(14px, 1.4vw, 20px) 12px;
  }

  .equipment-belt-content {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .equipment-slots {
    width: 100%;
    justify-content: space-around;
    gap: clamp(8px, 1vw, 16px);
  }

  .belt-slot {
    max-width: 82px;
  }

  .belt-slot > strong {
    font-size: 10px;
  }

  .belt-progression {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    border-left: 0;
    border-top: 1px solid #79502d55;
    padding: 9px 0 0;
  }

  .belt-progression strong {
    font-size: 15px;
    white-space: nowrap;
  }

  .belt-progression .xp-track {
    flex: 1;
    min-width: 0;
    height: 12px;
    margin: 0;
  }

  .belt-progression small {
    margin: 0;
    white-space: nowrap;
  }

  .customization-column {
    min-width: 0;
  }
}

@media (min-width: 761px) and (max-width: 1099px) {
  .cowboy-screen {
    --scene-height: clamp(690px, 82dvh, 800px);
    --cowboy-position: 31%;
    grid-template-columns: minmax(0, 1fr);
  }

  .customization-dock {
    width: 100%;
    max-width: 700px;
    margin-inline: auto;
  }
}

.world-topline { justify-content: flex-end; }