:root{--purple:#34235f;--gold:#ffc83d;--orange:#ff7a2d;--panel:#17132bea;--cyan:#59d7f0}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#14243d;font-family:Manrope,Arial,sans-serif}.game{position:relative;width:100%;height:100%;min-height:620px;color:#fff;isolation:isolate}.scene{position:absolute;inset:0;background-image:url('/assets/idle-rpg-islands-v2.png');background-size:200% 100%;background-position:left center;transition:filter .6s}.game[data-scene=raiders] .scene{background-position:right center}.scene-motion{position:absolute;inset:0;background:radial-gradient(circle at 50% 28%,#fff5,transparent 18%),linear-gradient(115deg,transparent 45%,#fff2 50%,transparent 55%);background-size:100% 100%,250% 100%;animation:light 8s linear infinite;pointer-events:none}.fov{position:absolute;inset:0;background:radial-gradient(circle at 50% 62%,transparent 9%,#101426e8 28%,#080a16fa 55%);transition:opacity .8s}.fov.open{opacity:0}.hud-header{position:absolute;z-index:20;inset:0 0 auto;display:flex;align-items:center;gap:14px;padding:14px 22px;background:linear-gradient(#101226dd,transparent)}.wordmark{color:#fff;text-decoration:none;font:700 25px Pixelify Sans;letter-spacing:2px;text-shadow:0 3px #1c1638}.profile{display:flex;align-items:center;gap:9px;padding:6px 11px;border:1px solid #ffffff35;border-radius:11px;background:#17132bdc}.profile img{width:37px;height:37px;border-radius:8px}.profile b,.profile small{display:block}.profile b{font-size:11px}.profile small{color:#a99fc1;font-size:7px}.exit{margin-left:auto;padding:9px 12px;border:1px solid #ffffff30;border-radius:8px;background:#211a3edb;color:#fff;text-decoration:none;font-size:8px;font-weight:800}.chapter{position:absolute;z-index:15;left:50%;top:15px;transform:translateX(-50%);width:min(390px,40%);text-align:center}.chapter small,.chapter span{font-size:8px;text-shadow:0 2px 4px #000}.chapter>div{height:12px;margin:5px 0;border:2px solid #fff;border-radius:8px;background:#351b28;box-shadow:0 3px #151025}.chapter i{display:block;width:20%;height:100%;border-radius:5px;background:linear-gradient(90deg,#ff9b3b,#ffd34d);transition:width .3s}.vitals{position:absolute;z-index:15;right:21px;top:100px;display:grid;gap:7px;width:190px}.vitals label{display:grid;grid-template-columns:48px 1fr 40px;align-items:center;gap:5px;font-size:8px}.vitals i{height:11px;border:2px solid #fff;border-radius:7px;background:#251e32;overflow:hidden}.vitals b{display:block;width:100%;height:100%;background:#e34e51;transition:width .2s}.vitals label:nth-child(2) b{background:#4bc4df}.vitals span{text-align:right}.resources{position:absolute;z-index:15;right:21px;top:170px;display:grid;gap:6px}.resources div{min-width:142px;padding:8px 10px;border:1px solid #ffffff34;border-radius:9px;background:#18132ddc;color:#ffd147;font-size:14px}.resources b{margin-left:6px;color:#fff;font-size:11px}.resources small{display:block;color:#9d91b4;font-size:6px;margin-top:2px}.potion-hotbar{position:absolute;z-index:15;right:22px;top:235px;width:58px;height:58px;border:2px solid #e9d9ff;border-radius:12px;background:#472867;color:#ff6682;cursor:pointer}.potion-hotbar>i{font-size:25px}.potion-hotbar span{position:absolute;right:-5px;bottom:-5px}.potion-hotbar b,.potion-hotbar small{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#101225;color:#fff;font-size:8px}.potion-hotbar small{position:absolute;right:18px;bottom:0;background:#ffcd3d;color:#392300}
.entity{position:absolute;z-index:8;transform:translate(-50%,-50%)}.sprite{background-image:url('/assets/idle-rpg-characters-v2.png');background-size:200% 200%;background-repeat:no-repeat}.sprite.hero{background-position:left top}.sprite.yori{background-position:right top}.sprite.raider{background-position:left bottom}.sprite.boss{background-position:right bottom}.player{left:50%;top:68%;width:105px;height:145px;border-radius:48% 48% 32% 32%;transition:left .08s linear,top .08s linear;filter:drop-shadow(0 13px 8px #172c2c88)}.player.walking{animation:bob .25s infinite alternate}.player.dashing{filter:drop-shadow(-25px 4px 3px #7be4ff88)}.player>span,.yori>span,.enemy span,.chest span{position:absolute;left:50%;bottom:-13px;transform:translateX(-50%);padding:3px 7px;border-radius:7px;background:#17132be8;color:#fff;font-size:7px;white-space:nowrap}.player>i{position:absolute;right:2px;top:61%;width:38px;height:8px;border-radius:6px;background:#9a6a37;transform:rotate(-35deg);opacity:0}.player.armed>i{opacity:1}.player.attacking{animation:attack .22s}.yori{left:58%;top:50%;width:96px;height:136px;border:0;border-radius:48% 48% 32% 32%;cursor:pointer;filter:drop-shadow(0 12px 7px #172c2c88)}.aura{box-shadow:0 0 0 5px #ff9d31,0 0 35px 16px #ff7a2d;animation:aura 1s infinite}.portal{left:50%;top:38%;width:100px;height:145px}.portal i{display:block;width:70px;height:120px;margin:auto;clip-path:polygon(50% 0,90% 30%,75% 100%,25% 100%,10% 30%);background:linear-gradient(130deg,#d2a1ff,#693de0 45%,#58e9ff);box-shadow:inset 12px 0 #ffffff55;filter:drop-shadow(0 0 24px #6be9ff);animation:crystal 2s infinite}.portal>span{display:block;text-align:center;font-size:7px;text-shadow:0 2px #000}.portal.aura i{filter:drop-shadow(0 0 8px #ff9d31) drop-shadow(0 0 25px #ff7a2d)}.game[data-scene=raiders] .portal{display:none}.game[data-scene=raiders] .yori{left:43%;top:62%}.game[data-scene=raiders] .player{left:50%;top:85%}.enemies{position:absolute;inset:0;z-index:7}.enemy{position:absolute;width:90px;height:128px;transform:translate(-50%,-50%);border-radius:45%;filter:drop-shadow(0 12px 7px #172c2c88)}.enemy .hp{position:absolute;left:5px;right:5px;top:-12px;height:8px;border:1px solid #fff;border-radius:5px;background:#311c26;overflow:hidden}.enemy .hp i{display:block;height:100%;background:#e6484f}.enemy.hit{animation:hit .18s}.enemy.dead{animation:vanish .45s forwards}.chest{position:absolute;z-index:9;left:68%;top:38%;width:85px;height:75px;border:0;background:transparent;cursor:pointer}.chest i{display:block;width:75px;height:53px;border:5px solid #5d3218;border-radius:13px 13px 7px 7px;background:linear-gradient(#c47c2e 45%,#8d4e1e 46%);box-shadow:inset 0 6px #eda751,0 10px 12px #192a2977}.chest i:after{content:'';display:block;width:15px;height:17px;margin:14px auto;background:#ffd049;border:3px solid #6a3c1a}.chest.appear{animation:chest .7s}.path{position:absolute;inset:0;pointer-events:none}.path:before{content:'•  •  •  •  •  •  •  •';position:absolute;left:48%;top:58%;color:#ffd33f;font-size:28px;letter-spacing:15px;transform:rotate(-49deg);text-shadow:0 0 9px #ff9a2d;animation:path 1s infinite alternate}
.game-nav{position:absolute;z-index:18;left:50%;bottom:15px;transform:translateX(-50%);display:flex;gap:7px;padding:7px;border:2px solid #826bb3;border-radius:14px;background:#211740e8;box-shadow:0 7px #120a2b}.game-nav button{min-width:92px;padding:9px 8px;border:1px solid #ab95da;border-radius:9px;background:linear-gradient(#694ca5,#453078);color:#fff;cursor:pointer}.game-nav i,.game-nav span{display:block}.game-nav i{font-size:24px;font-style:normal}.game-nav span{font-size:7px;font-weight:800}.guide-arrow{position:absolute;z-index:30;bottom:88px;left:50%;color:#ffd238;font-size:30px;animation:arrow .6s infinite alternate}.dialog{position:absolute;z-index:25;left:50%;bottom:108px;transform:translateX(-50%);display:grid;grid-template-columns:105px 1fr;gap:17px;width:min(720px,calc(100% - 25px));padding:16px;border:2px solid #9d88d2;border-radius:17px;background:#19132df3;box-shadow:0 8px #0b071b,0 20px 50px #08051488}.portrait{width:105px;height:105px;border-radius:13px}.dialog small{color:#ffd257;font-size:8px;letter-spacing:2px}.dialog p{min-height:42px;margin:8px 0;font-size:11px;line-height:1.55}.dialog button{float:right;padding:9px 13px;border:0;border-radius:8px;background:#ffd044;color:#402700;font:900 8px Manrope}.dialog aside{display:flex;align-items:center;gap:5px;margin-bottom:7px}.dialog kbd{padding:5px;background:#392b55;border:1px solid #fff;border-radius:4px;font-size:8px}.dialog aside span{font-size:7px;color:#ada0bd}.dialog aside i{margin-left:12px;font-style:normal}
.panel{position:absolute;z-index:35;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1000px,calc(100% - 30px));max-height:92vh;overflow:auto;padding:20px;border:2px solid #987ed0;border-radius:19px;background:linear-gradient(145deg,#251947,#120d28);box-shadow:0 25px 90px #070411}.panel>header{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff1f;padding-bottom:12px}.panel header small{color:#aa99d1;font-size:7px;letter-spacing:2px}.panel header h2{margin:3px 0 0;font:700 26px Pixelify Sans}.panel header button{width:35px;height:35px;border:1px solid #ffffff30;border-radius:8px;background:#312449;color:#fff;font-size:20px}.equipment-layout{display:grid;grid-template-columns:170px 1fr 210px;gap:14px;margin-top:14px}.slots{display:grid;grid-template-columns:1fr 1fr;gap:6px}.slots button{border:1px dashed #796798;border-radius:8px;background:#211833;color:#968aa9;font-size:7px}.slots button.equipped{border-style:solid;border-color:#ffd044;color:#fff}.paperdoll{display:grid;place-items:center;min-height:280px;border-radius:12px;background:radial-gradient(circle,#5f4791,#251b42 65%)}.paperdoll .hero{width:170px;height:220px;border-radius:48%}.paperdoll>b{font-size:8px;color:#ffd04a}.stats{padding:15px;border-radius:11px;background:#181126}.stats h3{font:700 15px Pixelify Sans}.stats p{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff14;padding:9px 0;color:#9f93af;font-size:8px}.stats b{color:#fff}.item-categories,.inventory-panel>nav{display:flex;gap:5px;margin-top:12px;overflow:auto}.item-categories button,.inventory-panel>nav button{padding:8px;border:1px solid #514267;border-radius:7px;background:#211831;color:#a79bb5;font-size:7px;white-space:nowrap}.item-list{display:flex;gap:7px;margin-top:8px;min-height:80px;padding:9px;background:#130e23}.item-card{width:90px;padding:9px;border:1px solid #8d75b8;border-radius:8px;background:#31234b;color:#fff}.item-card i{display:block;font-style:normal;font-size:28px}.item-card b,.item-card small{display:block;font-size:7px}.item-card button{margin-top:6px;padding:5px;background:#ffd044;border:0;border-radius:4px;font-size:6px}.upgrades{display:grid;grid-template-columns:160px 1fr;gap:10px;margin-top:12px}.upgrades nav{display:grid}.upgrades nav button{border:1px solid #4e3d69;background:#211732;color:#9c90ac}.upgrades nav button.active{border-color:#ffd044;color:#fff}.upgrades>div{padding:13px;background:#181127}.upgrades b{font-size:10px}.upgrades p{color:#9c90ab;font-size:8px}.upgrades>div button{padding:8px;border:0;border-radius:6px;background:#5c477d;color:#fff;font-size:7px}.menu-tutorial{position:absolute;inset:0;background:#0c081bdd;z-index:3}.menu-tutorial .yori{position:absolute;left:20px;bottom:20px;width:130px;height:160px;border-radius:45%}.menu-tutorial p{position:absolute;left:165px;right:30px;bottom:70px;padding:18px;border:2px solid #ffd044;border-radius:12px;background:#211740;font-size:11px}.menu-tutorial button{position:absolute;right:45px;bottom:35px;padding:8px;background:#ffd044;border:0;border-radius:6px}.inventory-panel>nav .active{border-color:#ffd044;color:#fff}.inventory-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:15px}.inventory-grid button{min-height:110px;border:2px solid #b3749a;border-radius:10px;background:#3e2348;color:#fff}.inventory-grid i,.inventory-grid b,.inventory-grid small{display:block}.inventory-grid i{font-size:35px;color:#ff6682}.inventory-grid b{font-size:8px}.inventory-grid small{color:#ffd044}.inventory-panel aside{margin-top:12px;padding:15px;background:#181127}.inventory-panel aside h3{margin:0}.inventory-panel aside p{color:#a99eb5;font-size:9px}.inventory-panel aside button{padding:9px;border:0;border-radius:7px;background:#ffd044;color:#3b2600;font-size:8px;font-weight:800}
.cloud-transition{position:absolute;z-index:50;inset:0;display:grid;place-items:center;background:#8bddf1}.cloud-transition i{position:absolute;width:55%;height:30%;border-radius:50%;background:#fff;filter:blur(10px);animation:cloud 1.3s forwards}.cloud-transition i:nth-child(2){top:10%;left:-30%;animation-delay:.15s}.cloud-transition i:nth-child(3){bottom:4%;right:-30%;animation-delay:.3s}.cloud-transition b{z-index:2;color:#31466e;font:700 17px Pixelify Sans}.gate,.creator{position:absolute;z-index:60;inset:0;display:grid;place-items:center;padding:15px;background:#0c0a1ce8;backdrop-filter:blur(8px)}.gate>div{width:min(430px,100%);padding:42px;text-align:center;border:1px solid #826ab5;border-radius:22px;background:linear-gradient(#32215d,#17112f)}.gate small{color:#bea8e6;letter-spacing:2px}.gate h1{font:700 48px/.9 Pixelify Sans}.gate p{color:#aca0bd;font-size:11px;line-height:1.6}.gate a{display:block;padding:13px;border-radius:9px;background:#5865f2;color:#fff;text-decoration:none;font-size:10px;font-weight:800}.creator-card{width:min(900px,100%);max-height:94vh;overflow:auto;padding:22px;border:2px solid #947aca;border-radius:18px;background:#1b1334}.creator-card>header{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff1c;padding-bottom:12px}.creator-card header small{color:#b39fcf;font-size:7px;letter-spacing:2px}.creator-card h2{margin:4px 0;font:700 28px Pixelify Sans}.creator-body{display:grid;grid-template-columns:330px 1fr;gap:20px;margin-top:15px}.creator-hero{display:grid;place-items:center;min-height:470px;border-radius:14px;background:radial-gradient(circle,#73d5ed,#315a84 68%)}.creator-hero .hero{width:300px;height:390px;border-radius:46%}.creator-hero>b{font-size:8px}.creator-controls h3{font:700 17px Pixelify Sans}.creator-controls label{display:block;margin:17px 0 6px;color:#a89bb9;font-size:7px}.options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.options.four{grid-template-columns:1fr 1fr}.options button{padding:10px;border:1px solid #59476f;border-radius:7px;background:#281e3b;color:#a79bb4;font-size:7px}.options button.selected{border-color:#ffd044;background:#5b467b;color:#fff}.swatches{display:flex;gap:8px}.swatches button{width:35px;height:35px;border:3px solid transparent;border-radius:50%;background:#5a351f}.swatches button:nth-child(2){background:#171515}.swatches button:nth-child(3){background:#d9aa51}.swatches button:nth-child(4){background:#9a3f29}.swatches.skin button:nth-child(1){background:#f2c4a0}.swatches.skin button:nth-child(2){background:#c9855f}.swatches.skin button:nth-child(3){background:#925a3d}.swatches.skin button:nth-child(4){background:#593621}.swatches.outfit button:nth-child(1){background:#ff792b}.swatches.outfit button:nth-child(2){background:#3678bc}.swatches.outfit button:nth-child(3){background:#58924e}.swatches.outfit button:nth-child(4){background:#764ea7}.swatches button.selected{border-color:#fff;box-shadow:0 0 0 2px #ffd044}.creator-controls footer{display:flex;align-items:center;gap:7px;margin-top:22px}.creator-controls footer button{padding:10px 14px;border:1px solid #695488;border-radius:7px;background:#302247;color:#fff;font-size:8px}.creator-controls footer #create-next{margin-left:auto;background:#ffd044;color:#3a2400}.creator-controls footer p{font-size:7px;color:#ec8181}
[hidden]{display:none!important}@keyframes light{to{background-position:100% 100%,-250% 0}}@keyframes bob{to{transform:translate(-50%,-52%)}}@keyframes aura{50%{box-shadow:0 0 0 9px #ffb552,0 0 45px 20px #ff7a2d}}@keyframes crystal{50%{transform:translateY(-5px) scale(1.03)}}@keyframes arrow{to{transform:translateY(9px)}}@keyframes attack{50%{transform:translate(-50%,-50%) rotate(12deg)}}@keyframes hit{50%{filter:brightness(2) saturate(0)}}@keyframes vanish{to{opacity:0;transform:translate(-50%,-90%) scale(.4)}}@keyframes chest{0%{opacity:0;transform:translateY(-100px) scale(.3)}60%{transform:translateY(10px) scale(1.1)}100%{opacity:1}}@keyframes path{to{opacity:.4}}@keyframes cloud{from{transform:translateX(-140%)}to{transform:translateX(240%)}}@media(max-width:760px){.game{min-height:560px}.hud-header{padding:9px}.wordmark{font-size:18px}.profile img{width:30px;height:30px}.profile{padding:4px 7px}.chapter{top:66px;width:70%}.vitals{right:8px;top:95px;width:150px}.resources{right:8px;top:158px}.dialog{bottom:82px;grid-template-columns:65px 1fr;padding:10px}.portrait{width:65px;height:75px}.game-nav{bottom:8px}.game-nav button{min-width:75px}.equipment-layout{grid-template-columns:90px 1fr}.stats{grid-column:1/-1}.paperdoll .hero{width:120px;height:170px}.upgrades{grid-template-columns:1fr}.creator{padding:5px}.creator-card{padding:12px}.creator-body{grid-template-columns:135px 1fr;gap:10px}.creator-hero{min-height:390px}.creator-hero .hero{width:130px;height:220px}.creator-card h2{font-size:20px}.options.four{grid-template-columns:1fr 1fr}}