:root{color-scheme:dark;--gold:#d2ad72;--text:#e1d3bd;--red:#8b321f;--stone:#211a15}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#070706;color:var(--text);font-family:Georgia,"Times New Roman",serif}
body{background:linear-gradient(rgba(4,5,5,.72),rgba(4,5,5,.9)),url('../images/urzeitfluch-final-garage-v4.png') center top/cover fixed}
.page{width:min(1240px,94vw);margin:28px auto;min-height:calc(100vh - 56px);padding:26px;border:2px solid #76513a;border-radius:12px;background:radial-gradient(circle at 12% 5%,rgba(226,67,22,.13),transparent 24%),linear-gradient(145deg,rgba(53,40,31,.98),rgba(18,14,12,.98));box-shadow:0 0 0 5px #100b08,0 0 0 7px rgba(109,70,46,.55),0 24px 70px #000,inset 0 0 34px #000}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #765b3d}.logo{width:min(470px,58vw);height:auto}.back,.action{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border:1px solid #a45231;border-radius:4px;color:#f0d2ae;text-decoration:none;background:linear-gradient(#7d2e1c,#35110d);box-shadow:0 0 12px rgba(223,55,20,.25);cursor:pointer;font:inherit}.back:hover,.action:hover{filter:brightness(1.18)}
.hero{text-align:center;padding:30px 10px 22px}.hero h1{margin:0;color:var(--gold);font-size:clamp(30px,4vw,54px);font-weight:400;letter-spacing:.09em;text-shadow:0 3px 4px #000}.hero p{max-width:760px;margin:12px auto 0;line-height:1.6;color:#cbbba4}
.status{margin:0 auto 20px;padding:12px 16px;max-width:760px;border:1px solid #976143;background:rgba(80,42,28,.65);text-align:center}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{padding:16px;border:1px solid #826849;border-radius:7px;background:linear-gradient(145deg,rgba(72,58,44,.94),rgba(27,22,18,.98));box-shadow:inset 0 0 18px #000,0 5px 14px #000}.shop-card{display:grid;grid-template-columns:170px 1fr;gap:16px}.shop-card img{width:170px;height:112px;object-fit:cover;border:2px ridge #76533b}.card h2,.card h3{margin:0 0 8px;color:#e8c08d;font-weight:400}.card p{line-height:1.55;color:#d2c2ab}.meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;color:#e3b56f}.quest-progress{height:7px;background:#120d0a;border:1px solid #70533b}.quest-progress span{display:block;height:100%;background:linear-gradient(90deg,#762514,#e05a29)}.lore{max-width:900px;margin:auto}.lore .card{margin-bottom:18px}.lore h2{font-size:28px}.lore p{font-size:17px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.filters button{padding:9px 13px;border:1px solid #765b3d;color:#ddc7a7;background:#33281f;cursor:pointer}.filters button.active{border-color:#d36a3d;background:#712817}
.ranking{width:100%;border-collapse:collapse}.ranking th,.ranking td{padding:13px;border-bottom:1px solid #71583e;text-align:left}.ranking th{color:#e3b56f}.balance{text-align:center;margin:0 auto 24px;padding:22px;max-width:520px;border:1px solid #936742;background:linear-gradient(145deg,#4b3829,#201713);box-shadow:inset 0 0 22px #000}.balance strong{display:block;color:#f0bd68;font-size:clamp(30px,5vw,54px)}
.garage-grid{display:grid;gap:14px;max-width:900px;margin:auto}.garage-slot{display:grid;grid-template-columns:55px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;border:1px solid #826849;background:linear-gradient(145deg,rgba(72,58,44,.94),rgba(27,22,18,.98));box-shadow:inset 0 0 18px #000}.slot-number{color:#e3b56f;font-size:25px;text-align:center}.dino-name{font-size:18px}.dino-name small{color:#ad9c84}
.editor-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.7fr);gap:18px}.editor-preview{min-height:440px;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 43%,#263730,#080b0a 72%)}.editor-stage{flex:1;display:grid;place-items:center;padding:20px}.editor-dino{width:min(100%,720px);filter:drop-shadow(0 20px 14px #000)}.editor-controls{display:grid;align-content:start;gap:14px}.editor-controls label{display:grid;gap:6px;color:#d7c4a7}.editor-controls input,.editor-controls select{width:100%;padding:10px;border:1px solid #76583e;color:#ead7b8;background:#17110e;font:inherit}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.color-control{display:flex!important;grid-template-columns:42px 1fr!important;align-items:center;padding:8px;border:1px solid #674a34}.color-control input{width:38px;height:34px;padding:0}.skin-code{display:block;overflow-wrap:anywhere;padding:12px;border:1px solid #76583e;color:#efc98f;background:#090706}.submissions{margin-top:24px}.submission{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #654a35}.submission-status{color:#e3b56f}
@media(max-width:760px){.page{width:100%;margin:0;padding:16px;border-radius:0}.topbar{align-items:flex-start}.grid,.editor-layout{grid-template-columns:1fr}.shop-card{grid-template-columns:110px 1fr}.shop-card img{width:110px;height:88px}.meta{grid-column:1/-1}.garage-slot{grid-template-columns:42px 1fr}.garage-slot form,.garage-slot>.action{grid-column:1/-1}.back{padding:9px 11px}.logo{width:65vw}}
.editor-stage-3d{position:relative;min-height:390px;overflow:hidden;padding:0;border:1px solid rgba(166,117,73,.45);background:radial-gradient(circle at 53% 42%,rgba(85,102,74,.34),rgba(5,7,6,.96) 72%)}#skin-editor-canvas{display:block;width:100%;height:100%;touch-action:none}.viewer-loading{position:absolute;inset:0;display:grid;place-items:center;color:#d8b57e;letter-spacing:.08em;background:#080a08}.viewer-help{position:absolute;right:12px;bottom:10px;padding:6px 9px;color:#ad9b81;font-size:12px;background:rgba(5,6,5,.7);border:1px solid rgba(130,104,73,.45);pointer-events:none}
.test-skin{width:100%;border-color:#d25a2d;background:linear-gradient(#982f19,#41100b);box-shadow:0 0 16px rgba(236,68,24,.28)}
.diet-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 0 22px}.diet-filters button{min-width:135px;padding:11px 18px;border:1px solid #826849;border-radius:4px;color:#ddc7a7;background:linear-gradient(180deg,#3e3328,#241c17);font:inherit;cursor:pointer}.diet-filters button:hover{filter:brightness(1.15)}.diet-filters button.active{border-color:#d36a3d;color:#fff0d2;background:linear-gradient(#7d2e1c,#35110d);box-shadow:0 0 12px rgba(223,55,20,.25)}.diet-badge{display:inline-block;margin-bottom:7px;padding:3px 8px;border:1px solid #765b3d;border-radius:999px;color:#d9bb8e;background:rgba(20,15,12,.55);font-size:12px;letter-spacing:.05em}.shop-card[hidden]{display:none}
.lootbox-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:980px;margin:18px auto 28px}.loot-crate{min-height:280px;padding:28px 18px;border:2px solid #9b683f;border-radius:12px;color:#ecd6ae;background:radial-gradient(circle at 50% 30%,rgba(221,91,35,.23),transparent 30%),linear-gradient(145deg,#51412f,#211812 70%);box-shadow:inset 0 0 32px #080503,0 12px 28px rgba(0,0,0,.65),0 0 14px rgba(207,61,25,.18);font:inherit;cursor:pointer;transition:transform .2s,filter .2s}.loot-crate:hover{transform:translateY(-7px);filter:brightness(1.14)}.loot-crate span{display:grid;place-items:center;width:105px;height:105px;margin:0 auto 22px;border:5px double #b5844e;border-radius:50%;color:#f2b45d;background:#1d1510;font-size:62px;box-shadow:0 0 22px rgba(218,75,27,.35)}.loot-crate strong,.loot-crate small{display:block}.loot-crate strong{font-size:21px}.loot-crate small{margin-top:8px;color:#bca98c}.loot-cooldown,.loot-info{max-width:760px;margin:20px auto;text-align:center}.loot-cooldown>strong{display:block;color:#efb764;font-size:36px}.loot-win{border-color:#c47d3f;box-shadow:0 0 18px rgba(210,75,28,.22)}@media(max-width:760px){.lootbox-grid{grid-template-columns:1fr}.loot-crate{min-height:220px}}
.market-sell{margin-bottom:24px}.market-garage-list{display:grid;gap:12px}.market-garage-list form{display:grid;grid-template-columns:1fr 1.2fr 170px auto;gap:12px;align-items:center;padding:12px;border:1px solid #71583e;background:rgba(17,13,10,.45)}.market-garage-list label{display:flex;align-items:center;gap:7px}.market-garage-list input{width:100px;padding:9px;border:1px solid #76583e;color:#ead7b8;background:#17110e}.market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.market-offer{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.market-offer form{grid-column:2}.market-price{color:#efb764;font-size:22px}.market-login{max-width:650px;margin:auto;text-align:center}@media(max-width:760px){.market-grid{grid-template-columns:1fr}.market-garage-list form{grid-template-columns:1fr}.market-offer{grid-template-columns:1fr}.market-offer form{grid-column:1}.uzf-header-nav{gap:5%}}