/* Character creation and equipment use the same bronze/ink visual language. */
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.creation-overlay[hidden]{display:none}
.creation-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:18px;overflow:auto;background:linear-gradient(#10120cdd,#12130cec),url('./art/hanyang-title-v1.webp') center/cover;color:#e6d3ac;overscroll-behavior:contain}
.creation-shell{width:min(1180px,100%);border:3px ridge #a58245;box-shadow:0 20px 80px #000b,inset 0 0 0 4px #221c12;background:linear-gradient(110deg,#272319f7,#181b15f9 50%,#272116fc);position:relative}
.creation-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 28px 18px;border-bottom:1px solid #97764780;background:linear-gradient(90deg,#44321d90,#191c1500)}
.creation-heading>div>span{font-size:11px;letter-spacing:3px;color:#b39762}.creation-heading h1{font:29px 'Batang','바탕',serif;letter-spacing:3px;margin-top:8px;color:#ebd19a}
.creation-tools{display:flex;gap:7px;align-items:center}.creation-tools button{font-size:12px;border-radius:1px;min-height:35px;background:#211f16;border-color:#705c35;padding:7px 11px;color:#c5b185}
.creation-layout{display:grid;grid-template-columns:235px minmax(240px,1fr) 300px;min-height:505px;padding:21px 25px 17px;gap:17px}
.creation-layout h2{font-size:13px;font-weight:400;letter-spacing:1px;color:#c9b486;margin:4px 0 17px}.creation-layout h2>span{display:inline-grid;place-items:center;font:15px 'Batang','바탕',serif;color:#e2c488;border:1px solid #856631;width:25px;height:25px;margin-right:7px;transform:rotate(-4deg)}
.creation-nations{display:flex;flex-direction:column;gap:11px}.creation-nations h2{margin-bottom:7px}.nation-card{display:flex;align-items:center;gap:12px;position:relative;width:100%;min-height:105px;padding:13px 12px;text-align:left;border:1px solid #715b36;border-radius:0;background:linear-gradient(110deg,#3a3526,#252b22);box-shadow:inset 0 0 0 3px #1b201990;color:#caba99}
.nation-card.selected{border-color:#d0ab66;background:linear-gradient(110deg,#6a512d,#30362a);box-shadow:inset 0 0 0 3px #292515,0 0 14px #ba8b2922}.nation-card strong{display:block;font:22px 'Batang','바탕',serif;letter-spacing:2px;color:#dfc99d}.nation-card small{display:block;line-height:1.55;font-size:11px;margin-top:8px;color:#b1a284}.nation-card>i{position:absolute;right:7px;top:6px;font-size:11px;font-style:normal;color:#d1a450}.nation-seal{font:36px 'Batang','바탕',serif;border-right:1px solid #ae8c4e60;padding-right:11px;color:#a38e66}.nation-cn{background:linear-gradient(110deg,#3b2f23,#27251e)}.nation-jp{background:linear-gradient(110deg,#2d3340,#252621)}.creation-note{font-size:11px;line-height:1.8;color:#9b8c70;margin-top:12px;padding-left:7px}
.creation-stage{position:relative;isolation:isolate;overflow:hidden;min-height:465px;display:flex;justify-content:center;align-items:flex-end;border:1px solid #806d3e40;background:radial-gradient(ellipse at 50% 60%,#a48b4b40,transparent 63%),linear-gradient(#161d17bb,#252b20);box-shadow:inset 0 0 50px #080e09b0}
.creation-stage::before{content:'旅';position:absolute;font:310px 'Batang','바탕',serif;top:72px;left:50%;transform:translateX(-50%);color:#d6b46909;z-index:-1}.creation-stage-halo{position:absolute;width:275px;height:275px;border:1px solid #ba9c5740;border-radius:50%;top:110px;background:repeating-radial-gradient(circle,#b89d4b08 0,#b89d4b08 1px,transparent 2px,transparent 24px)}
.creation-stage-caption{position:absolute;top:20px;left:0;right:0;text-align:center;z-index:2}.creation-stage-caption span{font-size:11px;letter-spacing:5px;color:#a99468}.creation-stage-caption strong{font:21px 'Batang','바탕',serif;display:block;margin-top:8px;letter-spacing:3px;color:#dcc695}.hero-figure{background-size:300% 200%;background-position:var(--hero-x,0) var(--hero-y,0);background-repeat:no-repeat;filter:drop-shadow(0 7px 5px #0008);aspect-ratio:1/1;width:300px;max-width:100%;position:relative;z-index:1;flex-shrink:0}.creation-stage>.hero-figure{position:absolute;bottom:34px;width:310px;max-height:390px}.creation-stage-ground{position:absolute;bottom:47px;width:190px;height:44px;border-radius:50%;border:1px solid #a78a483b;background:radial-gradient(ellipse,#a08b3b44,#17201600 69%);z-index:0}.creation-stage>p{z-index:2;font-size:11px;color:#a18f66;letter-spacing:1px;margin-bottom:15px}
.creation-options{min-width:0;padding:1px 4px}.appearance-choices{display:flex;gap:7px;margin-bottom:21px}.appearance-choices button{flex:1;min-height:40px;border-radius:0;background:#171c15;color:#baa985;font-size:12px}.appearance-choices button.selected,.creation-outfits button.selected{background:linear-gradient(#665234,#3b3525);border-color:#c2a365;color:#f2d89f;box-shadow:inset 0 0 0 2px #322a1b}.creation-layout h2.outfit-title{font-size:11px;margin-bottom:8px}.creation-outfits{display:flex;gap:5px;margin-bottom:24px}.creation-outfits button{flex:1;min-width:0;padding:7px 3px;background:#1c2118;border-radius:0;font-size:11px;line-height:1.5;color:#c2ad85}.outfit-swatch{display:block;width:21px;height:23px;margin:0 auto 5px;background:#8e937a;clip-path:polygon(26% 0,50% 13%,74% 0,100% 27%,87% 52%,74% 44%,84% 100%,16% 100%,26% 44%,13% 52%,0 27%)}.outfit-1{background:#ae8a51}.outfit-2{background:#4f6b7b}.creation-options #creation-name{width:100%;min-height:46px;background:#11170f;color:#e7cf99;border:1px solid #9a7c45;border-radius:0;font-size:17px;text-align:center;letter-spacing:2px}.creation-help{font-size:11px;color:#9aaf8b;line-height:1.6;min-height:35px;margin:7px 0}.creation-help.invalid{color:#e1a38d}.creation-starting{border-top:1px solid #80663a66;padding-top:13px;margin-bottom:17px}.creation-starting strong{font-size:12px;color:#c2a365}.creation-starting p{font-size:11px;line-height:1.7;color:#b5a584;margin:7px 0}.creation-starting small{font-size:11px;line-height:1.7;color:#887c63}.creation-options .creation-submit{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:49px;padding:10px 14px;font:15px 'Batang','바탕',serif;color:#f5e2b8;background:linear-gradient(#705634,#44351f);border:2px ridge #ae8a4b;border-radius:0;box-shadow:inset 0 0 0 2px #372714}.creation-options .creation-submit span{color:#c4a365;font-size:22px}.creation-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 26px;border-top:1px solid #92713c55;color:#968464;font-size:11px}.creation-footer>span{letter-spacing:5px;color:#c3a56b}.creation-footer p{flex:1;text-align:center;font-size:11px}.creation-footer small{font-size:11px;color:#9ba283}.creation-loading{padding:35px;font-size:17px}
.audio-status{font-size:11px;color:#b2a27d;max-width:100px;line-height:1.4}.account-tools #sound-toggle{font-size:11px;width:auto;min-width:73px;white-space:nowrap;padding:0 6px}.auth-audio-row{display:flex;align-items:center;gap:8px;margin-top:12px}.auth-audio-row button{font-size:11px;min-height:32px;padding:5px 10px;color:#d5bd87;background:#26271c;border:1px solid #705c35}.auth-audio-row small{font-size:11px;color:#a99b78;line-height:1.4}
.sheet.equipment-sheet{width:min(780px,calc(100% - 135px))}.equipment-sheet .sheet-content{padding:13px 15px}.equipment-topline{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:13px}.equipment-topline .eyebrow{font-size:11px;color:#7b5b2f;margin-bottom:4px}.equipment-topline h2{font:22px 'Batang','바탕',serif;color:#553c21}.equipment-topline h2 small{font:11px 'Malgun Gothic',sans-serif;color:#8a714e}.equipment-topline>label{font-size:11px;margin:0;color:#7b623b;max-width:200px}.equipment-topline select{font-size:11px;min-height:32px;padding:5px 7px;margin-top:3px;color:#594426;background:#e7d5ab;border-color:#9b8052}.equipment-workbench{display:grid;grid-template-columns:minmax(240px,.95fr) minmax(260px,1.05fr);gap:15px}.paperdoll-pane{position:relative;min-width:0;padding:9px 8px 11px;background:radial-gradient(ellipse at 50% 38%,#b29d7155,#d3bc8988);border:1px solid #9b8052}.paperdoll-character{position:relative;height:295px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 53%,#71816440,transparent 65%)}.paperdoll-character .hero-figure{width:195px;max-height:285px;filter:drop-shadow(0 5px 4px #6b4c2b70)}.paperdoll-foot{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:11px;color:#80633e;z-index:2}.paperdoll-slots{position:absolute;top:20px;left:8px;right:8px;display:grid;grid-template-columns:64px 64px;justify-content:space-between;gap:39px 0;pointer-events:none;z-index:3}.paperdoll-slot{text-align:center;min-height:93px;pointer-events:auto}.paperdoll-slot>button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:60px;margin:0 auto;background:linear-gradient(#40351f,#1c2118);border:2px ridge #a78a4c;box-shadow:inset 0 0 0 2px #232115;padding:3px;color:#d3bb83;border-radius:0}.paperdoll-slot>button>span:last-child{font-size:11px;margin-top:2px}.paperdoll-slot>strong{display:block;max-width:78px;margin:3px auto 0;font-size:11px;font-weight:400;color:#604622;line-height:1.4}.paperdoll-slot>small{display:block;font-size:11px;color:#876b3d;margin-top:1px}.paperdoll-slot .unequip-button{font-size:11px;padding:0 3px;min-height:17px;height:17px;width:36px;border:1px solid #a68a55;background:#c7ae7a;color:#5a411e;box-shadow:none;margin:3px auto 0}.paperdoll-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:8px 2px;margin-top:8px;border-top:1px solid #a0845055;border-bottom:1px solid #a0845055}.paperdoll-stats span{text-align:center;font-size:11px;color:#866a3b}.paperdoll-stats strong{display:block;font-size:15px;color:#5d4320;margin-top:4px;font-variant-numeric:tabular-nums}.paperdoll-caption{text-align:center;font-size:11px!important;line-height:1.5;color:#8c7247;margin:8px 0 0}.appearance-edit{width:100%;margin-top:10px;font-size:11px!important;min-height:30px!important}.companion-figure{display:flex;flex-direction:column;align-items:center;gap:10px}.companion-figure .portrait{width:120px;height:120px;background-size:300% 200%;filter:drop-shadow(0 5px 4px #6b4c2b55)}.companion-figure strong{color:#6d4c27;font:19px 'Batang','바탕',serif}.companion-figure small{font-size:11px;color:#8b7148}
.equipment-bag{min-width:0}.equipment-bag>header{display:flex;justify-content:space-between;align-items:center;padding:1px 0 8px;border-bottom:1px solid #a0834e77}.equipment-bag>header h3{font:17px 'Batang','바탕',serif;color:#654724}.equipment-bag>header>span{font-size:11px;color:#8c7147}.equipment-filters{display:flex;gap:3px;margin:8px 0}.equipment-filters button{flex:1;padding:4px 2px;min-height:30px;font-size:11px;white-space:nowrap}.equipment-filters button.selected{background:linear-gradient(#8a6938,#544020);color:#f0dbaa;border-color:#8e6730}.equipment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;min-height:164px;align-content:start}.equipment-cell{position:relative;min-width:0;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 2px;border:1px solid #a88e5c;background:radial-gradient(ellipse,#dfcda5,#c3ac78);border-radius:0;overflow:hidden}.equipment-cell.selected{border:2px solid #705020;box-shadow:inset 0 0 0 1px #f0dcaa;background:radial-gradient(ellipse,#efe0b9,#c4a267)}.equipment-cell strong{font-size:11px;line-height:1.25;text-align:center;font-weight:400;color:#654c29;margin-top:4px}.equipment-cell.empty{background:#a98d5633;border-color:#a58c5955;min-height:80px}.equipment-enhance{position:absolute;right:3px;top:2px;font-size:11px;color:#73511e}.equipped-badge{position:absolute;top:2px;left:2px;font-size:11px;background:#4b5435e6;color:#e1d6ad;padding:1px 3px}.equipment-icon{display:inline-grid;place-items:center;width:32px;height:32px;color:#b6c3bb;filter:drop-shadow(0 2px 1px #402c1666)}.equipment-icon svg{width:29px;height:29px;fill:#78917c35;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.equipment-cell .equipment-icon{color:#6b7563}.equipment-icon-armor{color:#91a0a0!important}.equipment-icon-costume{color:#a09470!important}.equipment-icon-accessory{color:#6a9c78!important}.equipment-icon.large{width:48px;height:48px}.equipment-icon.large svg{width:40px;height:40px}.equipment-detail{padding:10px;border:1px solid #a68c5b;background:#ead9ad66;margin-top:10px;min-width:0}.equipment-detail>header{display:flex;align-items:center;gap:8px}.equipment-detail>header>div{min-width:0}.equipment-detail h3{font-size:13px;color:#62431f;line-height:1.5}.equipment-detail h3 b{font-weight:400;color:#a17931}.equipment-detail header span:not(.equipment-icon){font-size:11px;color:#8b7248}.equipment-detail header small{font-size:11px;line-height:1.5;color:#8d7650}.equipment-detail>p{font-size:11px!important;color:#7a6039;line-height:1.6;margin:7px 0}.equipment-comparison{display:flex;flex-wrap:wrap;gap:4px 8px;border-top:1px solid #ab8e5760;padding-top:7px;font-size:11px}.equipment-comparison>strong{width:100%;font-weight:400;font-size:11px;color:#8b7046}.equipment-comparison .increase{color:#456936}.equipment-comparison .decrease{color:#a5563d}.equipment-detail .button-row{gap:5px}.equipment-detail .button-row button{font-size:11px;min-height:35px;padding:5px}.equipment-empty{text-align:center;padding:20px 10px;color:#8f7447}.equipment-empty strong{font-size:11px;font-weight:400}.equipment-empty p{font-size:11px!important;margin:8px 0;line-height:1.5}.equipment-empty button{font-size:11px;min-height:32px}
@media(max-width:900px) and (min-width:641px){.creation-layout{grid-template-columns:190px minmax(160px,1fr) 250px;padding:16px;gap:10px}.nation-card{padding:10px 8px;gap:8px}.nation-seal{font-size:27px;padding-right:8px}.nation-card strong{font-size:18px}.nation-card small{font-size:11px}.creation-stage>.hero-figure{width:260px}.creation-heading{padding:17px 20px}.creation-footer{padding:10px 18px}.creation-footer>small{display:none}}
@media(max-width:640px){.creation-overlay{padding:0;display:block;height:100dvh}.creation-shell{border-width:2px;width:100%;min-height:100dvh}.creation-heading{padding:13px 14px 11px;gap:6px}.creation-heading>div>span{font-size:11px;letter-spacing:2px}.creation-heading h1{font-size:21px;letter-spacing:2px;margin-top:5px}.creation-tools button{font-size:11px;min-height:31px;padding:5px 7px}.creation-layout{display:grid;grid-template-columns:minmax(135px,.8fr) minmax(170px,1fr);padding:12px 10px;gap:13px 8px;min-height:0}.creation-nations{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.creation-nations h2{grid-column:1/-1;margin:0 0 3px;font-size:12px}.nation-card{min-height:80px;flex-direction:column;gap:5px;padding:7px 3px;align-items:center;text-align:center}.nation-seal{font-size:23px;border:0;padding:0}.nation-card strong{font-size:14px;letter-spacing:1px}.nation-card small{display:none}.nation-card>i{font-size:11px;right:3px;top:3px}.creation-note{display:none}.creation-stage{min-height:365px;height:auto;margin-top:0}.creation-stage-caption{top:12px}.creation-stage-caption span{font-size:11px;letter-spacing:2px}.creation-stage-caption strong{font-size:14px;letter-spacing:1px;margin-top:5px}.creation-stage>.hero-figure{width:220px;max-width:150%;max-height:320px;bottom:37px}.creation-stage-halo{width:150px;height:150px;top:110px}.creation-stage::before{font-size:190px;top:120px}.creation-stage-ground{width:120px;bottom:43px}.creation-stage>p{font-size:11px;letter-spacing:0;max-width:110px;text-align:center;line-height:1.6;margin-bottom:12px}.creation-options{padding:0}.creation-layout h2{font-size:11px;margin-bottom:10px;letter-spacing:0}.creation-layout h2>span{width:20px;height:20px;font-size:12px;margin-right:4px}.appearance-choices{margin-bottom:15px;gap:4px}.appearance-choices button{font-size:11px;min-height:37px;padding:6px}.creation-outfits{gap:3px;margin-bottom:18px;flex-wrap:wrap}.creation-outfits button{font-size:11px;padding:5px 2px;line-height:1.5;min-width:45px}.outfit-swatch{width:17px;height:20px;margin-bottom:3px}.creation-options #creation-name{font-size:14px;min-height:41px;padding:8px 4px;letter-spacing:0}.creation-help{font-size:11px;min-height:42px;line-height:1.5;margin:5px 0}.creation-starting{padding-top:9px;margin-bottom:11px}.creation-starting strong{font-size:11px}.creation-starting p{font-size:11px;line-height:1.6;margin:5px 0}.creation-starting small{font-size:11px;line-height:1.5;display:block}.creation-options .creation-submit{font-size:11px;padding:7px 6px;min-height:46px;line-height:1.4;gap:5px}.creation-options .creation-submit span{font-size:15px}.creation-footer{padding:10px;gap:5px;flex-wrap:wrap}.creation-footer>span{font-size:11px;letter-spacing:2px}.creation-footer p{font-size:11px;line-height:1.5;text-align:right}.creation-footer small{width:100%;text-align:right;font-size:11px}.audio-status{display:none}.account-tools #sound-toggle{width:auto;min-width:58px;font-size:11px;padding:0 3px}.auth-audio-row button{min-height:35px;font-size:11px}.auth-audio-row small{font-size:11px}.sheet.equipment-sheet{width:calc(100% - 16px);top:6px;bottom:6px}.equipment-sheet .sheet-content{padding:9px}.equipment-topline{gap:6px;margin-bottom:8px}.equipment-topline h2{font-size:18px}.equipment-topline>label{max-width:140px;font-size:11px}.equipment-topline select{min-height:32px;font-size:11px}.equipment-workbench{grid-template-columns:1fr;gap:10px}.paperdoll-pane{padding:5px 8px 8px}.paperdoll-character{height:240px}.paperdoll-character .hero-figure{width:165px;max-height:235px}.paperdoll-slots{top:13px;left:15px;right:15px;gap:22px 0}.paperdoll-slot>button{width:58px;height:57px}.paperdoll-slot>strong{font-size:11px}.paperdoll-slot .unequip-button{min-height:21px;height:21px;width:40px;font-size:11px}.paperdoll-stats{margin-top:5px;padding:6px 0}.paperdoll-stats strong{font-size:14px;margin-top:3px}.paperdoll-caption{font-size:11px!important;margin-top:6px}.equipment-bag>header{padding-bottom:5px}.equipment-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.equipment-cell{height:81px}.equipment-cell strong{font-size:11px}.equipment-detail{padding:10px}.equipment-detail .button-row button{min-height:40px;font-size:11px}.equipment-filters button{min-height:35px;font-size:11px}.equipment-detail h3{font-size:14px}.equipment-detail>p{font-size:11px!important}.equipment-comparison{font-size:11px}}

/* Readable equipment labels and full-sized touch actions. */
.equipment-shop{border-top:1px solid #9c7e4877;margin-top:18px;padding-top:14px}
.equipment-shop>header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.equipment-shop h3{font:18px 'Batang','바탕',serif;color:#654724}
.equipment-shop>header>span{font-size:12px;color:#7d623a}
.equipment-shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.equipment-shop-grid article{display:flex;align-items:center;gap:8px;border:1px solid #b09460;padding:8px;background:#ead9ad66;min-width:0}
.equipment-shop-grid .equipment-icon{flex-shrink:0;width:42px;height:42px}
.equipment-shop-grid article>div{flex:1;min-width:0}
.equipment-shop-grid strong{display:block;font-size:13px;color:#604422}
.equipment-shop-grid small{display:block;font-size:11px;color:#8c7147;line-height:1.6;margin:3px 0}
.equipment-shop-grid article>div>span{display:block;font-size:12px;color:#986623}
.equipment-shop-grid button{font-size:13px;min-height:40px;min-width:48px;padding:7px}
.paperdoll-character .hero-figure{width:270px;max-height:none}
.paperdoll-slot .unequip-button{height:28px;min-height:28px;width:45px;font-size:11px}
.paperdoll-slots{gap:20px 0}
.equipment-cell{height:90px}
.equipment-cell .equipment-icon{width:38px;height:38px}
.equipment-enhance{font-size:11px}.equipped-badge{font-size:10px}
.equipment-detail .button-row button{font-size:14px;min-height:42px}
.equipment-filters button{font-size:12px;min-height:38px}
.equipment-topline select{font-size:13px;min-height:40px}
.creation-outfits button,.appearance-choices button{font-size:13px;min-height:44px}
.creation-help,.creation-starting p,.creation-starting small{font-size:12px}
@media(max-width:640px){
  .creation-layout{grid-template-columns:minmax(0,1fr);padding:14px;gap:16px}
  .creation-nations{grid-column:auto;gap:7px}
  .creation-nations h2{font-size:14px}
  .nation-card{min-height:87px;padding:9px 4px}
  .nation-card strong{font-size:17px}
  .nation-seal{font-size:25px}
  .creation-heading h1{font-size:23px}
  .creation-heading>div>span{font-size:11px;letter-spacing:1px}
  .creation-tools button{font-size:12px;min-height:40px;padding:7px}
  .creation-stage{height:320px;min-height:320px}
  .creation-stage>.hero-figure{width:280px;max-width:100%;bottom:20px;max-height:none}
  .creation-stage-caption{top:12px;text-align:left;padding-left:14px}
  .creation-stage-caption span{font-size:11px}
  .creation-stage-caption strong{font-size:17px;margin-top:6px;max-width:100px;line-height:1.5}
  .creation-stage-halo{width:210px;height:210px;top:70px}
  .creation-stage>p{font-size:11px;max-width:none;margin-bottom:10px}
  .creation-stage-ground{bottom:28px;width:190px}
  .creation-options{padding:0 2px}
  .creation-layout h2{font-size:14px;margin:3px 0 11px}
  .creation-layout h2.outfit-title{font-size:13px}
  .appearance-choices{margin-bottom:19px;gap:8px}
  .appearance-choices button,.creation-outfits button{font-size:14px;min-height:44px}
  .creation-outfits{gap:7px;margin-bottom:23px;flex-wrap:nowrap}
  .creation-outfits button{padding:9px 4px}
  .outfit-swatch{width:23px;height:27px;margin-bottom:6px}
  .creation-options #creation-name{font-size:18px;min-height:48px}
  .creation-help{font-size:12px;min-height:24px;margin:8px 0 13px}
  .creation-starting strong{font-size:14px}
  .creation-starting p,.creation-starting small{font-size:12px;line-height:1.75}
  .creation-starting{padding-top:13px;margin-bottom:16px}
  .creation-options .creation-submit{font-size:16px;padding:12px 15px;min-height:52px}
  .creation-footer{padding:12px 14px;line-height:1.7}
  .creation-footer p{font-size:11px;text-align:left}
  .creation-footer small{font-size:11px;text-align:left}
  .account-tools #sound-toggle{font-size:11px;min-width:76px}
  .auth-audio-row button{font-size:12px;min-height:42px}
  .auth-audio-row small{font-size:11px}
  .equipment-topline{align-items:flex-start}
  .equipment-topline>label{font-size:11px}
  .equipment-topline select{font-size:12px;min-height:40px}
  .paperdoll-character{height:340px}
  .paperdoll-character .hero-figure{width:265px;max-height:none}
  .paperdoll-slots{left:8px;right:8px;top:15px;gap:21px 0}
  .paperdoll-slot>button{width:62px;height:62px}
  .paperdoll-slot>strong{font-size:11px}
  .paperdoll-slot .unequip-button{font-size:12px;height:33px;min-height:33px;width:49px}
  .paperdoll-stats span{font-size:12px}
  .paperdoll-stats strong{font-size:17px}
  .paperdoll-caption{font-size:11px!important}
  .equipment-grid{gap:6px}
  .equipment-cell{height:98px}
  .equipment-cell strong{font-size:11px;line-height:1.4}
  .equipment-cell .equipment-icon{width:40px;height:40px}
  .equipment-filters button{font-size:12px;min-height:40px}
  .equipment-detail h3{font-size:16px}
  .equipment-detail header small,.equipment-detail header span:not(.equipment-icon){font-size:12px}
  .equipment-detail>p{font-size:12px!important}
  .equipment-comparison{font-size:13px}
  .equipment-comparison>strong{font-size:12px}
  .equipment-detail .button-row button{font-size:14px;min-height:44px}
  .equipment-shop-grid{grid-template-columns:1fr}
  .equipment-shop-grid button{font-size:14px;min-height:44px;min-width:55px}
}

.creation-stage>.hero-figure{width:390px;max-height:none}
.creation-recovery{border:1px solid #a58245;padding:12px;margin-top:12px;color:#dbc59c}
.creation-recovery p{font-size:12px;line-height:1.7;margin-bottom:9px}
.creation-recovery button{min-height:44px;font-size:14px;padding:8px;width:100%}
@media(max-width:900px) and (min-width:641px){.creation-stage>.hero-figure{width:300px;max-width:140%}}
@media(max-width:640px){.creation-stage>.hero-figure{width:280px;max-width:100%}}

@media(max-width:640px){.creation-nations{grid-template-columns:repeat(4,minmax(0,1fr))}}