@charset "UTF-8";
:root{color-scheme:dark;--ink:#e5ebdd;--muted:#9bafa6;--gold:#dbbc7b;--line:#b3c4ab26;--panel:#132723f5;--green:#88bf9f;--danger:#ee9280;font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:14px}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101e1d;color:var(--ink)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:#223a32;color:var(--ink);border-radius:9px;min-height:42px;padding:10px 17px;transition:background .15s,transform .15s}button:hover{background:#304d40}button:active{transform:translateY(1px)}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.primary{background:linear-gradient(110deg,#d8bb80,#f2d89e);border-color:#ead199;color:#26352b;font-weight:700;box-shadow:0 5px 22px #d4b17615}.primary:hover{background:#f0dcaf}.primary span{margin-left:20px}input,select{min-width:0;border:1px solid var(--line);border-radius:8px;background:#0c211d;color:var(--ink);padding:12px}input::placeholder{color:#81988b}small{color:var(--muted)}h1,h2,p{margin:0}h1,h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500}.eyebrow{font-family:Georgia,serif;font-size:10px;letter-spacing:3px;color:var(--gold)}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 60% 45%,transparent 36%,#0614138c 100%)}.brand{position:fixed;top:max(25px,env(safe-area-inset-top));left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;z-index:3;pointer-events:none}.brand a{display:flex;align-items:center;gap:10px;pointer-events:auto}.brand img{width:39px;height:39px}.brand span{font-family:serif;font-size:19px;letter-spacing:3px}.brand small{display:block;font-family:Georgia,serif;font-size:8px;letter-spacing:3px;margin-top:4px;color:var(--gold)}.icon-button{padding:0;width:33px;min-height:33px;border-radius:50%;background:#132a24a6;color:var(--gold);pointer-events:auto}.playing .brand{top:24px}.playing .brand a{visibility:hidden}.playing .brand .icon-button{margin-left:auto}
#landing{position:fixed;inset:0;pointer-events:none}.landing-copy{position:absolute;left:8%;top:24%;width:450px;max-width:44%;pointer-events:auto}.landing-copy h1{font-size:clamp(30px,3.5vw,53px);line-height:1.7;letter-spacing:4px;margin:17px 0 20px}.landing-copy em{font-style:normal;color:#dfc995}.landing-copy p{color:#abc0b0;line-height:2.15;font-size:14px;letter-spacing:1px;margin-bottom:26px}.name-row{display:flex;gap:8px;margin-top:8px}.name-row input{width:48%;background:#0d211cbf}.name-row button{flex:1;white-space:nowrap}.landing-copy label{font-size:11px;letter-spacing:2px;color:var(--muted)}.text-button{border:0;background:none;padding:13px 0;color:#bfd0bf;text-decoration:underline;text-underline-offset:4px;font-size:12px}.text-button:hover{background:none;color:var(--gold)}.landing-note{display:block;font-size:10px;letter-spacing:1px;margin-top:8px}.landing-caption{position:absolute;right:6%;bottom:10%;text-align:right}.landing-caption span{font:10px Georgia,serif;letter-spacing:3px;color:var(--gold)}.landing-caption strong{display:block;font:20px serif;letter-spacing:6px;margin-top:10px}
#hud{position:fixed;left:28px;top:24px;display:flex;align-items:center;gap:10px;padding:11px 13px;background:#10231ed9;border:1px solid var(--line);border-radius:13px;backdrop-filter:blur(10px);width:315px;z-index:4}.hero-badge{display:flex;flex-direction:column;justify-content:center;align-items:center;width:39px;height:43px;border:1px solid #9f93596b;border-radius:6px;background:#b5a7650d}.hero-badge span{font:24px Georgia,serif;color:var(--gold)}.hero-badge small{font-size:8px}.hero-vitals{flex:1;min-width:0}.hero-name{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:12px;margin-bottom:7px}.hero-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}.hero-name>span{font:10px Georgia,serif;color:#bfd0b5}.meter{height:6px;background:#061611;border-radius:2px;overflow:hidden;margin-top:4px}.meter i{height:100%;display:block;width:100%;transition:width .2s}.hp i{background:linear-gradient(90deg,#568764,#b1c995)}.energy{height:3px}.energy i{background:#68b9c0}.xp{height:2px}.xp i{background:#d2b978}.hud-bag{padding:3px;width:37px;min-height:40px;border:0;background:none}.hud-bag>span{font-size:23px;color:var(--gold)}.hud-bag small{display:block;font-size:8px}
#location{position:fixed;left:30px;top:108px;pointer-events:none;text-shadow:0 2px 7px #000}#floor-label{font:11px Georgia,serif;color:var(--gold);letter-spacing:3px}#area-name{font-size:22px;letter-spacing:3px;margin:5px 0}#objective{font-size:11px;color:#c0ceba}#minimap{position:fixed;right:26px;top:78px;width:145px;height:145px;border-radius:50%;background:#0a1b16b0;border:1px solid #bdc3a226;pointer-events:none}#connection{position:fixed;left:50%;top:16px;transform:translateX(-50%);background:#6c3f26;color:#fff0d6;padding:9px 20px;border-radius:20px;z-index:15;font-size:12px}#notices{position:fixed;top:42%;left:50%;transform:translateX(-50%);display:grid;gap:7px;z-index:15;pointer-events:none;width:max-content;max-width:85vw}.notice{padding:9px 19px;background:#11251fe8;border:1px solid #d7c89650;border-radius:8px;color:#efe0b5;box-shadow:0 4px 22px #0004;font-size:12px;animation:notice-in .2s ease-out}.notice.error{border-color:#dd967375;color:#ffc5a7}#world-message{position:fixed;top:28%;left:50%;transform:translateX(-50%);font:24px serif;letter-spacing:4px;color:#ead7a5;text-shadow:0 2px 10px #000;pointer-events:none;text-align:center;max-width:90%;width:max-content}
#camp{position:fixed;top:25%;left:8%;width:380px;max-width:42%;padding:28px;background:linear-gradient(135deg,#122821ee,#172c26cc);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 70px #04121077;backdrop-filter:blur(10px)}#camp h1{font-size:32px;letter-spacing:4px;margin:11px 0}.camp-intro{color:var(--muted);font-size:12px}.camp-wallet{display:flex;gap:30px;padding:25px 0 20px;color:var(--gold)}.camp-wallet span{font-size:17px}.camp-wallet b{font:22px Georgia,serif}.camp-wallet small{display:block;font-size:9px;letter-spacing:2px;margin:5px 0 0 17px}.depart-row{display:flex;gap:8px}.depart-row select{width:78px;padding:6px;font-size:12px}.depart-row .primary{flex:1}.camp-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:15px}.camp-actions button{font-size:10px;padding:10px 4px;background:#203b3022}.camp-actions button span{font:22px Georgia,serif;display:block;color:var(--gold);margin-bottom:6px}.camp-note{display:block;font-size:10px;margin-top:17px;text-align:center}
#controls{position:fixed;inset:0;pointer-events:none}#stick{position:absolute;left:40px;bottom:58px;width:116px;height:116px;border:1px solid #c6d4b635;border-radius:50%;background:#1a362540;touch-action:none;pointer-events:auto;user-select:none}.stick-cross{position:absolute;inset:14px;border:1px solid #b7c5a914;border-radius:50%}.stick-cross:before,.stick-cross:after{content:"";position:absolute;background:#d2d9c019}.stick-cross:before{left:43px;top:0;bottom:0;width:1px}.stick-cross:after{top:43px;left:0;right:0;height:1px}#stick-knob{position:absolute;left:38px;top:38px;width:38px;height:38px;border-radius:50%;border:1px solid #d0ce9877;background:radial-gradient(circle at 35% 30%,#779177b0,#304c3ad0);box-shadow:0 3px 12px #0005}#stick small{position:absolute;top:128px;left:0;right:0;text-align:center;font:8px Georgia,serif;letter-spacing:3px;color:#a2b39a}.battle-actions{position:absolute;right:36px;bottom:50px;display:flex;flex-direction:column;gap:12px;align-items:flex-end}.battle-actions button{pointer-events:auto;touch-action:none;user-select:none;position:relative;overflow:hidden;box-shadow:0 5px 20px #06140c70}.utility-actions{display:flex;gap:9px}.utility-actions button{font-size:11px;min-height:36px;padding:8px 13px;background:#152e23e6}.skill-actions{display:flex;gap:9px;align-items:flex-end}.skill-actions button{width:66px;height:70px;border-color:#e0ce9540;background:linear-gradient(145deg,#294337ef,#102b20e6);border-radius:13px;padding:8px 4px}.skill-actions span{display:block;font:27px Georgia,serif;color:#d5c18a;margin-bottom:5px}.skill-actions strong{font-size:10px;font-weight:400}.skill-actions #attack-button{width:86px;height:86px;border:1px solid #d8b77799;background:linear-gradient(145deg,#71603c,#293a2a)}.skill-actions #attack-button span{font-size:31px;color:#ffdfa0}.battle-actions kbd{position:absolute;right:4px;top:3px;font:8px sans-serif;color:#bcc6ad88}.battle-actions button.cooldown:after{content:attr(data-left);position:absolute;inset:0;display:grid;place-items:center;background:#091d16c4;color:#e4ce97;font:22px Georgia,serif}.return-button{position:absolute;right:29px;top:240px;pointer-events:auto;background:#10251cbd;font-size:11px;min-height:33px;padding:6px 14px}.keyboard-hint{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:10px;color:#9dac9580;letter-spacing:1px}
dialog{color:var(--ink);background:var(--panel);border:1px solid #b5ba924f;box-shadow:0 25px 100px #0009;border-radius:17px;padding:24px;max-width:calc(100vw - 24px);max-height:85dvh;overflow:auto;scrollbar-width:thin;scrollbar-color:#7f9873 #1a2b22}dialog::backdrop{background:#030f0db5;backdrop-filter:blur(6px)}#panel{width:620px}#panel>header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:20px}#panel h2{font-size:25px;letter-spacing:3px;margin-top:5px}.close-button{border:0;border-radius:50%;min-height:35px;width:35px;padding:0;font-size:22px;background:#2c4637}.bag-summary{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;margin:22px 0 10px}.gear-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gear-card{position:relative;background:#09221888;border:1px solid var(--line);border-radius:10px;min-width:0;text-align:center;padding:10px 5px}.gear-card .slot-label{font-size:9px;letter-spacing:3px;display:block;color:var(--muted);margin-bottom:5px}.gear-card strong{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.gear-card small{font-size:9px;display:block;margin-top:5px}.item-icon{width:52px;height:52px;display:block;margin:0 auto 5px}.inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.item-card{padding:9px 4px;min-width:0;border-color:var(--rarity,#8e9c8140);background:linear-gradient(150deg,var(--tint,#26452b30),#0d231ab0);position:relative;min-height:106px}.item-card strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;color:var(--rarity,#d1d7c3)}.item-card small{font-size:9px;display:block;margin-top:4px}.q0{--rarity:#9ba99a;--tint:#8a9b7410}.q1{--rarity:#8bc397;--tint:#77ca6d16}.q2{--rarity:#a9a5ed;--tint:#9e72e41b}.q3{--rarity:#f1c06b;--tint:#de9d3630}.item-card.q3{box-shadow:inset 0 0 16px #d2983825,0 0 12px #d6a74810}.item-detail{display:flex;gap:18px;align-items:center;padding:15px;background:#0a201a;border:1px solid var(--rarity);border-radius:12px;margin-bottom:16px}.item-detail .item-icon{width:90px;height:90px;flex:none;margin:0}.item-detail h3{font:19px serif;color:var(--rarity);margin:5px 0 8px}.item-detail small{display:block;font-size:11px}.item-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.item-stats div{display:flex;justify-content:space-between;background:#d3d7b508;border-radius:5px;padding:10px 12px;color:#b3c8b2;font-size:12px}.item-stats b{color:#e4dbb5}.item-trait{font-size:12px;color:#c7cca5;line-height:1.8;margin:14px 0}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.detail-actions button{flex:1}.danger-button{color:#dfaa93;border-color:#c78d6b40}.back-link{border:0;background:none;padding:0 0 15px;min-height:0;font-size:12px;color:var(--muted)}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:17px}.stat-strip span{padding:9px;background:#092118;border-radius:6px;font-size:10px;color:var(--muted)}.stat-strip b{display:block;color:var(--gold);font:22px Georgia,serif;margin-top:3px}.forge-card{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.forge-card .item-icon{margin:0;flex:none}.forge-card>div{flex:1;min-width:0}.forge-card h3{font-size:13px;margin:0 0 5px}.forge-card small{font-size:11px}.forge-card button{padding:8px 12px;font-size:11px}.help-copy p{color:#bdcbb7;line-height:1.9;margin:10px 0;font-size:13px}.help-copy h3{font:18px serif;color:var(--gold);margin:22px 0 5px}.help-copy kbd{padding:2px 5px;background:#3b5140;border-radius:4px;color:#eee2bf}.record-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.record-row span{color:var(--muted)}.record-row b{color:var(--gold)}.recovery-code{display:block;width:100%;font-family:monospace;word-break:break-all;background:#0b1f17;color:#e1d4a6;border:1px solid var(--line);padding:15px;border-radius:8px;user-select:all;line-height:1.9}.restore-input{width:100%;min-height:70px;margin:15px 0;font-family:monospace}#confirm{width:400px}#confirm h2{font-size:23px;margin-bottom:15px}#confirm-body{font-size:13px;line-height:1.9;color:#c4cfbb}.confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.empty-note{font-size:12px;color:var(--muted);padding:20px 0;line-height:1.8}#loading{position:fixed;inset:0;background:#10221f;display:grid;place-content:center;justify-items:center;gap:15px;z-index:50}#loading img{width:56px;animation:breathe 1.6s infinite alternate}#loading p{color:#c7c9a4;font-size:12px;letter-spacing:3px}@keyframes breathe{to{opacity:.4;transform:translateY(-3px)}}@keyframes notice-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.brand{left:19px;right:19px;top:max(18px,env(safe-area-inset-top))}.brand span{font-size:16px}.brand img{width:34px;height:34px}.brand small{font-size:7px}.landing-copy{left:7%;top:auto;bottom:6%;width:86%;max-width:none;background:linear-gradient(0deg,#10221df5,#10221dc9 80%,transparent);padding-top:15px}.landing-copy .eyebrow{font-size:8px;letter-spacing:2px}.landing-copy h1{font-size:29px;line-height:1.5;margin:10px 0 12px;letter-spacing:3px}.landing-copy p{font-size:11px;line-height:1.8;margin-bottom:17px}.landing-copy p br:nth-of-type(2){display:none}.landing-caption{display:none}.landing-note{font-size:9px}.name-row input{width:45%}.name-row button{font-size:12px}.name-row button span{margin-left:8px}.playing .brand{top:22px;right:16px}.playing .brand a{display:none}#hud{left:12px;top:max(13px,env(safe-area-inset-top));width:calc(100% - 69px);max-width:310px;padding:8px 9px;gap:8px}.hero-badge{width:31px;height:38px}.hero-badge span{font-size:21px}.hero-name strong{max-width:135px}#location{left:16px;top:93px}#area-name{font-size:18px;letter-spacing:2px}#objective{font-size:10px;max-width:205px}#floor-label{font-size:9px}#minimap{width:100px;height:100px;right:12px;top:90px}.return-button{right:16px;top:200px;font-size:10px;padding:5px 12px;min-height:29px}#camp{left:5%;top:auto;bottom:5%;width:90%;max-width:none;padding:20px;background:linear-gradient(135deg,#122821eb,#172c26ed)}#camp h1{font-size:27px;margin:8px 0}.camp-wallet{padding:15px 0;gap:28px}.camp-actions{margin-top:10px}.camp-actions button{min-height:57px}.camp-actions button span{font-size:18px;margin-bottom:4px}.camp-note{margin-top:11px}.camp-intro{font-size:11px}#stick{left:20px;bottom:calc(33px + env(safe-area-inset-bottom));width:98px;height:98px}.stick-cross{inset:12px}.stick-cross:before{left:35px}.stick-cross:after{top:35px}#stick-knob{width:34px;height:34px;left:31px;top:31px}#stick small{top:106px;font-size:7px}.battle-actions{right:13px;bottom:calc(22px + env(safe-area-inset-bottom));gap:9px}.skill-actions{gap:6px;display:grid;grid-template-columns:52px 52px 67px;align-items:end}.skill-actions button{width:52px;height:55px;border-radius:12px}.skill-actions button span{font-size:22px;margin-bottom:3px}.skill-actions button strong{font-size:9px}.skill-actions #attack-button{width:67px;height:67px;grid-column:3;grid-row:1/3;align-self:center}.skill-actions #dash-button{grid-column:1/3;width:110px;height:36px;display:flex;align-items:center;justify-content:center;gap:7px;padding:3px}.skill-actions #dash-button span{font-size:25px;margin:0}.utility-actions{gap:6px}.utility-actions button{font-size:10px;padding:6px 10px;min-height:32px}.battle-actions kbd{display:none}.keyboard-hint{display:none}dialog{padding:19px;border-radius:15px;max-height:87dvh}.inventory-grid{grid-template-columns:repeat(3,1fr);gap:7px}.item-card{min-height:101px}.item-detail{gap:10px;padding:12px}.item-detail .item-icon{width:62px;height:62px}.item-detail h3{font-size:16px}.item-stats div{padding:9px;font-size:11px}#world-message{font-size:19px;top:29%}.forge-card{gap:8px}.forge-card .item-icon{width:38px}.forge-card h3{font-size:11px}.forge-card button{font-size:10px;padding:7px}.forge-card small{font-size:10px}.gear-card strong{font-size:9px}}
@media(max-height:650px) and (min-width:701px){.landing-copy{top:19%}.landing-copy h1{font-size:30px;line-height:1.45}.landing-copy p{font-size:12px;margin-bottom:15px}#camp{top:20%;padding:20px}.camp-wallet{padding:15px 0}}@media(max-height:650px) and (max-width:700px){.landing-copy{bottom:3%}.landing-copy h1{font-size:25px}.landing-copy p{margin-bottom:10px}.landing-note{display:none}#camp{bottom:3%;padding:15px}.camp-wallet{padding:10px 0}.camp-note{display:none}#location{top:88px}#minimap{width:80px;height:80px}}
.skill-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1}.skill-actions button span{line-height:1;margin:0}.skill-actions button strong{line-height:1.2}.skill-actions #dash-button{flex-direction:row}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}