/* v4.13 — pixel fantasy interface */
:root{--iron:#101217;--soot:#1a1e25;--ash:#303640;--steel:#a0a5b1;--parch:#f2eee5;--ember:#efb65b;--glow:#ffe0a0;--blood:#f07478;--moss:#8ec9a3;color-scheme:dark}
html{background:#101217;background-image:radial-gradient(ellipse at 15% 0%,#45302255,transparent 48%),radial-gradient(ellipse at 90% 35%,#28223d55,transparent 48%);background-attachment:fixed}
body{max-width:1180px;background:transparent;height:auto;min-height:100dvh;line-height:1.55}
header{padding:22px 28px;align-items:center;border-color:#ffffff0d;gap:16px}
header h1{font-size:22px;letter-spacing:-1px}header h1>.ico{color:var(--ember);margin-right:7px}header #rank{display:block;margin:3px 0 0 33px;letter-spacing:0}
header .res{gap:8px}header .res>span{min-width:90px;padding:8px 13px;background:#1c2029;border:1px solid #ffffff0b;border-radius:10px;color:var(--steel);font-size:11px}header .res b{display:block;font-size:16px}header .res>span:nth-child(2) b{color:#a7c6ed}header .res>span:nth-child(3) b{color:#c3abf4}
main{overflow:visible;padding:24px 28px 110px}.page-intro{margin-bottom:24px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:3px;color:var(--ember)}.page-intro h2{font-size:28px;color:var(--parch);font-weight:800;letter-spacing:-1px;margin:5px 0}.page-intro p{color:var(--steel);font-size:13px}
.card,.gacha,.forge,.demon{border:1px solid #ffffff0d;border-radius:18px;box-shadow:0 8px 24px #00000016}.card{padding:18px;margin-bottom:14px}h2{font-weight:700;color:#c9cbd2;margin-top:24px}
.btn{min-height:44px;border:1px solid #ffffff0b;border-radius:10px;padding:11px 16px;transition:background .15s,transform .15s,box-shadow .15s}.btn.hot{background:linear-gradient(135deg,#f6cc81,#dfa048);box-shadow:0 4px 18px #efb65b17;color:#282014}.btn.sm{min-height:34px}.btn:not(:disabled):hover{filter:brightness(1.13);box-shadow:0 4px 16px #0003}.btn:not(:disabled):active{transform:translateY(2px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--glow);outline-offset:4px}.tg{min-height:34px}.tg.on{background:#423520;border-color:#ba8944;box-shadow:none}.qi{min-width:26px;min-height:26px}
nav{max-width:680px;bottom:16px;border:1px solid #ffffff15;border-radius:18px;background:#1b202bf2;backdrop-filter:blur(18px);box-shadow:0 12px 40px #0008;padding:6px;z-index:8;width:calc(100% - 32px)}nav button{border:0;border-radius:12px;padding:10px 0;font-weight:600;font-size:12px;min-height:54px}nav button::before{display:block;font-size:18px;line-height:22px;margin-bottom:3px}nav [data-t=main]::before{content:'⚔'}nav [data-t=shop]::before{content:'◇'}nav [data-t=inv]::before{content:'▣'}nav [data-t=friends]::before{content:'♧'}nav [data-t=quest]::before{content:'☷'}nav button.on{background:#efb65b17;color:var(--glow)}
.forge{padding:24px;background:radial-gradient(ellipse at 30% 15%,#5c402744,transparent 65%),#1a1e25}.forge::before{content:'WEAPON FORGE  /  무기 강화';display:block;text-align:left;color:#c9aa77;font-size:10px;letter-spacing:2px;margin-bottom:24px}.forge .fx{gap:24px;min-height:160px}.forge #f-img{padding:16px 22px;background:radial-gradient(ellipse,#e9ae4820,transparent 70%);border-bottom:1px solid #e9ae4840}.forge .lv{font-size:52px;letter-spacing:-2px}.forge .st{gap:16px}.forge .st b{font-size:17px}.forge .msg{min-height:34px;margin-top:14px}.forge .act{gap:8px}.forge .act .btn{min-height:50px}.rb{margin-top:18px;padding:12px;border:1px solid #d6b16a24;background:#d6b16a06}
.demon{padding:22px;background:radial-gradient(ellipse at 90% 60%,#773d8f28,transparent 70%),#1b1b27}.demon .arena{border-bottom:1px solid #a56ac838;background:radial-gradient(ellipse at bottom,#a66be622,transparent 70%)}.hpz{height:8px}.srow{padding:14px 12px;margin-top:12px;border-radius:12px}.stat{line-height:1.9}
.gacha{--accent:#edbd69;position:relative;overflow:hidden;padding:24px;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 65%),#1a1e25;margin:0;display:flex;flex-direction:column;border-top:2px solid color-mix(in srgb,var(--accent) 55%,transparent)}.gacha:nth-of-type(2){--accent:#b399ed}.gacha:nth-of-type(3){--accent:#7ebaca}.gacha:nth-of-type(4){--accent:#da99ba}.gacha:nth-of-type(5){--accent:#98c49b}.gacha>div:first-child>b{font-size:18px}.gacha>div:first-child>.muted{display:block;font-size:12px;margin-top:4px}.gacha>.big{padding:20px;margin:8px auto;color:var(--accent);filter:drop-shadow(0 0 18px color-mix(in srgb,var(--accent) 35%,transparent))}.gacha .res{height:146px;min-height:146px;padding:12px;background:#0d101766;border:1px solid #ffffff08;border-radius:12px;margin-top:auto}.gacha .res:empty{display:grid;place-items:center}.gacha .res:empty::before{content:'어떤 운명이 기다리고 있을까요?';font-size:12px}.gacha .rc{padding:7px 9px;border-radius:7px;animation:reward-in .35s both;animation-delay:var(--reveal-delay,0ms)}.gacha .sum{display:block;padding-bottom:7px;margin-bottom:4px;border-bottom:1px solid #ffffff0c}.gacha .res.revealing{box-shadow:inset 0 0 25px #efb65b12}.gacha>.row{margin-top:6px}.gacha .btn{flex:1}.gacha .row>.muted{width:100%;margin-top:5px}
@keyframes reward-in{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.modal{backdrop-filter:blur(10px);background:#090b12bd}.modal .box{border:1px solid #e7bd6b25;padding:28px;border-radius:20px;box-shadow:0 24px 100px #0009}.modal .box>b:first-child{font-size:22px}#loginbox .box::before{content:'⚔';display:block;font-size:42px;color:var(--ember);margin-bottom:12px}#loginbox .muted{line-height:1.9}.toast{bottom:110px;border:1px solid #ffffff20;box-shadow:0 8px 30px #0008;z-index:25}table{width:100%}th,td{padding:12px 7px}input{min-width:0}
#t-shop.on{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#t-shop>.page-intro,#t-shop>#shop,#t-shop>#stonebox{grid-column:1/-1}
@media(min-width:960px){#t-main.on{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:start}#t-main>.page-intro,#tut,#feed,#chat{grid-column:1/-1;margin-bottom:0}#forge{grid-column:1;grid-row:span 2;margin:0}#demon{grid-column:2;grid-row:5;margin:0}#smith{grid-column:2;margin:0}#t-main>.page-intro{margin-bottom:5px}}
@media(max-width:600px){header{padding:16px;gap:12px}header h1{font-size:20px}header .res{width:100%;gap:6px}header .res>span{flex:1;min-width:0;padding:6px 10px}header .res b{font-size:15px}main{padding:20px 14px 110px}.page-intro{margin-bottom:18px}.page-intro h2{font-size:25px}.forge{padding:18px 14px}.forge .fx{gap:12px}.forge #f-img{padding:12px}.forge .st{gap:10px}.forge .st b{font-size:15px}.forge .lv{font-size:44px}.demon{padding:16px 12px}.demon .arena{width:140px}#t-shop.on{grid-template-columns:minmax(0,1fr);gap:14px}nav{bottom:8px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.gacha{padding:20px}.card{padding:14px}.modal .box{padding:22px}th,td{padding:8px 4px;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Keep both desktop columns aligned even after the tutorial is completed. */
@media(min-width:960px){#t-main>.page-intro{order:0}#tut{order:1}#feed{order:2}#chat{order:3}#forge{order:4}#demon{order:5;grid-row:auto}#smith{order:6}}