@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Noto+Serif+JP:wght@500;700;900&display=swap";:root{font-family:Noto Sans JP,sans-serif;color:#f8efd9;background:#111f2b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit;background:none}button:focus-visible,a:focus-visible{outline:2px solid #ffe0a0;outline-offset:5px}button:disabled{opacity:.45;cursor:default}button:hover{filter:brightness(1.18)}[hidden]{display:none!important}#world{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(9,20,29,.94),rgba(9,20,29,.48) 36%,transparent 65%),linear-gradient(0deg,rgba(8,16,24,.6),transparent 20%)}header{position:fixed;z-index:5;top:0;left:0;right:0;padding:30px 4.5%;display:flex;align-items:center;justify-content:space-between}.brand{color:inherit;text-decoration:none;display:flex;gap:13px;align-items:center;font-family:"Noto Serif JP",serif;font-size:22px;font-weight:700;letter-spacing:.14em}.brand-icon{display:inline-grid;place-items:center;background:#ecae61;color:#172630;clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%);width:44px;height:49px;font-family:serif;font-size:28px}.brand small{display:block;font-family:sans-serif;font-size:8px;letter-spacing:.24em;margin-top:3px}nav{display:flex;gap:24px;align-items:center;font-size:11px;letter-spacing:.08em}nav span{border:1px solid #ffffff50;padding:2px 6px;margin-left:5px}#menu{position:absolute;left:8%;top:24%;width:440px}.eyebrow,.label{font-size:10px;letter-spacing:.2em;font-weight:700;color:#dcba80}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{height:6px;width:6px;border-radius:50%;background:#ecb469;box-shadow:0 0 12px #ffd199}h1{font-family:"Noto Serif JP",serif;font-size:clamp(34px,3.5vw,58px);line-height:1.55;letter-spacing:.08em;margin:22px 0 19px;font-weight:900}.intro{font-size:13px;line-height:2.2;color:#b9c5c8;letter-spacing:.06em}.chapter{border-top:1px solid #c1d4d523;padding-top:22px;display:flex;gap:15px;margin-top:26px;margin-bottom:23px;align-items:center;width:345px;font-size:14px}.chapter>span{border:1px solid #cba0666b;padding:8px;font-size:10px;color:#d6b986}.chapter small{display:block;font-size:9px;color:#8da3aa;margin-top:6px;letter-spacing:.03em}.primary{background:#e9b56c;color:#192832;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-radius:3px;font-weight:700;font-size:14px;letter-spacing:.07em;min-width:200px}.primary span{font-size:23px}#start,.secondary{width:345px}.secondary{border:1px solid #c8d9dc38;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;margin-top:12px;font-size:12px;border-radius:3px}.secondary span{font-size:10px;color:#b3c7cc}.menu-bottom{display:flex;gap:20px;font-size:9px;color:#879ba3;margin-top:17px}#heroCard{position:absolute;left:62%;bottom:15%;border-left:2px solid #c89f66;padding-left:18px}#heroCard h2{font-size:24px;font-family:"Noto Serif JP",serif;margin:11px 0 6px}#heroCard em{font-style:normal;font-size:11px;font-family:sans-serif;font-weight:400;margin-left:14px;color:#bbc9c8}#heroCard p{font-size:10px;color:#9fb4b8}.tags{display:flex;gap:8px;margin-top:13px}.tags span{font-size:9px;border:1px solid #d0bc8250;color:#d3bd94;padding:5px 10px;border-radius:20px}footer{position:absolute;bottom:25px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:#8ca2a9}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;background:#101e2b;z-index:100;font-size:12px;color:#bdb69e}.mission{position:absolute;top:115px;left:4.5%;padding:20px 24px;background:#101e2bba;border:1px solid #adb9b326;min-width:270px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:5px}.mission h2{font-size:17px;margin:10px 0 16px}.mission-track{display:flex;justify-content:space-between;color:#d8b986;font-size:12px}#party{position:absolute;left:4.5%;bottom:55px;display:flex;flex-direction:column;gap:9px}.member{width:230px;border:1px solid #748b893a;background:#10232ce3;padding:11px 15px;border-radius:4px;cursor:pointer}.member.active{border-color:#edbd71}.member-name{font-size:12px;display:flex;justify-content:space-between;gap:18px}.member-name small{font-size:9px;color:#afbfbf}.bar{height:5px;background:#ffffff18;margin-top:8px;overflow:hidden;border-radius:5px}.bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#65bca7,#b9e3bb);transition:width .15s}#hint{position:absolute;bottom:23px;width:100%;text-align:center;font-size:10px;color:#94a9b2;pointer-events:none}.abilities{position:absolute;right:4.5%;bottom:55px;display:flex;gap:9px}.abilities button{position:relative;width:90px;height:86px;background:#11232de6;border:1px solid #8da7ab4a;border-radius:6px;padding:11px 6px}.abilities kbd{font-size:10px;display:block;color:#d9b97f}.abilities strong{font-size:11px;display:block;margin:7px 0 3px}.abilities small{font-size:9px;color:#96adb3}.abilities button.ready{border-color:#e3b974;box-shadow:0 0 20px #e3b97420}#pauseButton{position:absolute;right:4.5%;top:110px;background:#132631bd;border:1px solid #afc1c23a;border-radius:4px;width:40px;height:40px}#bossUI{position:absolute;top:120px;left:36%;right:23%;text-align:center;font-size:13px;letter-spacing:.15em}#bossUI .bar{height:8px}#bossHp{background:linear-gradient(90deg,#b8454d,#f08b62)}#toast{position:absolute;top:27%;left:50%;transform:translate(-50%,-10px);font-size:18px;letter-spacing:.12em;text-align:center;pointer-events:none;opacity:0;transition:.25s;text-shadow:0 3px 12px #000;background:#13232ecc;padding:15px 26px;border:1px solid #dbc28350;border-radius:4px}#toast.show{opacity:1;transform:translate(-50%)}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#07141bbd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center}.dialog{width:min(490px,90vw);background:#172c36;border:1px solid #dbbe794d;border-radius:8px;padding:35px}.dialog h2{font-family:"Noto Serif JP",serif;font-size:30px;margin:18px 0}.dialog p{font-size:12px;color:#b9c9cc;line-height:2}.dialog .primary,.dialog .secondary{width:100%;margin-top:18px}.controls-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px;color:#c7d5d4}.controls-list kbd{color:#f2c481;margin-right:10px}.result-stats{display:flex;justify-content:space-between;border-block:1px solid #ffffff20;padding:20px 0;margin:20px 0}.result-stats strong{display:block;font-size:25px;color:#e6ba7a}.result-stats small{font-size:10px;color:#adbfc0}.gallery-copy{position:absolute;left:8%;top:25%;width:310px}.gallery-copy h1{font-size:56px;margin-bottom:0}.gallery-copy>p{font-size:13px;line-height:2;color:#bdced0}#modelSubtitle{color:#e3bd7f;font-size:16px;margin-top:3px}#modelDescription{margin-top:24px}.gallery-note{margin-top:30px!important;font-size:10px!important;color:#819fa9!important}.gallery-controls{position:absolute;left:50%;bottom:55px;transform:translate(-50%);display:flex;gap:16px;align-items:center;white-space:nowrap;background:#10232ddd;border:1px solid #ffffff25;padding:12px 18px;border-radius:6px;font-size:12px}.gallery-controls .primary{min-width:90px;padding:10px 20px}.gallery-controls>button:not(.primary){padding:10px}#joystick{display:none}body.playing #vignette{background:linear-gradient(0deg,#06121a80,transparent 25%,transparent 80%,#09192140)}body.gallery #heroCard{display:none}body.gallery #vignette{background:linear-gradient(90deg,#091822bb,transparent 65%)}@media(max-height:780px)and (min-width:761px){#menu{top:20%}h1{font-size:40px;margin:16px 0}.intro{font-size:12px}.chapter{margin-top:18px;margin-bottom:16px;padding-top:15px}header{padding-top:22px}#heroCard{bottom:17%}}@media(max-width:760px){header{padding:20px 6%}.brand{font-size:17px}.brand-icon{width:34px;height:39px;font-size:23px}nav{gap:15px;font-size:10px}#menu{left:7%;top:auto;bottom:75px;width:86%}h1{font-size:31px;line-height:1.5;margin:13px 0}.eyebrow{font-size:8px}.intro{font-size:11px;line-height:1.9}.chapter{margin:16px 0;padding-top:12px;width:100%;font-size:12px}.chapter small{font-size:8px}#start,.secondary{width:100%}.primary{padding:12px 20px}.secondary{padding:12px 17px}.menu-bottom{font-size:8px;margin-top:12px}#heroCard{display:none}#vignette{background:linear-gradient(0deg,#0a1925 2%,#0a1925e6 36%,#0a192577 61%,transparent 80%)}footer{bottom:22px;font-size:8px}footer span:nth-child(2){display:none}.mission{top:85px;left:5%;min-width:190px;padding:12px 15px}.mission h2{font-size:13px;margin:7px 0 10px}.mission .label{font-size:8px}#pauseButton{top:87px;right:5%}#bossUI{top:195px;left:5%;right:32%;font-size:11px}#party{left:5%;bottom:178px;gap:5px}.member{width:158px;padding:8px 10px}.member-name{font-size:10px}.member-name small{font-size:8px}.abilities{bottom:38px;right:4%;display:grid;grid-template-columns:repeat(2,65px);gap:6px}.abilities button{width:65px;height:64px;padding:4px}.abilities strong{font-size:9px;margin:4px 0 2px}.abilities small,.abilities kbd{font-size:8px}#hint{display:none}#joystick{position:absolute;left:8%;bottom:55px;width:105px;height:105px;display:grid;place-items:center;border-radius:50%;border:1px solid #c3d6d94f;background:#cedcda10;touch-action:none}#joystick div{width:43px;height:43px;border-radius:50%;background:#d4dbcc40;border:1px solid #ebdeaf60;pointer-events:none}.gallery-copy{left:7%;top:100px;width:84%;pointer-events:none}.gallery-copy h1{font-size:31px}.gallery-copy>p{font-size:11px;width:225px}.gallery-copy .gallery-note{display:none}#modelDescription{margin-top:10px}.gallery-controls{bottom:22px;gap:4px;padding:6px;font-size:9px;max-width:97%}.gallery-controls>button:not(.primary){padding:7px}.gallery-controls .primary{min-width:50px;padding:10px;font-size:10px}.gallery-controls #modelIndex{font-size:9px}#toast{font-size:13px;width:80%;top:34%;padding:13px}.dialog{padding:26px}.dialog h2{font-size:24px}}.difficulty-panel{width:345px;margin:0 0 16px}.difficulty-options{display:flex;border:1px solid #b6c9c338;border-radius:4px;overflow:hidden}.difficulty-options button{flex:1;padding:9px 8px;font-size:12px;color:#becdcc}.difficulty-options button+button{border-left:1px solid #b6c9c338}.difficulty-options button[aria-pressed=true]{background:#dcb37425;color:#ffdb9b;box-shadow:inset 0 -2px #e0b570}.difficulty-options small{display:block;font-size:8px;margin-top:3px;color:#94aaae}#difficultyDescription{font-size:9px;color:#a8bec0;margin:8px 0;line-height:1.6}#bestRecord{font-size:9px;color:#d9bc89}#menu{top:18%}#menu h1{font-size:clamp(32px,3.3vw,49px);margin:16px 0}.chapter{margin-top:18px;margin-bottom:16px;padding-top:15px}@media(max-height:820px)and (min-width:761px){#menu{top:15%}#menu h1{font-size:34px;line-height:1.4;margin:10px 0}.intro{font-size:11px;line-height:1.8}.chapter{margin:12px 0;padding-top:10px}.difficulty-panel{margin-bottom:12px}.menu-bottom{margin-top:10px}}@media(max-width:760px){#menu{top:auto;bottom:58px}#menu h1{font-size:27px;margin:9px 0}.intro{font-size:10px;line-height:1.7}.chapter{margin:10px 0;padding-top:9px}.difficulty-panel{width:100%;margin-bottom:11px}.difficulty-options button{padding:7px}.difficulty-options small,#difficultyDescription,#bestRecord{font-size:8px}.menu-bottom{font-size:7px}.gallery-copy{top:90px}}#identity{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#07151d88;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#identity label{display:block;font-size:12px;color:#e7c792;margin:16px 0 8px}#identity input{width:100%;padding:12px;border:1px solid #d3bd8450;background:#0e212b;color:#fff2d7;border-radius:4px;font:inherit}.hub-title{position:absolute;left:5%;top:17%;max-width:400px;text-shadow:0 2px 20px #000}.hub-title h1{font-size:37px;margin:13px 0}.hub-title p{font-size:14px}.hub-title>span{font-size:11px;color:#eac889}#hubCoins{margin-top:12px;font-size:13px;color:#ffd480}.hub-links{display:flex;gap:8px;margin-top:22px}.hub-links button{border:1px solid #c2c7ae60;background:#132b37d9;padding:10px;font-size:11px;border-radius:4px}.quest-board{position:absolute;right:4%;top:18%;width:360px;background:#10232ee8;border:1px solid #d7b87c44;padding:25px;border-radius:7px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.quest-board h2{font-family:"Noto Serif JP",serif;margin:10px 0;font-size:25px}.quest-board>p{font-size:10px;color:#a9bbc1;line-height:1.8}.quest-card{display:block;width:100%;padding:15px;text-align:left;border:1px solid #a8babb3a;background:#24414a77;border-radius:4px;margin:10px 0}.quest-card small{display:block;color:#ddba7e;font-size:9px}.quest-card strong{display:block;margin:8px 0;font-size:14px}.quest-card span{font-size:10px;line-height:1.6;color:#b7caca}.quest-card:disabled{opacity:.4}.quest-card:hover:not(:disabled){border-color:#e9c57e}.story-words{font-size:17px!important;line-height:2!important;color:#e9e0ca!important}#minimap{position:absolute;right:4.5%;top:170px;width:132px;height:132px;border:1px solid #d6c59b55;border-radius:6px;background:#0c2430dd}.map-label{position:absolute;right:4.5%;top:308px;font-size:8px;color:#bfd1ca}@media(max-width:760px){.hub-title{left:6%;top:100px;max-width:85%}.hub-title h1{font-size:28px;margin:8px 0}.hub-title p{font-size:12px;margin:7px 0}.hub-links{margin-top:12px}.quest-board{left:5%;right:5%;width:auto;top:auto;bottom:18px;padding:16px}.quest-board h2{font-size:21px;margin:6px 0}.quest-board>p{font-size:8px;margin:7px 0}.quest-card{padding:10px;margin:7px 0}.quest-card strong{font-size:12px;margin:4px 0}.quest-card small,.quest-card span{font-size:8px}.hub-title>span{font-size:9px}#hubCoins{font-size:11px;margin-top:7px}#minimap{width:85px;height:85px;top:143px;right:4%}.map-label{top:232px;right:4%;font-size:7px}}.training-tabs{display:flex;gap:4px}.training-tabs button{flex:1;border:1px solid #b7b39355;padding:8px 4px;border-radius:3px;font-size:11px}.training-tabs button[aria-pressed=true]{color:#ffdb97;border-color:#e9c477;background:#b98d4822}.charm-option{display:block;text-align:left;width:100%;border:1px solid #aaa98a44;border-radius:4px;margin:8px 0;padding:10px}.charm-option strong{display:block;font-size:12px;color:#e3c48e}.charm-option span{display:block;font-size:10px;color:#b5c9ca;margin-top:5px}.unequip{font-size:10px;text-decoration:underline;margin:8px 0}.hub-links{flex-wrap:wrap}.dialog:has(#trainingPanel){max-height:90vh;overflow-y:auto}.dialog:has(#trainingPanel) h2{font-size:24px;margin:14px 0}.dialog:has(#trainingPanel) p{font-size:10px;line-height:1.7;margin:10px 0}.dialog:has(#trainingPanel) .primary{margin-top:12px;padding:12px 18px}#interactTreasure,#interactRescue{position:absolute;bottom:165px;left:50%;transform:translate(-50%);background:#e9ba73;color:#1b2f36;padding:15px 24px;border-radius:5px;font-size:13px;font-weight:700;box-shadow:0 5px 25px #0005}#treasureCount{position:absolute;right:4.5%;top:327px;font-size:10px;color:#eed19a}#hubTreasure{font-size:10px;color:#e7c282;margin:8px 0}@media(max-width:760px){#interactTreasure,#interactRescue{bottom:178px;left:auto;right:4%;transform:none;font-size:11px;padding:12px 16px}#treasureCount{right:4%;top:248px;font-size:8px}#hubTreasure{font-size:9px;margin:6px 0}}@media(max-width:760px){body.playing #party{left:5%;right:5%;bottom:178px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}body.playing .member{width:auto;padding:7px 5px;min-width:0}body.playing .member-name{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:9px;white-space:nowrap}body.playing .member-name small{font-size:8px}body.playing #toast{top:240px;bottom:auto;left:5%;right:auto;transform:none;max-width:63%;font-size:10px;padding:7px 9px;line-height:1.4}}#chapterTabs{display:flex;gap:6px;margin:12px 0 7px}#chapterTabs button{flex:1;padding:10px 6px;border:1px solid #829da166;border-radius:4px;font-size:11px;background:#203e48;text-align:left}#chapterTabs button[aria-pressed=true]{background:#e6ba7b;color:#162f36;border-color:#e6ba7b}#chapterTabs button:disabled{opacity:.45;cursor:not-allowed}#chapterDescription{line-height:1.7;font-size:10px;color:#c3d5d2}.quest-board{max-height:76vh;overflow-y:auto}@media(max-width:760px){#chapterTabs button{font-size:9px;padding:8px 5px}#chapterTabs{margin:8px 0 5px}.quest-board{max-height:calc(100vh - 330px)}#interactRescue,#interactTreasure{bottom:240px}}