:root{font-family:ui-rounded,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:#3d4050;background:#e9e8df;font-synthesis:none;--paper:#fffaf0;--ink:#3d4050;--line:#d6d0bd;--purple:#7b729e;--green:#53806f}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 15% 0,#fff9e7 0,transparent 50%),#e7e8de}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,.button{cursor:pointer;border:1px solid #bdb1ce;border-bottom:3px solid #aa9cbd;border-radius:9px;padding:9px 13px;background:#ebe5f1;color:#65547c;text-decoration:none;font-weight:750;line-height:1.3}button:hover,.button:hover{filter:brightness(1.04)}button:active{transform:translateY(1px)}button:disabled{opacity:.36;cursor:default;transform:none}.primary{background:#737f65;border-color:#66715a;border-bottom-color:#4b5844;color:#fffbea}.quiet{background:#fffaf0;border-color:#d5cdb9;border-bottom-color:#c3b9a2;color:#766952}.danger{color:#ac4f58}a{color:#76658b}button:focus-visible,a:focus-visible,input:focus,select:focus{outline:3px solid #b9abd0;outline-offset:2px}input,select{border:1px solid #d1c8b7;background:#fffdf7;border-radius:8px;padding:9px;min-width:0;max-width:100%}label{display:grid;gap:5px;font-size:12px;color:#786f79}small{font-size:11px;color:#8d8490;font-weight:400;line-height:1.55}h1,h2,h3,p{margin:0}h1{font-size:23px;line-height:1.25;letter-spacing:-.8px}h2{font-size:18px;letter-spacing:-.5px}h3{font-size:14px}p{line-height:1.7}.help{font-size:12px;line-height:1.9;color:#867b8c}.micro-help{font-size:10px;line-height:1.65;color:#9a8c8d}.overline,.eyebrow{display:block;font-size:9px;letter-spacing:2px;font-weight:850;color:#9a8b76;margin-bottom:6px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.pill{display:inline-block;border:1px solid var(--line);background:#f5eedf;border-radius:30px;padding:5px 9px;font-size:10px;color:#897759}.text-button{padding:3px 0;border:0;border-radius:0;background:none;color:#8c7f91;font-size:11px;font-weight:500;white-space:nowrap}.site-header{height:54px;flex:0 0 54px;width:100%;max-width:1220px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:0 22px;gap:20px}.brand{font-size:13px;font-weight:900;text-decoration:none;letter-spacing:2px;color:#6d7565;white-space:nowrap}.brand span{font-size:9px;font-weight:400;letter-spacing:0;margin-left:10px;color:#9c9c89}.game-select{display:flex;gap:4px;margin:0!important}.game-select a{font-size:11px;text-decoration:none;padding:7px 12px!important;border:0!important;background:transparent!important;color:#8a8b7d!important;white-space:nowrap}.game-select a[aria-current]{background:#f8f5e9!important;border-radius:8px;color:#6c7660!important;box-shadow:0 2px 0 #d5d3c1}#game-switch{display:none}#app{flex:1;min-height:0;width:100%;max-width:1180px;margin:0 auto;padding:0 18px 16px;position:relative}.game-shell{height:100%;max-width:1060px;margin:auto;display:grid;grid-template-rows:70px minmax(0,1fr) 61px;background:var(--paper);border:1px solid #c9c8b3;border-radius:17px;overflow:hidden;box-shadow:0 7px 0 #c8c9b466,0 15px 50px #6374591a;position:relative}.player-hud{display:flex;align-items:center;gap:20px;padding:8px 22px;border-bottom:1px solid #ded8c5;background:linear-gradient(#fffcf4,#f5eedf)}.hud-identity{display:flex;align-items:center;gap:10px;min-width:165px}.hud-identity canvas{height:48px;width:42px;object-fit:contain;image-rendering:pixelated}.hud-identity b{font-size:14px;display:block}.hud-identity small{font-size:10px}.hud-bars{flex:1;max-width:400px;display:grid;gap:5px}.hud-meter{height:16px;position:relative;background:#e1d9c8;border:1px solid #c4b9a4;border-radius:5px;overflow:hidden}.hud-meter span{position:absolute;inset:0 auto 0 0;background:linear-gradient(#bfce91,#a4bb75);border-right:1px solid #96a667;transition:width .2s}.hud-meter.mp span{background:linear-gradient(#a7bfd0,#8da9c1);border-color:#7798ae}.hud-meter b{position:absolute;inset:0;text-align:center;font-size:9px;line-height:14px;color:#fff;text-shadow:0 1px 1px #3e493c;font-weight:700;letter-spacing:.3px}.hud-wallet{margin-left:auto;text-align:right;min-width:82px}.hud-wallet b{font-size:15px;color:#9e8750;display:block}.hud-wallet i{font-size:11px;font-style:normal}.hud-wallet small{font-size:9px;color:#98a089}.page-viewport{min-height:0;overflow:hidden;padding:18px 22px;background:radial-gradient(ellipse at 80% 5%,#fbf5e7,transparent 55%),#fffbf2}.game-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #ded7c4;background:#f3eddc;padding:6px 14px;gap:8px}.game-tabs button{border:0;border-radius:8px;background:transparent;color:#a19683;font-size:12px;padding:6px;position:relative}.game-tabs button.active{background:#fffdf4;color:#5d745f;box-shadow:0 2px 0 #d8d0bb}.game-tabs button.active:before{content:'✦';color:#baa778;margin-right:8px}.battle-view,.adventure-view{display:flex;flex-direction:column;height:100%;gap:12px;min-height:0}.battle-top{display:flex;align-items:center;gap:12px;flex-shrink:0}.battle-top h1 small{font-size:13px;color:#a99a85;margin-left:6px}.battle-top .overline{margin-bottom:4px}.map-button{margin-left:auto;font-size:11px}.map-button span{margin-left:10px;font-size:15px}.turn-chip{margin-left:auto;font-size:13px;color:#83715a;background:#efe7d7;border-radius:8px;padding:7px 12px}.turn-chip small{display:block;font-size:9px}.icon-button{padding:5px 11px;font-size:25px;line-height:1.3;background:#fbf3e5;border-color:#d5c4a6;color:#99805c}.battle-field{position:relative;flex:1;min-height:70px;overflow:hidden;background:#c8deae;border:2px solid #a6b889;border-radius:12px;box-shadow:inset 0 0 0 2px #fff6}.battle-field>canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.field-label{position:absolute;left:12px;top:10px;max-width:calc(100% - 24px);padding:5px 10px;background:#fffcebdc;border:1px solid #ede4c8;border-radius:6px;font-size:10px;color:#69794e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 0 #45553122}.enemy-targets{position:absolute;right:12px;bottom:12px;display:flex;gap:6px;max-width:75%}.enemy-targets button{padding:6px 9px;border-radius:6px;background:#fffff0e8;border:1px solid #d1c4a9;min-width:90px;color:#656044;font-size:10px;text-align:left}.enemy-targets small{display:block;font-size:9px}.tiny-hp{height:3px;background:#d4c8b1;margin-top:4px;border-radius:3px;overflow:hidden}.tiny-hp i{height:100%;display:block;background:#c88c76}.status-effects{position:absolute;bottom:13px;left:12px;font-size:10px;padding:5px;background:#fffbece6;border-radius:5px}.command-deck,.expedition-deck{flex-shrink:0;border:1px solid #ddd2bb;background:#f5efdf;border-radius:11px;padding:11px 13px}.command-caption{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#837559;margin-bottom:9px}.command-caption>span{font-weight:750}.command-caption small{margin-left:8px;font-size:10px}.skill-deck{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.skill-button{display:flex;align-items:center;gap:10px;text-align:left;padding:9px;background:#fffaf0;color:#6d617b;border-color:#d7c7de;border-bottom-color:#baa8c4;font-size:12px;min-height:62px}.skill-button small{display:block;font-size:9px;color:#a59aae;margin-top:3px}.skill-symbol{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:1px solid #d4b389;border-radius:7px;background:linear-gradient(135deg,#fff1c9,#e4ac82);color:#a96848;font-size:24px;text-shadow:1px 1px #ffebc5;box-shadow:inset 0 0 0 2px #fff5}.skill-1{background:linear-gradient(135deg,#d7ebfa,#98c1d2);border-color:#9eb8c4;color:#4e7996}.skill-2{background:linear-gradient(135deg,#e5f2c9,#a9c490);border-color:#aabb8d;color:#789051}.skill-3{background:linear-gradient(135deg,#ece0f6,#c2a2d5);border-color:#bba6c9;color:#877095}.utility-deck{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.2fr;gap:8px;margin-top:9px}.utility-deck button{padding:8px 5px;font-size:11px}.utility-deck small{font-size:10px;margin-left:4px}.attack-button{background:#e5ddc6;border-color:#c7b899;color:#756344}.stage-track{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:7px}.stage{padding:8px 0;font-size:12px;border-color:#d5cbb4;background:#eee7d7;color:#a99b82}.stage.done{background:#dce7c8;border-color:#a9ba8b;color:#6f8454}.stage.next{background:#859267;color:#fffbdc;border-color:#637249;box-shadow:0 0 0 2px #dce4c8}.departure-row{display:flex;gap:10px;align-items:center;margin-top:12px}.departure-row>div{margin-right:auto}.departure-row span{display:block;font-size:10px;color:#a2947b;margin-top:2px}.departure-row button{font-size:11px}.quest-ribbon{position:absolute;right:12px;top:10px;background:#697e5edb;color:#fbffe9;border:1px solid #4f684d;border-radius:6px;padding:5px 10px;font-size:10px}.quest-ribbon b{margin-left:15px}.loot-toast{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:9px 13px;border:1px solid #ddcbae;background:#fffaf0ed;border-radius:8px;box-shadow:0 3px 0 #64794e22;display:grid;grid-template-columns:1fr auto;column-gap:16px}.loot-toast>b{color:#6b8c5a;font-size:12px}.loot-toast>small{grid-row:2;font-size:10px}.loot-toast>button{grid-row:1/3;grid-column:2}.menu-view{height:100%;display:flex;flex-direction:column;min-height:0;gap:12px;max-width:780px;margin:0 auto}.view-heading{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.view-heading h1{font-size:21px}.view-heading>small{font-size:10px}.subtabs{display:flex;gap:7px;border-bottom:1px solid var(--line);padding-bottom:9px}.subtabs button{border:0;border-radius:7px;background:#f0eadb;color:#a89980;font-size:11px;padding:7px 17px}.subtabs button.active{background:#e4dac5;color:#7f6e4e}.menu-content{min-height:0;flex:1;overflow:hidden}.page-foot{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:10px;color:#ab9d87;flex-shrink:0;padding-top:4px}.character-overview{display:grid;grid-template-columns:1fr 1.4fr;gap:22px;min-height:0;height:calc(100% - 116px);max-height:280px}.portrait-plinth{border:1px solid #d7ddc8;border-radius:12px;background:radial-gradient(ellipse at 50% 70%,#eef4d8,#e4ecd9);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;min-height:0}.portrait-plinth:after{content:'';width:90px;height:9px;background:#bdc8aa;border-radius:50%;margin-top:-3px}.portrait-plinth canvas{image-rendering:pixelated;height:min(80%,160px);width:auto;z-index:1}.portrait-plinth span{position:absolute;bottom:10px;font-size:9px;color:#8e9b7c}.stat-sheet{display:grid;grid-template-rows:repeat(5,1fr);gap:3px}.stat-line{display:flex;align-items:center;gap:12px;border-bottom:1px dashed #ddd4c1;font-size:12px;min-height:26px}.stat-line>b{margin-left:auto;color:#71694f}.stat-plus{border:1px solid #d9c6a3;border-radius:5px;background:#f4e7c9;color:#947b4b;font-size:14px;padding:1px 10px;line-height:1.4}.stat-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.stat-summary span{border:1px solid #e3d9c4;background:#f4eedf;border-radius:7px;text-align:center;padding:8px;font-size:10px;color:#9c8d72}.stat-summary b{font-size:14px;color:#6e654e;margin-left:6px}.allocation{display:flex;align-items:center;gap:12px;padding-top:8px;border-top:1px solid var(--line)}.allocation>div{margin-right:auto}.allocation b{display:block;font-size:11px;color:#8c7b62}.allocation small{font-size:9px}.allocation button{font-size:10px}.equipment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bag-grid,.equipped-grid{height:100%;grid-template-rows:repeat(3,minmax(0,1fr))}.item{position:relative;border:1px solid #ddd2bb;background:#f8f2e4;border-bottom:3px solid #d7cbb1;border-radius:9px;min-width:0;padding:10px 12px;display:grid;grid-template-columns:40px 1fr;grid-template-rows:1fr 1fr;column-gap:10px;text-align:left;align-items:end}.item canvas{width:37px;height:37px;grid-row:1/3;image-rendering:pixelated;align-self:center;background:#eee5d0;border-radius:7px;padding:3px}.item b{font-size:11px;line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#776950}.item small{align-self:start;line-height:1.4;font-size:9px;color:#a59a85}.rarity-1{border-color:#b2c7a0}.rarity-2{border-color:#9eb9cf;background:#f0f4f4}.rarity-3{border-color:#c1a7cf;background:#f5eff7}.rarity-4{border-color:#cfb77f;background:#fcf4dc}.equipped-grid{height:calc(100% - 30px)}.bag-toolbar{display:flex;justify-content:space-between;gap:10px}.bag-toolbar select,.bag-toolbar button{font-size:11px;padding:7px 10px}.pagination{display:flex;justify-content:center;align-items:center;gap:25px}.pagination button{padding:5px 15px;background:#f7eedb;border-color:#d9cbb0;color:#978567}.pagination>span{text-align:center;font-size:12px;color:#8a7b66}.pagination small{display:block;font-size:9px}.skill-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.skill-tabs button{display:flex;align-items:center;flex-direction:column;gap:6px;padding:10px;background:#f7f0e3;border-color:#dfd1b9;font-size:11px;color:#aa987f}.skill-tabs button.active{background:#f0e7f5;border-color:#b29ec3;color:#817091}.skill-tabs b{font-size:11px}.skill-tabs small{font-size:9px}.skill-details{padding:18px 20px;border:1px solid #e1d4be;border-radius:12px;background:#faf5e9;display:flex;flex-direction:column;justify-content:center}.skill-details .overline{font-size:8px}.skill-details p{font-size:12px;color:#8b7c83;margin:12px 0;line-height:1.7}.skill-level{height:5px;border-radius:4px;background:#e6dce4;overflow:hidden;margin-bottom:6px}.skill-level span{display:block;height:100%;background:#ac95bf}.growth-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.growth-options>div{display:grid;gap:6px;text-align:center}.growth-options button{font-size:11px}.growth-options small{font-size:9px}.town-content{display:flex;flex-direction:column;gap:13px}.town-scene{flex:1;min-height:60px;max-height:250px;overflow:hidden;border-radius:11px;border:1px solid #b8c7a4}.town-scene canvas{width:100%;height:100%;image-rendering:pixelated}.inn-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.inn-row h2{font-size:16px}.inn-row small{font-size:10px}.inn-row button{font-size:11px}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.shop-grid>div{display:grid;gap:6px;padding:11px 13px;background:#f5ecd9;border:1px solid #dfcfb1;border-radius:9px}.shop-grid b{font-size:12px}.shop-grid b small{float:right;font-size:9px}.shop-grid>div>small{font-size:10px}.shop-grid button{font-size:11px;padding:6px}.quest-select{grid-template-columns:100px 1fr;align-items:center}.quest-card{margin:auto 0;background:#f5ecd8;border:1px solid #ddc9a5;padding:22px;border-radius:10px;text-align:center}.quest-card p{font-size:12px;color:#938161;margin:10px 0}.quest-progress{display:flex;gap:10px;justify-content:center;margin:18px 0}.quest-progress i{font-size:25px;font-style:normal;color:#d9ceb7}.quest-progress .done{color:#aa965f}.quest-card>button{display:block;margin:16px auto 0;min-width:130px}.sound-settings{display:grid;gap:22px;margin:auto 0;padding:16px 0}.sound-settings label{grid-template-columns:80px 1fr;align-items:center}.sound-settings input{width:100%}.signout{text-align:center;font-size:12px}.appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-stack{display:grid;gap:15px}.form-stack input,.form-stack select{width:100%}.form-stack input[type=checkbox],.form-stack input[type=radio]{width:auto}.menu-content>.form-stack{max-width:450px;margin:25px auto}.loading{text-align:center;padding:80px 20px;color:#8e819d}.warning{background:#f9ecdb;padding:10px;color:#ac7657;font-size:12px;border-radius:9px}.save-overlay{position:absolute;inset:0;background:#fffaf0dd;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;z-index:30}.save-overlay b{font-size:14px;color:#9a805e}#notice{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);background:#514b3fef;color:#fffbe9;font-size:12px;padding:11px 17px;border-radius:10px;z-index:100;max-width:90vw;width:max-content;display:none;box-shadow:0 5px 20px #44335433}#notice.show{display:block}dialog{border:2px solid #cfc2a9;border-radius:15px;background:#fffaf0;color:var(--ink);padding:22px;width:min(490px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 8px 0 #61573c33}dialog::backdrop{background:#41463885;backdrop-filter:blur(4px)}dialog h2{margin-bottom:14px}dialog .row button{flex:1;font-size:11px}dialog #close-modal{margin-top:18px;width:100%;padding:8px;font-size:11px}dialog .comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;text-align:center;margin:12px 0}dialog .comparison>div{background:#f3ead7;padding:10px 5px;font-size:10px;border-radius:6px}dialog .comparison b{display:block;margin-top:4px;font-size:12px}dialog .help{font-size:11px}dialog .map-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.region-map-card{display:grid;grid-template-columns:30px 1fr;column-gap:9px;text-align:left;align-items:center;padding:12px;border:1px solid #d7cbb1;background:#f9f2e3}.region-map-card>span{grid-row:1/3;padding:9px 0;text-align:center;color:#fff;font-size:12px;border-radius:6px}.region-map-card>b{font-size:11px;color:#847353}.region-map-card>small{font-size:9px}.region-map-card.active{border-color:#9caa7a;background:#f0f2dc}.challenge-box{border-top:1px solid var(--line);margin-top:14px;padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.challenge-box p{font-size:12px}.rank-row{display:grid;grid-template-columns:22px 1fr auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.welcome{height:calc(100% - 125px);display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;max-width:1050px;margin:auto}.welcome h1{font-size:39px}.welcome p{font-size:13px;margin-top:18px;color:#8e817d}.welcome canvas{width:100%;aspect-ratio:1.3;max-height:70%;image-rendering:pixelated;border:5px solid #fff9e7;border-radius:15px;box-shadow:0 8px 0 #c9cdb4}.welcome+.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;height:110px}.panel{border:1px solid #d9ceb8;border-radius:12px;background:#fff9ea;padding:16px}.panel>h2{font-size:14px;margin-bottom:8px}.welcome+.grid .help{font-size:11px;line-height:1.6}.create-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:30px;max-width:740px;margin:15px auto 0;padding:20px}.create-preview{background:#e4ecd9;border-radius:12px;display:flex;align-items:center;justify-content:center}.create-preview canvas{width:140px;image-rendering:pixelated}.create-layout .form-stack{gap:12px}.create-layout .help{font-size:11px}.job-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.job-options label{display:flex;justify-content:center;padding:8px;background:#f3ecdc;border-radius:8px;cursor:pointer}.job-options label:has(:checked){background:#e4dac1;color:#7f704e}.job-options input{margin:0}#app>.view-heading{max-width:740px;margin:10px auto 0;display:block}#app>.view-heading h1{margin-bottom:5px}
@media(min-width:1100px){.battle-field canvas{image-rendering:pixelated}.menu-view{max-width:790px}.character-overview{max-height:320px}.bag-grid{gap:14px}.item{padding:14px}.item canvas{width:46px;height:46px;grid-template-columns:48px 1fr}.skill-tabs button{flex-direction:row;justify-content:center;gap:14px}.skill-details{padding:24px 30px}}
@media(max-width:700px){.site-header{height:43px;flex-basis:43px;padding:0 12px}.brand{font-size:11px;letter-spacing:1.5px}.brand span{display:none}.game-select{display:none!important}#game-switch{display:block;padding:5px 7px;font-size:10px;background:#f7f4e7;border-color:#cecfbc;width:112px}#app{padding:0 7px 7px}.game-shell{grid-template-rows:64px minmax(0,1fr) 53px;border-radius:12px;box-shadow:0 4px 0 #c9c9b544}.player-hud{padding:7px 10px;gap:9px}.hud-identity{min-width:0;gap:5px;max-width:130px}.hud-identity canvas{width:34px;height:42px}.hud-identity b{font-size:11px;max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-identity small{font-size:9px}.hud-bars{gap:5px;min-width:70px}.hud-meter{height:14px}.hud-meter b{font-size:8px;line-height:12px}.hud-wallet{min-width:51px}.hud-wallet b{font-size:12px}.hud-wallet i{font-size:9px}.hud-wallet small{font-size:8px}.page-viewport{padding:12px 10px}.game-tabs{padding:5px 5px;gap:3px}.game-tabs button{font-size:10px}.game-tabs button.active:before{display:block;font-size:10px;margin:0 0 2px}.battle-view,.adventure-view{gap:9px}.battle-top h1{font-size:18px}.battle-top h1 small{font-size:10px;margin-left:4px}.overline{font-size:8px;letter-spacing:1.5px}.map-button{padding:6px 9px;font-size:10px}.map-button span{margin-left:6px}.turn-chip{font-size:11px;padding:5px 9px}.turn-chip small{font-size:8px}.icon-button{padding:3px 8px;font-size:20px}.battle-field{border-radius:9px;min-height:70px}.field-label{left:7px;top:7px;font-size:9px;padding:4px 7px;max-width:calc(100% - 14px)}.quest-ribbon{top:auto;bottom:9px;right:9px;font-size:9px;padding:5px 8px}.quest-ribbon b{margin-left:8px}.loot-toast{left:7px;bottom:9px;padding:7px 9px;max-width:calc(100% - 14px);display:block}.loot-toast b{font-size:10px;display:block}.loot-toast small{font-size:8px;display:block}.loot-toast button{font-size:9px;display:block;padding-top:3px}.explore-field:has(.loot-toast) .quest-ribbon{display:none}.command-deck,.expedition-deck{padding:9px;border-radius:9px}.command-caption{font-size:10px;margin-bottom:7px}.command-caption small{font-size:9px}.text-button{font-size:10px}.skill-deck{gap:5px}.skill-button{flex-direction:column;justify-content:center;text-align:center;padding:6px 2px;gap:4px;min-height:76px;font-size:10px;border-radius:7px}.skill-button small{font-size:8px;margin-top:2px}.skill-symbol{width:26px;height:26px;font-size:19px;border-radius:5px}.utility-deck{gap:5px;margin-top:7px}.utility-deck button{font-size:9px;padding:8px 1px;border-radius:6px}.utility-deck small{font-size:8px;margin-left:1px}.enemy-targets{right:7px;bottom:8px;gap:4px;max-width:calc(100% - 14px)}.enemy-targets button{min-width:72px;font-size:9px;padding:5px 7px}.enemy-targets small{font-size:8px}.status-effects{left:7px;bottom:49px;font-size:8px;padding:3px 5px}.stage-track{gap:3px}.stage{font-size:10px;padding:8px 0;border-radius:5px}.departure-row{gap:6px;margin-top:9px}.departure-row small,.departure-row span{font-size:8px}.departure-row button{font-size:10px;padding:8px}.menu-view{gap:10px}.view-heading{display:block}.view-heading h1{font-size:19px;margin-bottom:4px}.view-heading>small{font-size:9px}.subtabs{padding-bottom:7px;gap:5px}.subtabs button{flex:1;padding:6px;font-size:10px}.page-foot{font-size:8px;gap:5px}.page-foot button{font-size:9px}.character-overview{gap:13px;height:calc(100% - 126px);max-height:none;grid-template-columns:1fr 1.3fr}.portrait-plinth canvas{max-height:70%;max-width:80%;height:130px;width:auto}.portrait-plinth span{font-size:7px;bottom:8px}.portrait-plinth:after{width:60px;height:7px}.stat-line{font-size:11px;min-height:25px}.stat-plus{font-size:12px;padding:2px 8px}.stat-summary{gap:5px;margin:12px 0}.stat-summary span{padding:7px 2px;font-size:9px}.stat-summary b{font-size:12px;display:block;margin:3px 0 0}.allocation{gap:8px;padding-top:6px}.allocation b{font-size:10px}.allocation small{font-size:8px}.allocation button{font-size:9px;padding:7px}.equipment{gap:7px}.item{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:7px 8px;gap:3px;border-radius:7px}.item canvas{width:30px;height:30px;align-self:flex-start;padding:2px;border-radius:5px}.item b{font-size:10px;max-width:100%}.item small{font-size:8px;line-height:1.2}.bag-toolbar select,.bag-toolbar button{font-size:10px;padding:6px 9px}.pagination{gap:22px}.pagination>span{font-size:10px}.pagination button{padding:5px 14px}.pagination small{font-size:8px}.equipped-grid{height:calc(100% - 30px)}.skill-tabs{gap:5px}.skill-tabs button{padding:8px 2px;gap:5px}.skill-tabs b{font-size:9px;white-space:nowrap}.skill-tabs small{font-size:8px}.skill-details{padding:13px}.skill-details h2{font-size:17px}.skill-details .pill{font-size:8px;padding:4px 6px}.skill-details p{font-size:11px;margin:12px 0}.skill-details>small{font-size:9px}.growth-options{gap:8px;margin-top:15px}.growth-options button{font-size:10px;padding:8px 2px}.growth-options small{font-size:8px}.town-content{gap:10px}.town-scene{max-height:none}.inn-row h2{font-size:15px}.inn-row small{font-size:9px}.inn-row button{font-size:10px;padding:8px}.shop-grid{gap:8px}.shop-grid>div{padding:10px;gap:5px}.shop-grid b{font-size:11px}.shop-grid b small{float:none;display:block;font-size:8px}.shop-grid>div>small{font-size:9px}.shop-grid button{font-size:10px;padding:7px 2px}.quest-select{font-size:10px;grid-template-columns:80px 1fr}.quest-select select{font-size:10px;padding:7px}.quest-card{padding:15px}.quest-card h2{font-size:17px}.quest-card p{font-size:11px}.quest-card small{font-size:10px}.quest-progress{margin:14px 0}.sound-settings{gap:20px}.sound-settings label{font-size:11px;grid-template-columns:70px 1fr}.sound-settings h2{font-size:16px}.menu-content>.form-stack{margin:15px auto}.appearance-grid{gap:10px}.appearance-grid select{font-size:11px;padding:8px}dialog{padding:16px;width:calc(100% - 22px);border-radius:12px}dialog h2{font-size:17px;margin-bottom:12px}dialog .map-grid{gap:7px}.region-map-card{grid-template-columns:24px 1fr;padding:9px;gap:7px}.region-map-card>b{font-size:10px}.region-map-card>small{font-size:8px}.region-map-card>span{font-size:10px}#notice{bottom:70px;font-size:11px;padding:9px 13px}.welcome{height:100%;display:flex;flex-direction:column-reverse;gap:18px;justify-content:center;padding:15px 10px}.welcome>div{width:100%}.welcome h1{font-size:29px;line-height:1.35}.welcome p{font-size:11px;margin-top:11px}.welcome .row{margin:15px 0!important}.welcome .button{font-size:12px;padding:10px 15px}.welcome canvas{width:100%;max-height:30%;aspect-ratio:2}.welcome .eyebrow{font-size:7px;letter-spacing:1.5px}.welcome small{font-size:9px}.welcome+.grid{display:none}.create-layout{display:grid;grid-template-columns:75px 1fr;gap:12px;padding:12px;margin-top:10px}.create-preview{align-self:start;min-height:112px}.create-preview canvas{width:65px}.create-layout .form-stack{gap:8px}.create-layout .form-stack label{font-size:10px;gap:4px}.create-layout .form-stack input,.create-layout .form-stack select{padding:7px;font-size:10px}.create-layout .appearance-grid{gap:7px}.create-layout .help{font-size:9px;line-height:1.5}.create-layout .job-options{gap:4px}.job-options label{padding:6px 2px;font-size:9px}.create-layout .form-stack>small{font-size:9px}.create-layout button{font-size:11px;padding:9px 3px}#app>.view-heading{margin:12px 8px 0}#app>.view-heading h1{font-size:20px}#app>.view-heading small{font-size:9px}}
@media(max-height:670px){.site-header{height:38px;flex-basis:38px}.game-shell{grid-template-rows:54px minmax(0,1fr) 43px}.player-hud{padding-top:4px;padding-bottom:4px}.hud-identity canvas{height:38px;width:32px}.page-viewport{padding-top:8px;padding-bottom:8px}.battle-view,.adventure-view{gap:7px}.battle-top h1{font-size:16px}.battle-top .overline{font-size:7px;margin-bottom:2px}.command-deck,.expedition-deck{padding:7px}.command-caption{margin-bottom:5px}.skill-button{min-height:57px;gap:2px;padding:4px 1px}.skill-button .skill-symbol{width:20px;height:20px;font-size:15px}.utility-deck{margin-top:5px}.utility-deck button{padding:6px 1px}.game-tabs button{padding:3px}.game-tabs button.active:before{display:none}.view-heading h1{font-size:17px;margin-bottom:2px}.menu-view{gap:7px}.subtabs{padding-bottom:5px}.subtabs button{padding:5px}.item{padding:5px 6px;gap:2px}.item canvas{width:24px;height:24px}.item b{font-size:9px}.item small{font-size:7px}.pagination button{padding:3px 13px}.character-overview{height:calc(100% - 100px)}.stat-summary{margin:8px 0}.stat-summary span{padding:4px 2px}.stat-summary b{margin-top:1px}.allocation{padding-top:4px}.allocation button{padding:5px}.skill-tabs button{padding:5px 2px;gap:3px}.skill-tabs .skill-symbol{width:23px;height:23px;font-size:17px}.skill-details{padding:10px 13px}.skill-details p{font-size:10px;margin:8px 0}.skill-details h2{font-size:16px}.growth-options{margin-top:9px}.growth-options button{padding:6px 2px}.town-content{gap:7px}.shop-grid>div{padding:8px}.shop-grid button{padding:5px}.quest-card{padding:12px}.quest-card p{margin:7px 0}.quest-progress{margin:10px 0}.quest-card>button{margin-top:10px;padding:7px}.sound-settings{gap:14px}.appearance-grid{gap:7px}.menu-content>.form-stack{margin:10px auto}.welcome{gap:12px}.welcome h1{font-size:25px}.welcome p{font-size:10px}.welcome canvas{max-height:26%}.welcome .row{margin:12px 0!important}dialog #close-modal{margin-top:12px}}
@media(max-height:500px) and (min-width:600px){.site-header{height:30px;flex-basis:30px}.game-shell{grid-template-rows:47px minmax(0,1fr) 35px}.player-hud{padding:3px 14px}.hud-identity canvas{height:35px}.page-viewport{padding:8px 12px}.battle-view,.adventure-view{display:grid;grid-template-columns:1fr 285px;grid-template-rows:35px minmax(0,1fr);gap:8px}.battle-top{grid-column:1/3}.battle-field{grid-row:2;grid-column:1}.command-deck,.expedition-deck{grid-row:2;grid-column:2;display:flex;flex-direction:column;justify-content:center}.skill-deck{grid-template-columns:repeat(2,1fr);gap:6px}.skill-button{flex-direction:row;min-height:49px;font-size:10px;padding:6px;gap:7px}.skill-button .skill-symbol{width:25px;height:25px}.utility-deck{grid-template-columns:repeat(5,1fr);gap:4px}.utility-deck button{font-size:8px;padding:7px 1px}.command-caption small{display:none}.stage-track{grid-template-columns:repeat(6,1fr);gap:5px}.stage{padding:8px 0}.departure-row{flex-wrap:wrap}.departure-row>div{width:100%}.departure-row button{flex:1}.menu-view{max-width:850px;gap:6px}.view-heading{display:flex}.view-heading>small{font-size:9px}.bag-toolbar{position:absolute;right:30px;top:58px;gap:6px}.bag-toolbar select,.bag-toolbar button{padding:4px 6px;font-size:9px}.bag-grid,.equipped-grid{grid-template-columns:repeat(3,1fr);gap:5px}.item{display:grid;grid-template-columns:28px 1fr;padding:5px;gap:2px 7px}.item canvas{width:26px;height:26px}.item b{font-size:9px}.item small{font-size:7px}.pagination{gap:20px}.pagination small{display:none}.pagination button{padding:2px 12px}.character-overview{float:left;width:51%;height:100%;max-height:none;margin-right:3%}.stat-summary{grid-template-columns:repeat(2,1fr);margin:5px 0;gap:5px}.allocation{gap:5px;flex-wrap:wrap}.allocation>div{width:100%}.allocation small{font-size:8px}.stat-line{font-size:10px;min-height:20px}.portrait-plinth span{font-size:8px}.portrait-plinth canvas{height:90px}.skill-tabs{float:left}.skill-tabs button{flex-direction:row;gap:8px;padding:5px}.skill-tabs b{font-size:10px}.skill-tabs small{font-size:8px}.skill-details{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:10px 15px}.skill-details .row{grid-column:1}.skill-details p{grid-row:2/5;font-size:10px}.skill-details .skill-level{grid-column:2;align-self:end}.skill-details>small{grid-column:2}.growth-options{grid-column:2;margin:5px 0 0;gap:7px}.growth-options small{font-size:8px}.town-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px}.town-scene{grid-column:1;grid-row:1/3;max-height:none}.inn-row{grid-column:2;grid-row:1}.shop-grid{grid-column:2;grid-row:2}.shop-grid>div{padding:6px}.shop-grid b{font-size:10px}.shop-grid>div>small{display:none}.shop-grid button{font-size:9px;padding:4px}.quest-select{grid-column:1;align-self:start}.quest-card{grid-column:2;grid-row:1/3;padding:10px;margin:0}.quest-card .overline{display:none}.quest-card h2{font-size:14px}.quest-card p{font-size:10px;margin:4px 0}.quest-progress{margin:5px 0}.quest-progress i{font-size:15px}.quest-card small{font-size:8px}.quest-card>button{font-size:10px;padding:5px;margin-top:6px}.sound-settings{grid-column:1/3;grid-row:1/3;display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;margin:0;padding:5px 0}.sound-settings h2,.sound-settings p{display:none}.sound-settings button,.sound-settings .signout{font-size:11px;align-self:center}.menu-content>.form-stack{margin:0 auto;max-width:700px;grid-template-columns:1fr 150px;align-items:end}.appearance-grid{gap:8px;grid-template-columns:repeat(4,1fr)}.appearance-grid select{font-size:10px;padding:7px}.appearance-grid label{font-size:10px}.menu-content>.form-stack button{font-size:11px;padding:8px}.welcome{display:grid;grid-template-columns:1fr 1fr;height:100%}.welcome+.grid{display:none}.welcome h1{font-size:25px}.welcome p{font-size:10px}.welcome canvas{max-height:90%;aspect-ratio:1.4}.welcome small{font-size:9px}.welcome .button{font-size:11px}.welcome .row{margin:10px 0!important}.create-layout{max-width:850px;grid-template-columns:100px 1fr;padding:12px;margin-top:8px}.create-layout .form-stack{grid-template-columns:1fr 1fr;gap:6px 16px}.create-layout .form-stack .appearance-grid{grid-template-columns:repeat(2,1fr);grid-row:1/4;grid-column:2}.create-layout .help{display:none}.create-preview canvas{width:90px}.create-layout button{grid-column:2}.create-layout label{font-size:10px}.create-layout input,.create-layout select{font-size:10px;padding:6px}.create-layout .form-stack>small{font-size:9px}.create-layout .job-options label{font-size:9px;padding:5px}.create-layout .form-stack>label{grid-column:1}dialog{max-width:600px;padding:12px}dialog .map-grid{grid-template-columns:repeat(3,1fr)}dialog h2{font-size:15px;margin-bottom:8px}dialog .map-grid button{padding:7px}dialog #close-modal{margin-top:10px;padding:5px}dialog .form-stack{grid-template-columns:1fr 1fr;gap:10px}dialog .form-stack label{font-size:10px}dialog .form-stack small{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.item-detail-heading{display:flex;align-items:center;gap:12px}.item-detail-heading canvas{width:42px;height:42px;image-rendering:pixelated;background:#f2e7d2;border-radius:8px;padding:4px}.item-detail-heading h2{font-size:18px;margin:5px 0 0}.item-detail-heading small{font-size:10px}.item-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.item-actions button{font-size:11px;padding:10px 5px;min-height:43px}.item-actions small{display:block;font-size:9px;margin-top:3px}.item-dialog #close-modal{margin-top:13px}.item-dialog{overflow:hidden}@media(max-height:500px){.item-dialog{width:520px}.item-actions{grid-template-columns:repeat(3,1fr);gap:6px}.item-actions button{padding:6px 3px;min-height:38px;font-size:10px}.item-actions small{font-size:8px;margin-top:2px}.item-dialog .comparison{margin:9px 0}.item-dialog .comparison>div{padding:6px}.item-detail-heading canvas{width:32px;height:32px}.item-detail-heading h2{font-size:15px;margin-top:2px}.item-detail-heading small{font-size:9px}.item-dialog #close-modal{margin-top:9px;padding:5px}}