/* Wafu: ink, parchment, vermilion and antique gold. */
:root{--ink:#34251e;--muted:#776556;--gold:#95652c;--line:#99774655;--panel:#eee1c7;--green:#327454;--red:#a63839}body{color:var(--ink)}button{color:var(--ink);background:#e4d2af;border-color:#9b774e88;border-radius:3px}button:hover{background:#f7e8c9;border-color:#a23d37}.panel,.welcome,.action-card{background:radial-gradient(ellipse at top left,#fffbec,#eee0c7 65%,#ddc7a3);border:3px double #9b7547;border-radius:4px;box-shadow:0 20px 90px #251712a6}.panel h2,.welcome h2{color:#85352e}.panel>header{border-bottom:1px solid #9b774e66;background:#6e38200a}.panel p,.welcome p,.welcome-rules,.welcome>small,.description,.action-card p{color:#715b4a}.primary{color:#fff3d9;background:linear-gradient(115deg,#ac423e,#792c2b);border:2px solid #c59d58;border-radius:3px}.primary:hover{background:#bd5044}.secondary{background:#bfa27724;color:#604735;border-color:#96724a77}.danger{color:#a33231}.stat,.detail,.forge-option,.advancement{background:#fff8e769;border-color:#9d825b44;border-radius:3px}.stat b{color:#8b4230}.item,.bag-equipped-slot,.inv-tile,.skill-card,.world-card{background:linear-gradient(135deg,#fff7e5,#e2ccaa);border-color:#a4896066;border-radius:3px}.item.selected,.inv-tile.selected{background:#f7d99b;border-color:#a74135}.item-icon{background:#d7ba8750}.skill-card.learned{background:linear-gradient(135deg,#e5e6c7,#c4d0af);border-color:#798761}.bag-tabs button.active,.forge-tabs button.active{background:#913c34;color:#fff3d7;border-color:#c6a061}.forge-tabs button{background:#e3cfab;color:#594230}.tip{color:#78634d!important}.bag-tools>span,.bag-equipped-slot small,.inv-tile small,.material-detail-qty,.forge-stock{color:#77614c}.bag-tools select,select,input{background:#fff5dc;color:#493729;border:1px solid #a3845b}.inv-tile>span{height:44px;display:flex;justify-content:center}.art-icon{width:48px;height:48px;display:inline-block;vertical-align:middle;overflow:hidden}.bag-equipped-slot .art-icon{width:34px;height:40px}.material-detail-icon .art-icon{width:80px;height:80px}.character-hero{display:flex;align-items:center;justify-content:center;gap:25px;min-height:255px;background:radial-gradient(ellipse,#dfb8a655,transparent 70%);margin-bottom:15px}.character-hero>.art-icon{height:245px;width:180px;filter:drop-shadow(0 8px 4px #6d482b33)}.character-hero h3{font:700 28px serif;color:#923c31}.fallen-hero .art-icon{width:180px;height:130px}.world-art{background-image:linear-gradient(transparent,#e2ccaa),url('./assets/wafu-courtyard.webp')}.mode-tabs{display:flex;gap:8px;margin-bottom:18px}.mode-tabs button{flex:1;min-height:44px}.mode-tabs .active{background:#963b32;color:#fff0cd}.stage-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}.stage-picker input{width:85px;min-height:44px;padding:8px}.stage-picker button{min-height:44px}.navigation{position:absolute;top:auto;bottom:0;left:0;right:0;width:100%;display:flex;justify-content:center;gap:8px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:linear-gradient(#3e302a,#221d1a);border-top:3px double #c09b60}.navigation button{width:100px;background:transparent;border:0;position:relative}.navigation button:hover{background:#d6b67b22}.navigation b{color:#fff0d1;text-shadow:1px 2px #241a13}.navigation button>span{display:block;width:48px;height:48px;margin:auto;border:2px solid #ad8950;border-radius:50%;background-color:#675039;background-repeat:no-repeat}.nav-hero{background-image:url('./assets/wafu-poses.webp');background-size:400%;background-position:0 17%}.nav-armor{background-image:url('./assets/wafu-atlas.webp');background-size:430%;background-position:40% 95%}.nav-weapon{background-image:url('./assets/wafu-atlas.webp');background-size:360%;background-position:2% 88%}.nav-charm{background-image:url('./assets/wafu-atlas.webp');background-size:400%;background-position:70% 90%}.nav-boss{background-image:url('./assets/wafu-atlas.webp');background-size:400%;background-position:100% 16%}.is-battle .navigation{display:none}#game:not(.is-battle) .combat,#game:not(.is-battle) .joystick,#game:not(.is-battle) .desktop-hint{display:none}.portrait-art{background-image:url('./assets/wafu-poses.webp');background-size:410%;background-position:0 19%}.topbar,.hero-info,.location,.quest,.desktop-hint{color:#fff4dd}.topbar .brand small{color:#f1d399}.brand{color:#fff2d5}.vignette{background:linear-gradient(#392819ad,transparent 27%,transparent 68%,#33231b55)}.quest{background:linear-gradient(90deg,#39261dac,transparent);border-left-color:#dcb877}.quest p,.quest .eyebrow{color:#f0d9b2}.ability{background:radial-gradient(circle at 30% 25%,#ad8b62,#4a322e);border-color:#d7b571;border-radius:7px}.dodge{background:radial-gradient(#829486,#354943);border-radius:50%}.attack{background:radial-gradient(circle at 35% 25%,#e7b477,#a44936 55%,#652c2c);border-color:#f1c888}.icon-button{color:#fff3d8;background:#4d332bd9;border-color:#d1b47b77}.panel .icon-button{color:#6c402c;background:#d9c29c}.portal-button{background:#893d30ed;color:#fff1cc;border:2px solid #ddbb7f}.welcome-symbol{color:#a24837}.welcome .english-title{color:#94714b}.toast{background:#49352af5;color:#fff1d0;border-color:#bf9c60}.action-card #actionDetail{color:#714829;background:#a4793520}.fx-card{background:radial-gradient(ellipse at 50% 30%,#a87641,#492b28 72%);border-color:#d5ac67}.upgrade-fx.kind-skill .fx-card{background:radial-gradient(ellipse at 50% 30%,#a77b48,#513138 72%)}.upgrade-fx.kind-gem .fx-card{background:radial-gradient(ellipse at 50% 30%,#608f79,#293b35 72%)}.common{color:#615041}.crafted{color:#277052}.set{color:#376bb1}.boss{color:#8b419e}.unique{color:#b17313}.positive{color:#26704e}.negative{color:#a83931}
@media(max-width:640px){.navigation{gap:0;padding-left:4px;padding-right:4px}.navigation button{flex:1;padding:3px;min-width:0}.navigation button>span{width:43px;height:43px}.navigation b{font-size:13px}.panel{bottom:calc(92px + env(safe-area-inset-bottom));max-height:calc(100% - 120px)}.is-battle .panel{bottom:16px;max-height:calc(100% - 40px)}.character-hero{gap:10px}.character-hero>.art-icon{width:145px;height:220px}.character-hero h3{font-size:24px}.mode-tabs{gap:5px}.mode-tabs button{font-size:13px;padding:7px}.batch-bar button{min-height:44px}.bag-tabs button{min-height:42px}.portal-button{bottom:30%}}
.campaign-hero{position:relative;overflow:hidden;padding:28px;border:1px solid #ab8856;background:linear-gradient(90deg,#f6e6ccec,#f6e6ccbb),url('./assets/wafu-courtyard.webp') center/cover}.campaign-hero h3{font:700 26px serif;color:#853a30;margin:10px 0}.campaign-hero p{position:relative;z-index:1}.campaign-hero .primary{position:relative;z-index:1;min-height:46px}.stage-seal{position:absolute;right:18px;top:20px;width:90px;height:90px;display:grid;place-items:center;border:4px double #a3493544;border-radius:50%;font:700 44px serif;color:#aa493433;transform:rotate(12deg)}
.navigation{flex-direction:row}.navigation button{flex-direction:column;gap:3px;text-align:center}.world-meta{color:#77614c}.world-card:nth-child(n) .world-art{background-image:linear-gradient(transparent,#e2ccaa),url('./assets/wafu-courtyard.webp');filter:none}
@media(max-width:640px){.panel{top:calc(12px + env(safe-area-inset-top));bottom:auto;transform:translateX(-50%);max-height:calc(100dvh - 115px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.is-battle .panel{bottom:auto;max-height:calc(100dvh - 30px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}