/* Artwork study 02: local visual concept only. */
body{background:#0f0d0a url('artwork/temple-texture.png') center 690px/1900px auto no-repeat}
main{background:linear-gradient(0deg,#0f0d0a 0%,#0f0d0aee 38%,#0f0d0ae8 76%,transparent 95%)}
header{background:linear-gradient(90deg,#100d09f2,#17100af2),url('artwork/deco-preview.png') 25% 50%/cover;border-bottom-color:#bb935d55}
.preview-bar{gap:15px}.preview-bar a{white-space:nowrap}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(2px 2px at 46% 54%,#e5a849 0%,transparent 100%),radial-gradient(2px 2px at 54% 74%,#eaa545 0%,transparent 100%),radial-gradient(1px 1px at 85% 38%,#ffcf6a 0%,transparent 100%),radial-gradient(2px 2px at 42% 27%,#b57325 0%,transparent 100%),radial-gradient(1px 1px at 72% 66%,#ffc260 0%,transparent 100%);animation:emberLight 5s ease-in-out infinite alternate;z-index:-1}
@keyframes emberLight{from{opacity:.2;transform:translateY(8px)}to{opacity:.85;transform:translateY(-12px)}}
.hero .btn{box-shadow:0 4px 24px #9a0b1333,inset 0 1px #ffbd7040}.hero .btn.secondary{box-shadow:inset 0 1px #e9c07d25}
.status-strip{background:linear-gradient(90deg,#241b0ef2,#19140de8),url('artwork/temple-texture.png') center 76%/cover;border-color:#c1a06580;box-shadow:0 18px 45px #0006,inset 0 1px #f0d49720,inset 0 -1px #0009}
.status-strip:after{content:"";pointer-events:none;position:absolute;inset:5px;border:1px solid #ceb57b16;border-radius:2px}
.quick-row{gap:18px;margin-top:25px}
.quick{position:relative;isolation:isolate;min-height:212px;padding:25px;overflow:hidden;align-items:flex-end;background:linear-gradient(90deg,#100b0799,transparent 82%),var(--card-art) center/cover;border:1px solid #c1a06566;border-radius:4px;box-shadow:0 10px 26px #0004;transition:border-color .2s,transform .25s,box-shadow .25s}
.quick:nth-child(1){--card-art:url('artwork/daily-gifts.png')}.quick:nth-child(2){--card-art:url('artwork/deco-preview.png')}.quick:nth-child(3){--card-art:url('artwork/pvp-store.png')}
.quick:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#090704d9,transparent 75%);transition:opacity .3s}
.quick:after{content:"";position:absolute;inset:7px;pointer-events:none;background:linear-gradient(#d9b57880,#d9b57880) left top/22px 1px no-repeat,linear-gradient(#d9b57880,#d9b57880) left top/1px 22px no-repeat,linear-gradient(#d9b57850,#d9b57850) right bottom/22px 1px no-repeat,linear-gradient(#d9b57850,#d9b57850) right bottom/1px 22px no-repeat}
.quick:hover{transform:translateY(-4px);border-color:#dbb578b3;background:linear-gradient(90deg,#100b0755,transparent 82%),var(--card-art) center/cover;box-shadow:0 12px 34px #0009,0 0 24px #a7742020}
.quick>.icon{position:absolute;left:25px;top:23px;background:#2116087d;border:1px solid #cfad6d6e;color:#ebc883;backdrop-filter:blur(3px);width:35px;height:35px;border-radius:50%}
.quick>.icon svg{width:19px;height:19px}.quick>div{max-width:72%}.quick h3{font-size:22px;color:#f4ddb4;text-shadow:0 2px 7px #000}.quick p{font-size:11px;line-height:1.6;color:#c3b194;max-width:155px;margin-top:8px;text-shadow:0 1px 5px #000}.quick>.arrow{width:18px;position:absolute;bottom:29px;right:23px;color:#e4c489}
.section-head{position:relative;padding-bottom:20px;border-bottom:1px solid #c1a06525}
.section-head:after{content:"";position:absolute;bottom:-1px;left:0;width:85px;height:1px;background:linear-gradient(90deg,#c19a52,transparent)}
.feature-news{border-color:#c2a1695c;box-shadow:0 10px 35px #0005}.news-stack{padding:0 20px;border:1px solid #a9894a36;border-radius:4px;background:linear-gradient(110deg,#1b140cee,#100e0ce8),url('artwork/temple-texture.png') center/cover}.news-row:last-child{border-bottom:0}.news-row img{border:1px solid #ca9f5b4d}.news-row:hover h3{color:#efcc90}
.journey{background:linear-gradient(90deg,#1b1007cf,#100d07a6 60%,#21160e73),url('artwork/temple-texture.png') center/cover;min-height:252px;border-color:#c4a26873;box-shadow:inset 0 1px #e9c58122,0 15px 40px #0004}.journey-copy{display:flex;flex-direction:column;justify-content:center;border-right-color:#c4a26830}.journey-copy h3{color:#f2d69e}.journey-copy p{color:#c3b398}.phase-grid{background:#120e0938}.phase-grid dd{text-shadow:0 2px 8px #000;color:#f1d7ac}.phase-grid dt{color:#cab28d}
.phase-tabs{border:0;gap:7px}.phase-tabs button{border:1px solid #ac8d4a2c;border-bottom:2px solid #6f5b302c;border-radius:3px;background:linear-gradient(#13100ade,#100d08ec),url('artwork/temple-texture.png') center/cover;color:#a08d70;padding:13px 8px}.phase-tabs button.active{background:linear-gradient(#62431c66,#2f22116e),url('artwork/temple-texture.png') left center/cover;border:1px solid #b6954e8c;border-bottom:2px solid var(--gold);box-shadow:inset 0 1px #eed0991a}
.lower-grid{gap:26px}.lower-grid>section{min-width:0}.lower-grid .section-head{min-height:104px}.rank-table{background:linear-gradient(90deg,#1b150bee,#15100bec),url('artwork/temple-texture.png') left center/cover;border:1px solid #b2915138;border-radius:4px;border-collapse:separate;border-spacing:0;overflow:hidden}.rank-table th{padding:12px 16px;background:#ba9a5020}.rank-table td{padding:13px 16px}.rank-table td:first-child{width:44px;padding-right:0}.rank-table td:nth-child(2){padding-left:12px}.rank-table td:last-child{white-space:nowrap}.rank-table tr:last-child td{border-bottom:0}.rank-table .player img{border-color:#d2ae6480;box-shadow:0 2px 9px #000a}.rank-table td:first-child{font-family:var(--font)}
.shop-card{min-height:220px;background:linear-gradient(110deg,#30200fc9,#16110cdb),url('artwork/temple-texture.png') right center/cover;border-color:#c2a16966;box-shadow:inset 0 1px #e9c58122,0 10px 35px #0004}.shop-card h3{color:#f1d49f}.shop-card img{filter:drop-shadow(0 0 25px #de8e2555)}.shop-minis{grid-template-columns:1fr 1fr}.shop-mini{background:linear-gradient(120deg,#2c2012e8,#18120be0),url('artwork/temple-texture.png') center/cover;border-color:#b8945140;min-height:89px}.shop-mini:hover{border-color:#c2a169b3}
.community{min-height:210px;padding:36px 40px;background:linear-gradient(90deg,#180f079e,#17100b66,#17100b80),url('artwork/temple-texture.png') center/cover;border-color:#cca7636e;box-shadow:0 12px 40px #0005,inset 0 0 50px #0004}.community h2{color:#ffe2ad;font-size:28px;text-shadow:0 2px 12px #000}.community p{color:#d0bfa5;max-width:510px;text-shadow:0 1px 6px #000}.community .btn{background:#19100cb3;backdrop-filter:blur(5px)}.footer{background:linear-gradient(#100d09aa,#100d09dd),url('artwork/temple-texture.png') center bottom/cover;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;border-top-color:#b08e5150}
@media(max-width:1100px){.quick{min-height:200px;padding:22px}.quick>.icon{left:22px;top:20px}.quick h3{font-size:20px}.quick>.arrow{right:20px;bottom:25px}.shop-minis{grid-template-columns:1fr}.shop-mini{min-height:60px}.rank-table td{padding:13px 10px}.rank-table td:last-child{font-size:11px}.lower-grid{gap:24px}.community h2{font-size:25px}}
@media(max-width:800px){.quick{min-height:180px;padding:18px}.quick>.icon{left:18px;top:18px}.quick h3{font-size:17px}.quick p{display:block;font-size:10px;max-width:110px}.quick>div{max-width:90%}.quick>.arrow{display:none}.news-stack{padding:0 14px}.journey{min-height:240px}.shop-minis{grid-template-columns:1fr 1fr}.lower-grid .section-head{min-height:0}.rank-table td:last-child{font-size:12px}.community{min-height:210px}.community h2{max-width:390px}.phase-tabs button{gap:6px;font-size:10px}}
@media(max-width:540px){body{background-position:center 680px;background-size:auto 700px}.preview-bar{gap:9px;font-size:8px}.preview-bar b{letter-spacing:.6px}.quick-row{gap:8px;margin-top:16px}.quick{min-height:156px;padding:13px 7px;align-items:center;justify-content:flex-end;text-align:center;background:linear-gradient(0deg,#100b0722,transparent),var(--card-art) 67% center/cover}.quick:hover{background:linear-gradient(0deg,#100b0722,transparent),var(--card-art) 67% center/cover;transform:none}.quick:before{background:linear-gradient(0deg,#090704f7 0%,#0907045c 58%,#0907040d)}.quick:after{inset:5px;background-size:13px 1px,1px 13px,13px 1px,1px 13px}.quick>.icon{display:none}.quick>div{max-width:100%}.quick h3{font-family:var(--font);font-size:13px;line-height:1.4}.quick p{display:none}.section-head{padding-bottom:16px}.news-stack{padding:0 16px}.journey{background:linear-gradient(100deg,#1b1007c9,#100d079c),url('artwork/temple-texture.png') 38% center/cover}.journey-copy{padding:25px}.phase-grid{background:#130e084f;padding:25px;gap:20px}.phase-tabs{gap:5px}.phase-tabs button{font-size:7px;padding:11px 0;gap:6px}.phase-tabs .step{width:22px;height:22px;font-size:9px}.rank-table th{padding:11px 10px}.rank-table td{padding:12px 8px;font-size:11px}.rank-table td:first-child{width:30px;padding-left:10px}.rank-table td:nth-child(2){padding-left:7px}.rank-table td:last-child{font-size:9px;padding-right:10px}.player{gap:8px}.player img{width:27px;height:27px}.player small{font-size:8px}.shop-card{min-height:198px}.shop-minis{gap:8px}.shop-mini{min-height:72px;padding:10px 9px}.community{min-height:280px;padding:29px 25px;background-position:65% center}.community h2{font-size:25px;max-width:240px}.community p{font-size:12px}.footer{margin-left:0;margin-right:0;padding-left:0;padding-right:0;background:none}.status-strip{padding:15px}.status-strip:after{inset:4px}}
@media(prefers-reduced-motion:reduce){.hero:after{animation:none}}