333/tarinai
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed issues

Browse source
This commit is contained in:
33333-33333 2026-06-20 15:55:52 +09:00
commit aea08dc3fb
25 changed files with 1625 additions and 513 deletions
Download patch file Download diff file Expand all files Collapse all files

152
css/styles.css
View file

@ -554,6 +554,32 @@ meter {
accent-color: var(--accent);
}
.selected-card.hidden { display: none; }
.selected-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-bottom: 8px;
}
.selected-head h2 { margin-bottom: 0; }
.selected-close {
width: 28px;
height: 28px;
border: 1px solid rgba(84,68,48,0.16);
border-radius: 999px;
background: rgba(255,255,255,0.76);
color: rgba(76,58,42,0.78);
font-size: 20px;
line-height: 24px;
cursor: pointer;
display: grid;
place-items: center;
padding: 0;
}
.selected-close:hover { background: #fff; }
.selected-info {
font-size: 13px;
line-height: 1.55;
@ -1068,13 +1094,13 @@ body::before {
max-width: min(220px, calc(100vw - 16px));
padding: 7px 9px;
border-radius: 10px;
background: rgba(46, 38, 30, 0.20);
background: rgba(46, 38, 30, 0.78);
color: #fff8e6;
font-family: "Yomogi", "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;
font-size: 12px;
line-height: 1.45;
box-shadow: 0 10px 28px rgba(40, 32, 22, 0.26);
backdrop-filter: blur(2px);
box-shadow: 0 10px 28px rgba(40, 32, 22, 0.18);
backdrop-filter: blur(1px);
text-shadow: 0 1px 3px rgba(25, 18, 12, 0.55);
pointer-events: none;
}
@ -1154,3 +1180,123 @@ body::before {
content: "";
background: none;
}
/* Tool UI icons: use in-game styled image assets instead of emoji glyphs. */
.tool[data-tool="love_mochi"] { --tool-icon: url("../assets/ui/tool_love_mochi.png"); }
.tool[data-tool="fight_mochi"] { --tool-icon: url("../assets/ui/tool_fight_mochi.png"); }
.tool[data-tool="water_bowl"] { --tool-icon: url("../assets/ui/tool_water_bowl.png"); }
.tool[data-tool="sleep_drug"] { --tool-icon: url("../assets/ui/tool_sleep_drug.png"); }
.tool[data-tool="nest_box"] { --tool-icon: url("../assets/ui/tool_nest_box.png"); }
.tool[data-tool="water_hose"] { --tool-icon: url("../assets/ui/tool_water_hose.png"); }
.tool[data-tool="ball"] { --tool-icon: url("../assets/ui/tool_ball.png"); }
.tool[data-tool="love_mochi"]::before,
.tool[data-tool="fight_mochi"]::before,
.tool[data-tool="water_bowl"]::before,
.tool[data-tool="sleep_drug"]::before,
.tool[data-tool="nest_box"]::before,
.tool[data-tool="water_hose"]::before,
.tool[data-tool="ball"]::before {
content: "";
position: absolute;
left: 7px;
top: 50%;
width: 30px;
height: 30px;
transform: translateY(-50%);
background: var(--tool-icon) center / contain no-repeat;
opacity: 0.92;
filter: drop-shadow(0 2px 3px rgba(52,40,26,0.12));
line-height: normal;
text-align: initial;
overflow: visible;
}
.tool[data-tool="love_mochi"]::after,
.tool[data-tool="fight_mochi"]::after,
.tool[data-tool="water_bowl"]::after,
.tool[data-tool="sleep_drug"]::after,
.tool[data-tool="nest_box"]::after,
.tool[data-tool="water_hose"]::after,
.tool[data-tool="ball"]::after {
content: "";
position: absolute;
inset: 0;
width: auto;
height: auto;
left: auto;
right: auto;
top: auto;
bottom: auto;
transform: none;
background: var(--tool-icon) right -8px center / 54px 54px no-repeat;
opacity: 0.10;
pointer-events: none;
font-size: initial;
line-height: normal;
}
/* 15.2.0: replace legacy poke/pinch PNG icons with emoji glyphs. */
.tool[data-tool="poke"],
.tool[data-tool="pinch"] { --tool-icon: none; }
.tool[data-tool="poke"]::before,
.tool[data-tool="pinch"]::before {
background: none;
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
font-size: 24px;
line-height: 30px;
text-align: center;
display: block;
opacity: 0.96;
}
.tool[data-tool="poke"]::before { content: "👈"; }
.tool[data-tool="pinch"]::before { content: "🤏"; }
.tool[data-tool="poke"]::after,
.tool[data-tool="pinch"]::after {
background: none;
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
font-size: 46px;
line-height: 54px;
text-align: center;
opacity: 0.10;
right: -6px;
left: auto;
top: 50%;
bottom: auto;
transform: translateY(-50%);
width: 54px;
height: 54px;
}
.tool[data-tool="poke"]::after { content: "👈"; }
.tool[data-tool="pinch"]::after { content: "🤏"; }
.tool[data-tool="poke"] span,
.tool[data-tool="pinch"] span { display: none; }
/* 15.3.0: shower uses emoji; nest box and fences use appearance-matched assets/hitboxes. */
.tool[data-tool="water_hose"] { --tool-icon: none; }
.tool[data-tool="water_hose"]::before {
content: "🚿";
background: none;
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
font-size: 24px;
line-height: 30px;
text-align: center;
display: block;
opacity: 0.96;
}
.tool[data-tool="water_hose"]::after {
content: "🚿";
background: none;
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
font-size: 46px;
line-height: 54px;
text-align: center;
opacity: 0.10;
right: -6px;
left: auto;
top: 50%;
bottom: auto;
transform: translateY(-50%);
}