phenom/i-want-to-heal-mmo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 22 Wiki Activity

Release v0.1.1 2026-07-10

Browse Source
This commit is contained in:
Warren H
2026-07-10 23:47:37 -04:00
parent 537a311f52
commit 6726c600e4
40 changed files with 2987 additions and 192 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles.css
+66 -2
View File
@@ -1335,6 +1335,67 @@ button:focus-visible {
line-height: 1.2;
}
.native-platform[data-display-surface] .native-display-switch {
display: none;
}
.native-platform[data-display-surface="top"] .top-display,
.native-platform[data-display-surface="top"] .front-surface {
width: 100%;
height: 100%;
aspect-ratio: auto;
}
.native-platform[data-display-surface="bottom"] .bottom-display-root,
.native-platform[data-display-surface="bottom"] .bottom-display-root > .bottom-display {
width: 100%;
height: 100%;
min-height: 100%;
}
.native-platform[data-display-surface="bottom"] .bottom-display-root > .bottom-display {
aspect-ratio: auto;
}
.companion-standby {
display: grid;
grid-template-rows: auto 1fr auto;
padding: 6.5% 7%;
background:
radial-gradient(circle at 82% 12%, rgba(94, 199, 176, 0.15), transparent 34%),
linear-gradient(145deg, #091713, #030807 72%);
}
.companion-standby header {
display: flex;
align-items: center;
gap: 12px;
padding-bottom: 4%;
border-bottom: 1px solid var(--line);
}
.companion-standby header > span {
width: 42px;
height: 42px;
display: grid;
place-items: center;
border: 1px solid rgba(232, 200, 114, 0.6);
color: var(--gold);
font-family: "Cinzel", serif;
transform: rotate(45deg);
}
.companion-standby header div { display: grid; gap: 2px; }
.companion-standby header small,
.companion-standby main > small { color: var(--muted); font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; }
.companion-standby header strong { font-family: "Cinzel", serif; font-size: 18px; }
.companion-standby main { align-self: center; }
.companion-standby h1 { margin: 6px 0 8px; font-family: "Cinzel", serif; font-size: clamp(26px, 6cqw, 38px); font-weight: 500; }
.companion-standby p { max-width: 440px; margin: 0; color: #9cb0a8; font-size: clamp(12px, 2.6cqw, 16px); line-height: 1.35; }
.companion-standby em { display: block; margin-top: 12px; color: var(--gold); font-size: 11px; font-style: normal; }
.companion-standby footer { display: flex; gap: 18px; padding-top: 4%; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; text-transform: uppercase; }
.companion-standby footer b { color: var(--ink); }
/* Frontend shell — I Want To Heal */
.front-surface {
@@ -1502,10 +1563,13 @@ button:focus-visible {
.login-copy > span { color: var(--teal); font-size: 9px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; }
.login-copy h1 { width: 390px; margin: 8px 0 9px; font-family: "Cinzel", serif; font-size: 36px; font-weight: 500; line-height: 1.05; }
.login-copy p { width: 390px; margin: 0; color: #96aaa2; font-size: 13px; line-height: 1.45; }
.login-panel { position: absolute; top: 105px; right: 44px; width: 300px; display: grid; gap: 9px; padding: 20px; border: 1px solid rgba(163, 198, 185, 0.22); border-top: 2px solid rgba(232,200,114,0.68); background: linear-gradient(145deg, rgba(14, 31, 26, 0.96), rgba(5, 15, 12, 0.97)); box-shadow: 0 20px 50px rgba(0,0,0,0.35); }
.login-panel { position: absolute; top: 68px; right: 44px; width: 300px; display: grid; gap: 6px; padding: 15px 20px; border: 1px solid rgba(163, 198, 185, 0.22); border-top: 2px solid rgba(232,200,114,0.68); background: linear-gradient(145deg, rgba(14, 31, 26, 0.96), rgba(5, 15, 12, 0.97)); box-shadow: 0 20px 50px rgba(0,0,0,0.35); }
.login-panel label { color: #81978e; font-size: 8px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
.login-panel input { height: 36px; padding: 0 11px; border: 1px solid rgba(155,190,176,0.28); outline: 0; color: #e8f2ee; background: #071310; font: 600 12px "Rajdhani", sans-serif; }
.login-panel input:focus { border-color: var(--gold); box-shadow: 0 0 0 2px rgba(232,200,114,0.12); }
.login-panel input:focus,
.login-panel input.is-controller-focused { border-color: var(--gold); box-shadow: 0 0 0 2px rgba(232,200,114,0.12); }
.login-panel .front-primary,
.login-panel .front-secondary { min-height: 40px; padding-top: 6px; padding-bottom: 6px; }
.login-surface > .front-notice { position: absolute; right: 44px; bottom: 83px; width: 300px; }
.login-surface > .controller-legend { position: absolute; right: 44px; bottom: 47px; }
.login-context { padding: 0; }