Android build v1.1.12

This commit is contained in:
Warren H
2026-07-03 00:28:38 -04:00
parent c6e2c61d0a
commit b7cb572631
33 changed files with 1772 additions and 305 deletions
+443 -26
View File
@@ -1042,6 +1042,8 @@ html[data-input-device='controller'] [data-game-nav-active='true'] [tabindex]:fo
.dual-controls-resource,
.dual-controls-targets,
.dual-controls-spells,
.setup-bottom-summary,
.setup-bottom-stats,
.dual-bottom-waiting > section {
background: var(--panel);
border: 3px solid #0c0d11;
@@ -1166,8 +1168,69 @@ html[data-input-device='controller'] [data-game-nav-active='true'] [tabindex]:fo
.dual-controls-progress {
color: var(--muted);
display: grid;
gap: 4px;
font-family: var(--pixel-font);
font-size: 7px;
text-align: right;
}
.setup-bottom-display {
grid-template-rows: auto minmax(0, 1fr) auto;
}
.setup-bottom-summary {
align-items: start;
display: grid;
gap: 12px;
grid-template-columns: 82px minmax(0, 1fr);
min-height: 0;
padding: 12px;
}
.setup-bottom-summary .dungeon-art {
height: 78px;
width: 78px;
}
.setup-bottom-summary h2 {
font-size: 14px;
}
.setup-bottom-summary p:not(.eyebrow),
.setup-bottom-summary small {
color: var(--muted);
display: block;
font-size: 16px;
line-height: 1.15;
margin-top: 6px;
}
.setup-bottom-stats {
display: grid;
gap: 8px;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin: 0;
padding: 10px;
}
.setup-bottom-stats > div {
background: #111217;
border: 2px solid #090a0d;
padding: 8px;
text-align: center;
}
.setup-bottom-stats dt {
color: var(--muted);
font-size: 13px;
}
.setup-bottom-stats dd {
color: var(--ink);
font-family: var(--pixel-font);
font-size: 9px;
margin: 4px 0 0;
}
.dual-controls-resource {
@@ -1256,7 +1319,9 @@ html[data-input-device='controller'] [data-game-nav-active='true'] [tabindex]:fo
.dual-controls-header,
.dual-controls-resource,
.dual-controls-targets,
.dual-controls-spells {
.dual-controls-spells,
.setup-bottom-summary,
.setup-bottom-stats {
border-width: 2px;
width: 100%;
}
@@ -1284,6 +1349,47 @@ html[data-input-device='controller'] [data-game-nav-active='true'] [tabindex]:fo
font-size: 6px;
}
.setup-bottom-summary {
gap: 8px;
grid-template-columns: 58px minmax(0, 1fr);
padding: 8px;
}
.setup-bottom-summary .dungeon-art {
font-size: 13px;
height: 54px;
width: 54px;
}
.setup-bottom-summary h2 {
font-size: 11px;
line-height: 1.2;
}
.setup-bottom-summary p:not(.eyebrow),
.setup-bottom-summary small {
font-size: 13px;
line-height: 1.1;
margin-top: 4px;
}
.setup-bottom-stats {
gap: 5px;
padding: 5px;
}
.setup-bottom-stats > div {
padding: 5px 4px;
}
.setup-bottom-stats dt {
font-size: 10px;
}
.setup-bottom-stats dd {
font-size: 7px;
}
.dual-controls-resource {
gap: 8px;
grid-template-columns: minmax(110px, 0.8fr) minmax(150px, 1.2fr);
@@ -1813,13 +1919,19 @@ h2 {
}
.dungeon-run-main {
gap: 14px;
gap: 10px;
}
.dungeon-setup-rail {
gap: 10px;
}
.dungeon-heading-actions {
align-items: center;
display: flex;
gap: 10px;
}
.message-panel {
align-items: center;
display: flex;
@@ -1891,11 +2003,31 @@ h2 {
margin-bottom: 16px;
}
.roguelike-screen {
gap: 12px;
}
.roguelike-screen .screen-heading {
flex: 0 0 auto;
}
.roguelike-screen > .roguelike-variant-row,
.roguelike-screen > .roguelike-option-panel,
.roguelike-screen > .pvp-queue-panel {
flex: 0 0 auto;
margin-bottom: 0;
margin-top: 0;
}
.roguelike-option-panel {
align-items: center;
background: #111319;
border: 2px solid #090a0d;
display: flex;
gap: 16px;
justify-content: space-between;
outline: 2px solid #41404a;
padding: 14px;
}
.roguelike-timing-row {
@@ -1917,6 +2049,14 @@ h2 {
white-space: nowrap;
}
.roguelike-screen .pvp-queue-panel {
min-height: 104px;
}
.roguelike-screen .text-button {
min-height: 38px;
}
.menu-card {
align-items: center;
background: var(--panel-light);
@@ -2077,6 +2217,17 @@ h2 {
outline-color: var(--gold);
}
.settings-back-button.game-selected,
.settings-tabs button.game-selected,
.dual-screen-actions button.game-selected,
.controller-preferences button.game-selected,
.binding-tabs button.game-selected,
.binding-list button.game-selected,
.settings-footer .text-button.game-selected,
.binding-capture button.game-selected {
color: var(--ink);
}
.settings-screen,
.equipment-screen,
.talent-screen,
@@ -2701,7 +2852,7 @@ h2 {
}
.dungeon-run-board {
grid-template-columns: minmax(0, 1fr) minmax(214px, 0.45fr);
grid-template-columns: minmax(0, 1fr) 292px;
}
.dungeon-run-screen .run-setup-panel,
@@ -2766,20 +2917,20 @@ h2 {
}
.dungeon-choice-grid {
grid-auto-rows: minmax(52px, max-content);
grid-auto-rows: minmax(72px, max-content);
}
.dungeon-choice-grid .activity-card {
gap: 4px 6px;
grid-template-columns: 34px minmax(0, 1fr);
min-height: 52px;
padding: 5px;
gap: 5px 7px;
grid-template-columns: 40px minmax(0, 1fr);
min-height: 72px;
padding: 6px;
}
.dungeon-choice-grid .activity-card .dungeon-art {
font-size: 10px;
height: 32px;
width: 32px;
height: 38px;
width: 38px;
}
.dungeon-choice-grid .activity-card small,
@@ -2790,7 +2941,7 @@ h2 {
}
.tier-setup-panel .tier-grid button {
min-height: 32px;
min-height: 34px;
padding: 4px 5px;
}
@@ -2800,7 +2951,7 @@ h2 {
.part-setup-panel .primary-button {
font-size: 7px;
min-height: 32px;
min-height: 36px;
padding: 4px 5px;
}
@@ -2835,11 +2986,46 @@ h2 {
font-size: 12px;
padding: 5px 7px;
}
.dungeon-heading-actions {
gap: 6px;
}
.roguelike-screen {
gap: 7px;
padding: 8px;
}
.roguelike-screen .screen-heading {
padding-bottom: 6px;
}
.roguelike-screen .roguelike-option-panel {
padding: 8px;
}
.roguelike-screen .pvp-queue-panel {
min-height: 76px;
}
.roguelike-screen .menu-card > span {
flex-basis: 38px;
height: 38px;
}
.roguelike-screen .menu-card small {
font-size: 13px;
}
.roguelike-screen .text-button {
min-height: 30px;
padding: 5px 8px;
}
}
@media (max-width: 700px) and (max-height: 620px) {
.dungeon-run-board {
grid-template-columns: minmax(0, 1fr) 214px;
grid-template-columns: minmax(0, 1fr) 292px;
overflow: hidden;
}
@@ -5170,6 +5356,15 @@ h2 {
outline-color: var(--gold);
}
.customize-tabs button.game-selected,
.class-picker > button.game-selected,
.ability-slots button.game-selected,
.ability-library-actions button.game-selected,
.ability-library > button.game-selected,
.save-row .primary-button.game-selected {
color: var(--ink);
}
.customize-tab-back {
display: none;
}
@@ -5265,6 +5460,24 @@ h2 {
margin-top: 20px;
}
.ability-library-actions {
align-items: center;
display: flex;
gap: 8px;
}
.ability-library-pager {
align-items: center;
display: flex;
gap: 6px;
}
.ability-library-pager > span {
color: var(--muted);
font-family: var(--pixel-font);
font-size: 8px;
}
.loadout-heading > span,
.save-row > span {
color: var(--muted);
@@ -6322,6 +6535,15 @@ h2 {
padding: 8px;
}
.pvp-match-queue-panel {
gap: 14px;
}
.pvp-match-queue-panel .secondary-result-button {
margin: 0 auto;
max-width: 220px;
}
.pvp-screen-tools {
align-items: center;
display: flex;
@@ -6596,10 +6818,77 @@ h2 {
box-shadow: inset 0 0 0 2px #6e5727;
}
.pvp-upgrade-dialog .upgrade-choice-grid button.game-selected,
.pvp-upgrade-dialog .secondary-result-button.game-selected,
.pause-screen button.game-selected,
.pvp-match-queue-panel button.game-selected {
box-shadow: 0 0 0 3px rgba(245, 196, 83, 0.45), inset 0 0 0 2px var(--gold);
}
.pvp-upgrade-dialog > .secondary-result-button {
display: block;
margin-left: auto;
margin-top: 10px;
width: fit-content;
}
.pvp-upgrade-dialog button:focus {
outline-color: var(--gold);
}
@media (max-height: 620px) {
.pvp-upgrade-dialog {
max-height: calc(100dvh - 32px);
overflow: hidden;
padding: 10px !important;
}
.pvp-upgrade-header {
margin-bottom: 8px;
}
.pvp-upgrade-header h2 {
font-size: 14px;
}
.pvp-upgrade-header > strong {
font-size: 12px;
}
.pvp-upgrade-dialog .pvp-choice-columns {
gap: 8px;
}
.pvp-choice-columns > div > strong {
margin-bottom: 6px;
}
.pvp-choice-columns .upgrade-choice-grid {
gap: 7px;
}
.pvp-choice-columns .upgrade-choice-grid button {
min-height: 54px;
padding: 6px;
}
.pvp-upgrade-dialog .upgrade-choice-grid strong {
font-size: 8px;
}
.pvp-upgrade-dialog .upgrade-choice-grid small {
font-size: 10px;
line-height: 1.1;
}
.pvp-upgrade-dialog .secondary-result-button {
margin-left: auto;
margin-top: 8px;
min-height: 34px;
padding: 6px 10px;
}
}
.stadium-screen {
min-height: 100dvh;
}
@@ -6775,6 +7064,13 @@ h2 {
margin-top: 12px;
}
.result-screen .pvp-upgrade-dialog > .secondary-result-button {
display: block;
margin-left: auto;
margin-top: 10px;
width: fit-content;
}
.pause-screen button:focus-visible {
outline: 3px solid #fff4a8 !important;
box-shadow: 0 0 0 5px #8b6726, 0 0 18px rgba(229, 185, 95, 0.65);
@@ -7118,6 +7414,7 @@ h2 {
}
.settings-screen {
gap: 8px;
padding: 10px;
}
@@ -7145,21 +7442,26 @@ h2 {
scrollbar-width: thin;
}
.settings-screen .settings-tab-panel {
overflow: hidden;
}
.dual-screen-settings,
.controller-preferences {
gap: 10px;
margin: 8px 0 0;
padding: 10px;
gap: 16px;
margin: 10px 0 0;
padding: 16px;
}
.dual-screen-settings.settings-tab-panel,
.controller-preferences.settings-tab-panel {
flex: 0 0 auto;
flex: 1 1 auto;
}
.dual-screen-settings {
align-items: start;
grid-template-columns: minmax(0, 1fr) minmax(214px, auto);
align-content: start;
grid-template-columns: minmax(0, 1fr) minmax(238px, auto);
}
.dual-screen-settings h2,
@@ -7181,20 +7483,20 @@ h2 {
.dual-screen-actions {
align-content: start;
align-self: start;
gap: 7px;
min-width: 214px;
gap: 10px;
min-width: 238px;
}
.dual-screen-actions button,
.controller-preferences button {
min-height: 32px;
padding: 5px 8px;
min-height: 46px;
padding: 8px 12px;
}
.controller-preferences {
align-items: stretch;
align-content: start;
grid-template-columns: minmax(0, 1fr) repeat(2, minmax(158px, auto));
grid-template-columns: minmax(0, 1fr) repeat(2, minmax(176px, auto));
}
.controller-preferences h3 {
@@ -7206,9 +7508,9 @@ h2 {
}
.controller-icon-options {
gap: 6px;
grid-template-columns: minmax(112px, 1fr) repeat(3, minmax(104px, auto));
padding: 6px;
gap: 8px;
grid-template-columns: minmax(130px, 1fr) repeat(3, minmax(120px, auto));
padding: 10px;
}
.controller-icon-options > span {
@@ -7218,6 +7520,7 @@ h2 {
.controller-icon-options button {
font-size: 6px;
gap: 5px;
min-height: 38px;
}
.controller-style-preview .controller-face-icon {
@@ -7253,6 +7556,7 @@ h2 {
.binding-list {
gap: 4px;
padding-right: 4px;
overflow-y: auto;
}
.binding-list button {
@@ -9402,6 +9706,25 @@ h2 {
margin-top: 6px;
}
.workshop-shell .ability-library-heading {
gap: 8px;
}
.workshop-shell .ability-library-actions,
.workshop-shell .ability-library-pager {
gap: 5px;
}
.workshop-shell .ability-library-actions .text-button {
font-size: 7px;
min-height: 28px;
padding: 4px 7px;
}
.workshop-shell .ability-library-pager > span {
font-size: 7px;
}
.workshop-shell .ability-slots {
gap: 5px;
margin-top: 5px;
@@ -9713,6 +10036,15 @@ h2 {
gap: 14px;
}
.hunter-profile-screen .back-button.game-selected,
.hunter-profile-screen .equipment-tab.game-selected,
.hunter-stat-tile.game-selected,
.collection-boss-button.game-selected,
.collection-drop-row.game-selected {
color: var(--ink);
outline-color: #fff4a8;
}
.hunter-profile-heading {
align-items: center;
}
@@ -9755,6 +10087,7 @@ h2 {
.collection-log-layout {
display: grid;
flex: 1;
grid-template-columns: 250px minmax(0, 1fr);
gap: 14px;
min-height: 0;
@@ -9772,6 +10105,8 @@ h2 {
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 6px;
min-height: 0;
overflow: auto;
padding: 2px;
}
.collection-boss-list {
@@ -9833,6 +10168,7 @@ h2 {
min-height: 0;
flex-direction: column;
gap: 10px;
overflow: hidden;
padding: 12px;
border: 1px solid rgba(229, 185, 95, 0.2);
border-radius: 8px;
@@ -9910,6 +10246,10 @@ h2 {
opacity: 0.46;
}
.collection-drop-row.missing.game-selected {
opacity: 1;
}
.collection-drop-row.missing > span {
background: rgba(238, 232, 210, 0.08);
color: rgba(238, 232, 210, 0.54);
@@ -10005,3 +10345,80 @@ h2 {
max-height: 190px;
}
}
@media (max-width: 1000px) and (max-height: 620px) {
.hunter-profile-screen {
gap: 10px;
margin-top: 0;
padding: 12px;
}
.hunter-profile-heading {
padding-bottom: 10px;
}
.hunter-profile-tabs {
gap: 6px;
margin-top: 0;
}
.hunter-profile-screen .equipment-tab,
.hunter-profile-screen .back-button {
min-height: 34px;
padding: 6px 10px;
}
.hunter-stat-grid {
gap: 8px;
}
.hunter-stat-tile {
min-height: 92px;
padding: 10px;
}
.hunter-stat-tile strong {
font-size: 1.05rem;
}
.collection-log-layout {
gap: 10px;
grid-template-columns: 198px minmax(0, 1fr);
}
.collection-boss-list {
gap: 6px;
max-height: none;
}
.collection-boss-button {
grid-template-columns: 32px minmax(0, 1fr);
min-height: 46px;
padding: 6px;
}
.collection-boss-button > span {
width: 32px;
height: 32px;
font-size: 0.68rem;
}
.collection-boss-detail {
padding: 8px;
}
.collection-drop-list {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.collection-drop-row {
grid-template-rows: 20px minmax(24px, 1fr) auto auto;
min-height: 72px;
padding: 5px;
}
.collection-drop-row > span {
width: 20px;
height: 20px;
}
}