.hideout-screen{min-height:100svh;padding:0;background:radial-gradient(circle at 50% 18%,#10274a 0,transparent 34%),#010308;color:#eef5ff}
.hideout-shell{width:min(1180px,100%);min-height:100svh;margin:auto;padding:14px clamp(12px,2.4vw,28px) 24px;background:linear-gradient(90deg,#02050cf2,#061020e8 50%,#02050cf2);border-inline:1px solid #143c72;box-shadow:0 0 80px #000;overflow:hidden}
.hideout-topbar{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:18px;align-items:stretch}
.hideout-title,.hideout-player,.hideout-resources>*,.hideout-buff,.hideout-scene,.hideout-menu button,.hideout-panel{position:relative;border:1px solid #174b89;background:#020710;box-shadow:inset 0 0 20px #061b3d,0 5px 18px #0008;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.hideout-title{min-height:142px;display:flex;align-items:center;gap:22px;padding:20px 25px}.hideout-title>i{flex:0 0 92px;width:92px;height:100px;background:radial-gradient(circle,#20aaff 0 8%,#0647d8 9% 27%,transparent 28%),linear-gradient(135deg,transparent 36%,#176ff0 37% 48%,transparent 49%),linear-gradient(45deg,transparent 36%,#176ff0 37% 48%,transparent 49%);filter:drop-shadow(0 0 14px #086fff);clip-path:polygon(50% 0,65% 22%,91% 12%,79% 45%,100% 66%,66% 69%,50% 100%,34% 69%,0 66%,21% 45%,9% 12%,35% 22%)}
.hideout-title small{font:700 11px Cinzel;letter-spacing:.27em;color:#7794b9}.hideout-title h1{margin:5px 0 2px;font-family:serif;font-size:clamp(26px,4vw,47px);font-weight:800;letter-spacing:.08em;text-shadow:0 0 18px #1f6acb}.hideout-title span{display:block;text-align:center;font-family:serif;font-size:13px;color:#8fa8c8;letter-spacing:.28em}
.hideout-player{min-height:142px;display:grid;grid-template-columns:118px 1fr;gap:14px;padding:13px 16px}.hideout-player-portrait{background:url("../assets/playable-characters/amamiya-ren/body-no-weapon.png") center 12%/115% auto no-repeat,radial-gradient(circle,#12315e,#020713 72%);border-right:1px solid #17528e;filter:drop-shadow(0 0 10px #087fff)}.hideout-player>div:last-child{display:grid;grid-template-columns:1fr auto;align-content:center;gap:3px 10px}.hideout-player small{grid-column:1/3;font:700 7px Cinzel;letter-spacing:.16em;color:#4ccaff}.hideout-player strong{font-size:23px;letter-spacing:.12em}.hideout-player>div>b{font:900 20px Cinzel;color:#3aa4ff}.hideout-meter{grid-column:1/3;display:grid;grid-template-columns:28px 1fr 72px;align-items:center;gap:7px}.hideout-meter>span{font:800 13px Cinzel}.hideout-meter>i{height:8px;background:#04050b;border:1px solid #373d55;overflow:hidden;transform:skewX(-13deg)}.hideout-meter em{display:block;width:100%;height:100%;background:linear-gradient(90deg,#b61534,#ff304c);box-shadow:0 0 8px #ff1d41}.hideout-meter.mp em{background:linear-gradient(90deg,#123ac2,#275dff);box-shadow:0 0 8px #174fff}.hideout-meter output{font:700 11px Cinzel;text-align:right}
.hideout-resources{display:grid;grid-template-columns:1fr 1.2fr 190px;gap:14px;margin-top:14px}.hideout-resources>div,.hideout-resources>button{min-height:68px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:11px 22px;color:#fff}.hideout-resources>button{cursor:pointer}.hideout-resources small{font:700 10px Cinzel;letter-spacing:.12em;color:#9fb2c7}.hideout-resources strong{font:900 27px Cinzel}.hideout-resources button b{font-size:15px}.hideout-exp{grid-column:1/3;height:3px;background:#06101c}.hideout-exp em{display:block;height:100%;background:#256cff;box-shadow:0 0 8px #167cff}
.hideout-buff{min-height:64px;margin-top:12px;display:grid;grid-template-columns:55px 150px 1fr 1.2fr;align-items:center;gap:12px;padding:8px 20px;border-color:#15888d;background:linear-gradient(90deg,#03110f,#06161b,#031019)}.hideout-buff>i{width:42px;height:42px;border:2px solid #2bc6c1;border-radius:50%;background:radial-gradient(circle at 45% 38%,#ffcf45 0 9%,#b84c12 10% 24%,#192416 25% 54%,#05080a 55%);box-shadow:0 0 13px #21d5cc55}.hideout-buff>b{font:900 11px Cinzel;color:#53e4d0;letter-spacing:.13em}.hideout-buff>strong{font-size:17px}.hideout-buff>span{padding-left:18px;border-left:1px solid #12605e;font-size:11px;color:#70e7c8}.hideout-buff.active{border-color:#4fbf26}.hideout-buff.active>strong{color:#a4ff51}
.hideout-scene{height:330px;margin-top:12px;overflow:hidden;background:linear-gradient(#03071222,#0008),radial-gradient(circle at 23% 25%,#d78426 0 2%,transparent 18%),radial-gradient(circle at 80% 28%,#e69a31 0 2%,transparent 19%),repeating-linear-gradient(90deg,#110b08 0 55px,#26160b 56px 58px,#0d0908 59px 112px);border-color:#174475}.hideout-scene:before{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(#2a1608,#100904 8%,#060404 9% 65%,#25150a 66% 70%,#080506 71%);border-top:3px solid #6b3d13;box-shadow:0 -20px 40px #d27b1b18}.hideout-sign{position:absolute;z-index:2;top:17px;left:50%;translate:-50%;padding:6px 30px;color:#c9a773;background:#211307;border:1px solid #6b461f;font-family:serif;font-size:15px;letter-spacing:.15em;box-shadow:0 4px 14px #000}.hideout-sign b{font-size:27px}.ramen-lantern{position:absolute;z-index:2;left:19px;top:42px;width:54px;padding:14px 8px;text-align:center;color:#120600;background:linear-gradient(90deg,#c53018,#ff7544 50%,#a71c12);border-radius:45%;font:900 18px serif;line-height:1.1;box-shadow:0 0 20px #ff752b77}.shopkeeper{position:absolute;z-index:3;left:54%;bottom:62px;width:230px;display:grid;grid-template-columns:65px 1fr;gap:2px 9px;padding:12px 14px;background:#03070dde;border:1px solid #285382}.shopkeeper>i{grid-row:1/3;width:60px;height:66px;background:radial-gradient(circle at 50% 28%,#d19a6b 0 22%,transparent 23%),linear-gradient(145deg,transparent 30%,#202326 31% 70%,transparent 71%);clip-path:polygon(24% 0,75% 5%,89% 35%,75% 50%,100% 100%,0 100%,25% 50%,10% 34%)}.shopkeeper b{font-size:12px;color:#87cfff}.shopkeeper span{font-size:12px;line-height:1.65}.hideout-ren{position:absolute;z-index:3;left:19%;bottom:40px;width:145px;height:230px;background:url("../assets/playable-characters/amamiya-ren/body-no-weapon.png") center bottom/contain no-repeat;filter:drop-shadow(0 0 9px #1f6bd7)}.hideout-fox{position:absolute;z-index:4;right:8%;bottom:44px;width:126px;height:150px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 12px #139fff)}.hideout-boss{position:absolute!important;z-index:5;right:14px;top:14px;padding:8px 12px!important;color:#e4d6ff!important;background:#120a28dd!important;border:1px solid #8553d0!important;cursor:pointer}.hideout-boss span{display:block;font:700 6px Cinzel;color:#b99cff}
.hideout-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;padding:0;border:0;background:none;box-shadow:none}.hideout-menu button{min-height:135px;display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto auto;align-content:center;gap:1px 12px;padding:15px;text-align:left;color:#fff;cursor:pointer}.hideout-menu button>i{grid-row:1/4;display:grid;place-items:center;width:58px;height:70px;font:900 30px Cinzel;font-style:normal;color:#58bfff;border:1px solid #17589a;background:radial-gradient(circle,#0c4c8f,#030814);filter:drop-shadow(0 0 8px #087fff)}.hideout-menu button>b{font-size:18px;align-self:end}.hideout-menu button>span{font:700 10px Cinzel;letter-spacing:.12em;color:#3aa5ff}.hideout-menu button>small{font-size:9px;color:#9daec0}.hideout-menu button:hover,.hideout-menu button:focus-visible,.hideout-menu button.active{outline:0;border-color:#4ad8ff;background:linear-gradient(120deg,#071329,#0b315c);transform:translateY(-1px)}.hideout-menu .primary{grid-column:span 2;min-height:155px}.hideout-menu .primary>i{width:75px;height:90px;font-size:38px}.hideout-menu .primary>b{font-size:22px}.hideout-menu .food>span{color:#ff654c}.hideout-menu .workshop[hidden]{display:none}.hideout-menu .private-mode{grid-column:1/-1;min-height:96px;display:grid;grid-template-columns:1fr;place-content:center;text-align:center;border-color:#5a267d;background:linear-gradient(90deg,#0b0615,#211037,#0b0615);opacity:.7;cursor:not-allowed}.hideout-menu .private-mode b{font-size:22px}.hideout-menu .private-mode span{font:800 12px Cinzel;color:#bb73ff}.hideout-menu .private-mode small{font-size:10px}
.hideout-panel{display:block;width:100%;min-height:340px;margin-top:14px;padding:clamp(18px,3vw,38px);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.hideout-panel[hidden]{display:none}.panel-home{float:right;padding:8px 13px;color:#b8ddff;background:#07152a;border:1px solid #246397;cursor:pointer}.hideout-feature{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hideout-feature article{padding:16px;background:#06162d;border:1px solid #164d7b}.hideout-feature b{display:block;margin-bottom:5px;font-size:15px}.hideout-feature span{font-size:10px;color:#95b8d5}.food-panel{display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:center}.food-bowl{width:120px;height:80px;border-radius:10% 10% 50% 50%;background:radial-gradient(ellipse at 50% 20%,#f0b737 0 9%,#6d3915 10% 48%,#121112 49% 58%,transparent 59%),linear-gradient(#273445,#080b10);box-shadow:0 8px 0 #020306,0 0 20px #e67a2444}.food-copy{display:grid;gap:8px}.food-copy strong{font-size:20px}.food-copy span{font-size:11px;color:#a8bdd0}.eat-food{padding:12px;color:#fff;background:linear-gradient(90deg,#743215,#d65724);border:1px solid #ff9e53;cursor:pointer;font-weight:900}.eat-food:disabled{opacity:.45;cursor:default}.hideout-footer{display:flex;align-items:center;justify-content:center;gap:22px;padding:18px 0 0;font:700 11px Cinzel;letter-spacing:.22em;color:#36557d}.hideout-footer i{width:55px;height:1px;background:#1765c2;box-shadow:0 0 8px #1c7fff}
@media(max-width:800px){.hideout-shell{padding:8px 8px 18px}.hideout-topbar{grid-template-columns:1fr}.hideout-title{min-height:98px;padding:12px 15px}.hideout-title>i{flex-basis:64px;width:64px;height:70px}.hideout-title h1{font-size:28px}.hideout-title span{font-size:9px}.hideout-player{min-height:112px;grid-template-columns:90px 1fr;padding:8px 12px}.hideout-resources{grid-template-columns:1fr 1.25fr}.hideout-resources>button{display:none}.hideout-resources>div{min-height:56px;padding:8px 12px}.hideout-resources strong{font-size:18px}.hideout-buff{grid-template-columns:40px 96px 1fr;padding:8px 10px}.hideout-buff>i{width:33px;height:33px}.hideout-buff>span{grid-column:2/4;border:0;padding:0;font-size:9px}.hideout-scene{height:285px}.hideout-ren{left:10%;width:115px;height:190px}.shopkeeper{left:39%;bottom:52px;width:205px}.hideout-fox{right:2%;bottom:35px;width:92px;height:115px}.hideout-menu{grid-template-columns:repeat(2,1fr);gap:7px}.hideout-menu .primary{grid-column:span 1}.hideout-menu button,.hideout-menu .primary{min-height:118px;padding:10px;grid-template-columns:50px 1fr}.hideout-menu button>i,.hideout-menu .primary>i{width:45px;height:62px;font-size:24px}.hideout-menu button>b,.hideout-menu .primary>b{font-size:15px}.hideout-menu button>small{font-size:8px}.hideout-menu .private-mode{grid-column:1/-1}.hideout-feature{grid-template-columns:1fr}}
@media(max-width:480px){.hideout-title{min-height:82px;gap:10px}.hideout-title>i{flex-basis:48px;width:48px;height:55px}.hideout-title small{font-size:7px}.hideout-title h1{font-size:21px;white-space:nowrap}.hideout-title span{letter-spacing:.12em}.hideout-player{grid-template-columns:74px 1fr}.hideout-player strong{font-size:18px}.hideout-player>div>b{font-size:15px}.hideout-meter{grid-template-columns:24px 1fr 58px}.hideout-resources{gap:6px;margin-top:7px}.hideout-resources small{font-size:7px}.hideout-resources strong{font-size:15px}.hideout-buff{margin-top:7px;gap:7px}.hideout-buff>b{font-size:8px}.hideout-buff>strong{font-size:12px}.hideout-scene{height:240px;margin-top:7px}.hideout-sign{top:9px;padding:4px 12px;font-size:9px}.hideout-sign b{font-size:16px}.ramen-lantern{left:7px;top:32px;width:32px;padding:8px 4px;font-size:11px}.hideout-ren{left:4%;bottom:28px;width:92px;height:155px}.shopkeeper{left:32%;bottom:39px;width:168px;grid-template-columns:48px 1fr;padding:8px}.shopkeeper>i{width:44px;height:52px}.shopkeeper b,.shopkeeper span{font-size:9px}.hideout-fox{right:0;bottom:25px;width:67px;height:84px}.hideout-boss{right:7px;top:50px;padding:5px 7px!important;font-size:9px}.hideout-menu{margin-top:7px}.hideout-menu button,.hideout-menu .primary{min-height:103px;padding:8px;grid-template-columns:40px 1fr;gap:1px 7px}.hideout-menu button>i,.hideout-menu .primary>i{width:36px;height:52px;font-size:20px}.hideout-menu button>b,.hideout-menu .primary>b{font-size:13px}.hideout-menu button>span{font-size:7px}.hideout-menu button>small{font-size:7px}.hideout-menu .private-mode{min-height:76px}.hideout-menu .private-mode b{font-size:15px}.hideout-panel{padding:14px 10px}.food-panel{grid-template-columns:82px 1fr}.food-bowl{width:76px;height:54px}.hideout-footer{font-size:7px;gap:9px;letter-spacing:.1em}}
/* ── Dungeon Select panel ────────────────────────────────────────────── */
.dungeon-select-list{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.dungeon-card{display:grid;grid-template-columns:100px 1fr;gap:0;width:100%;background:#020c1e;border:1px solid #1a4a80;border-radius:0;padding:0;text-align:left;cursor:pointer;color:inherit;transition:border-color .15s,box-shadow .15s;overflow:hidden;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.dungeon-card:hover{border-color:#4488ff;box-shadow:0 0 18px #0a4fff44}
.dungeon-thumb{width:100px;height:90px;background-size:cover;background-position:center bottom;filter:brightness(.7);flex-shrink:0}
.dungeon-info{padding:10px 14px;display:flex;flex-direction:column;gap:3px}
.dungeon-info small{font:700 9px Cinzel;letter-spacing:.22em;color:#5a88cc;text-transform:uppercase}
.dungeon-info strong{font:700 15px/1.2 serif;color:#ddeeff;letter-spacing:.06em}
.dungeon-info span{font-size:10px;color:#7899bb;line-height:1.5;margin-top:1px}
.dungeon-info em{font-style:normal;font-size:9px;color:#4a6e99;letter-spacing:.1em;margin-top:2px}
.dungeon-progress{font:700 9px Cinzel;letter-spacing:.15em;color:#3a7acc;margin-top:2px;display:block}
.dungeon-new{display:inline-block;background:#ff4466;color:#fff;font:900 9px Cinzel;letter-spacing:.2em;padding:2px 6px;margin-top:3px;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}
@media(max-width:600px){.dungeon-card{grid-template-columns:72px 1fr}.dungeon-thumb{width:72px;height:72px}.dungeon-info strong{font-size:13px}.dungeon-info span{font-size:9px}}
/* Recipe NEW badge & unlock notification */
.recipe-new{display:inline-block;background:#ff4466;color:#fff;font:900 8px Cinzel;letter-spacing:.2em;padding:1px 5px;margin-left:6px;vertical-align:middle;clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%)}
.recipe-newly-unlocked{border-color:#ff4466!important;box-shadow:0 0 14px #ff446644!important}
.new-recipe-unlock{background:#0a0d1e;border:1px solid #ff4466;padding:10px 14px;margin-top:10px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.new-recipe-unlock small{display:block;font:700 9px Cinzel;letter-spacing:.2em;color:#ff4466;margin-bottom:3px}
.new-recipe-unlock b{display:block;font:700 15px serif;color:#ffddee;margin-bottom:2px}
.new-recipe-unlock span{display:block;font-size:9px;color:#cc8899;letter-spacing:.12em}
.new-recipe-unlock em{display:block;font-style:normal;font-size:9px;color:#ff4466;margin-top:4px;letter-spacing:.1em}
/* ─────────────────────────────────────────────────────────────────────── */
.food-copy em{font-style:normal;font-size:10px;color:#f2bf79}.food-copy em b{display:inline;color:#ffd26d;font:900 12px Cinzel}
.food-bowl{width:140px;height:140px;border-radius:50%;overflow:hidden;background:#050912 url("../assets/ui/food/kazu-makanai-v2.png") center/128% no-repeat;box-shadow:0 8px 12px #000b,0 0 12px #188cff55;filter:none}
.food-image{width:140px;height:140px;border-radius:50%;object-fit:cover;object-position:center;box-shadow:0 8px 12px #000b,0 0 12px #188cff55;flex-shrink:0}
@media(max-width:480px){.food-bowl{width:82px;height:82px}.food-image{width:82px;height:82px}}
.food-coming{margin-top:18px;padding-top:14px;border-top:1px solid #173f64}.food-coming>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.food-coming>header b{font:800 10px Cinzel;letter-spacing:.2em;color:#6fa7d2}.food-coming>header span{font:700 8px Cinzel;letter-spacing:.18em;color:#4a6680}.food-coming>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.food-coming-card{position:relative;isolation:isolate;min-height:88px;display:grid;place-content:center;gap:5px;text-align:center;overflow:hidden;background:#010306;border:1px solid #14283a;box-shadow:inset 0 0 28px #000}.food-coming-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,#000e,#03070af2);box-shadow:inset 0 0 35px #000}.food-coming-card i{position:absolute;z-index:-2;left:50%;top:50%;width:90px;height:48px;transform:translate(-50%,-40%);border-radius:50%;background:#09101a;box-shadow:0 12px 0 #020304;filter:brightness(.25)}.food-coming-card b{font-size:clamp(10px,1.4vw,14px);color:#c4ced7;text-shadow:0 1px 4px #000;letter-spacing:.04em}.food-coming-card span{font:700 7px Cinzel;letter-spacing:.16em;color:#385b78}.food-coming-card[aria-disabled="true"]{cursor:not-allowed}
@media(max-width:480px){.food-coming{margin-top:13px;padding-top:10px}.food-coming>div{grid-template-columns:1fr;gap:5px}.food-coming-card{min-height:54px}.food-coming-card i{width:70px;height:35px}.food-coming-card b{font-size:11px}}