/* BIG5たまごっち（2026-09-30）— js/pet-big5.js の画面。ドット絵の見た目（角ばった縁・段の影） */
.pt--big5 .pt__eye,.pt--big5 .pt__axh{color:#2f8a45}
.pt--big5 #ptHatch{display:none!important}
.pt--big5 .pt__ax i b{background:linear-gradient(90deg,#7fd8e6,#5cc26a)}
.b5-pix{image-rendering:pixelated;image-rendering:crisp-edges;width:40px;height:40px;display:block;-webkit-user-drag:none;user-select:none}
.b5-pix--btn{width:24px;height:24px}
.b5-pix--card{width:40px;height:40px;flex:0 0 40px}
.b5-pix--sm{width:18px;height:18px;display:inline-block;vertical-align:-3px;margin-right:4px}

/* 帯 */
.b5-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 4px}
.b5-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 7px;border:3px solid #3b2b44;border-radius:4px;background:#fffbe8;color:#3b2b44;font:inherit;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 3px 0 #3b2b44;line-height:1.25;min-height:64px}
.b5-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #3b2b44}
.b5-btn--game{background:#e8f8ec}.b5-btn--peek{background:#eef6ff}.b5-btn--tree{background:#fff3e0}
.b5-btn em{font-style:normal;font-size:10.5px;background:#ff6f91;color:#fff;border-radius:3px;padding:1px 5px}
.b5-btn em.is-off{background:#e6e0ee;color:#6e5f86}.b5-btn em.is-new{background:#2f8a45}
.b5-gen{font-size:12px;color:#6e5f86;text-align:center;margin:4px 0 8px}
.b5-glow{color:#c79a1e;text-shadow:0 0 6px rgba(246,207,73,.8)}
.b5-note{font-size:12.5px;line-height:1.7;color:#5a4a70;margin:0 0 10px}

/* ひかる個体（見た目だけ） */
.b5-shiny #ptAnim{filter:drop-shadow(0 0 6px #ffe27a) drop-shadow(0 0 2px #fff) saturate(1.15)}
.b5-shiny .pt__scene::after{content:"✦";position:absolute;right:18%;top:14%;color:#f6cf49;font-size:22px;text-shadow:0 0 8px #fff;animation:b5tw 1.6s ease-in-out infinite;pointer-events:none}
@keyframes b5tw{0%,100%{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}}

/* ゲームの一覧 */
.b5-games{display:grid;gap:8px}
.b5-gcard{display:flex;align-items:center;gap:10px;text-align:left;padding:10px;border:3px solid #3b2b44;border-left:8px solid var(--ax,#5cc26a);border-radius:4px;background:#fff;font:inherit;color:#3b2b44;cursor:pointer;box-shadow:0 3px 0 #3b2b44}
.b5-gcard:active{transform:translateY(2px);box-shadow:0 1px 0 #3b2b44}
.b5-gcard__t{flex:1;min-width:0}.b5-gcard__t b{display:block;font-size:14px}.b5-gcard__t small{display:block;font-size:11.5px;color:#6e5f86;line-height:1.45}
.b5-gcard__m{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:10.5px;white-space:nowrap}
.b5-gcard__m i{font-style:normal;color:#fff;background:var(--ax,#5cc26a);padding:1px 6px;border-radius:3px;font-weight:800}
.b5-gcard__m em{font-style:normal;color:#6e5f86}

/* ゲームの器 */
#ptSheet.b5-gsheet{max-height:94vh;max-height:94dvh}
.b5-game{user-select:none;-webkit-user-select:none;touch-action:manipulation}
.b5-hud{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:13px;font-weight:800}
.b5-hud__pet{width:44px;height:44px;flex:0 0 44px;image-rendering:pixelated;background-repeat:no-repeat;border:2px solid #3b2b44;border-radius:4px;background-color:#fffbe8}
.b5-hud__s{flex:1}.b5-hud__s b{font-size:20px;color:var(--ax,#2f8a45)}
.b5-hud__t{color:#6e5f86}
.b5-stage{position:relative;height:min(330px,50vh);min-height:250px;border:3px solid #3b2b44;border-radius:4px;overflow:hidden;background:repeating-linear-gradient(0deg,#fffdf2 0 8px,#fbf6df 8px 16px)}
.b5-tip{font-size:12px;line-height:1.6;color:#5a4a70;margin:6px 0 0;min-height:2.4em}
.b5-count{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:900;color:#3b2b44;text-shadow:3px 3px 0 #f6cf49;animation:b5pop .5s ease-out}
@keyframes b5pop{0%{transform:scale(1.8);opacity:0}100%{transform:scale(1);opacity:1}}
.b5-pop{position:absolute;z-index:5;font-size:13px;font-weight:900;color:#3b2b44;background:#fff;border:2px solid #3b2b44;border-radius:3px;padding:1px 6px;pointer-events:none;white-space:nowrap;animation:b5up .7s ease-out forwards}
.b5-pop.is-ok{background:#e8f8ec;color:#2f8a45}.b5-pop.is-ng{background:#ffe6ea;color:#a82f3a}
@keyframes b5up{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-26px);opacity:0}}
.b5-bar2{position:absolute;left:8px;right:8px;bottom:8px;height:8px;border:2px solid #3b2b44;background:#fff}.b5-bar2 i{display:block;height:100%;background:var(--ax,#5cc26a)}

/* はじめて見たのはどれ？ */
.b5-shin{position:absolute;inset:8px 8px 24px;display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:6px;align-content:center}
.b5-shin button{aspect-ratio:1;max-height:72px;border:3px solid #3b2b44;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 3px 0 #3b2b44}
.b5-shin button .b5-pix{width:70%;height:70%}
.b5-shin button.is-ok{background:#c9f1d2}.b5-shin button.is-ng{background:#ffc9d2}.b5-shin button.is-ans{background:#fff1a8;animation:b5blink .3s steps(2) 3}
@keyframes b5blink{50%{background:#fff}}

/* おかたづけ */
.b5-kata{position:absolute;inset:0;display:flex;flex-direction:column}
.b5-kata__sky{position:relative;flex:1;overflow:hidden}
.b5-fall{position:absolute;top:0;width:48px;height:48px}.b5-fall .b5-pix{width:48px;height:48px}
.b5-kata__boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;background:#c89a6a;border-top:3px solid #3b2b44}
.b5-kata__boxes button{border:3px solid #3b2b44;border-radius:3px;background:#f3d9b0;padding:4px 2px;font:inherit;font-size:11.5px;font-weight:800;color:#3b2b44;cursor:pointer;box-shadow:0 3px 0 #6b4424;min-height:60px}
.b5-kata__boxes button:active{transform:translateY(2px);box-shadow:0 1px 0 #6b4424}
.b5-kata__boxes span{display:flex;justify-content:center;gap:2px}.b5-kata__boxes .b5-pix{width:22px;height:22px}

/* ハイタッチ */
.b5-hai{position:absolute;inset:0;background:linear-gradient(#bfe8ff 0 62%,#8fd18a 62% 64%,#6fbf6a 64%)}
.b5-hai__zone{position:absolute;left:62px;width:60px;top:22%;height:44%;border:3px dashed #f39a3a;border-radius:6px;background:rgba(246,207,73,.25);animation:b5z 1s steps(2) infinite}
@keyframes b5z{50%{background:rgba(246,207,73,.45)}}
.b5-hai__me{position:absolute;left:0;top:26%;width:64px;height:64px;background-repeat:no-repeat;image-rendering:pixelated}
.b5-hai__me.is-pop{animation:b5hop .3s ease-out}
@keyframes b5hop{50%{transform:translateY(-10px)}}
.b5-hai__fr{position:absolute;left:0;top:25%;width:64px;height:64px;background-repeat:no-repeat;image-rendering:pixelated}
.b5-hai__fr.is-hit{animation:b5hit .38s ease-out forwards}.b5-hai__fr.is-miss{opacity:.35}
@keyframes b5hit{to{opacity:0;margin-top:-30px}}
.b5-hai__btn{position:absolute;left:10px;right:10px;bottom:10px;height:58px;border:3px solid #3b2b44;border-radius:4px;background:#ffd970;color:#3b2b44;font:inherit;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 4px 0 #3b2b44;touch-action:manipulation}
.b5-hai__btn:active,.b5-hai__btn.is-on{transform:translateY(3px);box-shadow:0 1px 0 #3b2b44;background:#ffc93d}

/* はんぶんこ */
.b5-han{position:absolute;inset:0}
.b5-han__plate{position:absolute;left:4%;right:4%;top:18%;height:40%;border-radius:50%/30%;background:#fff;border:3px solid #3b2b44}
.b5-han__snack{position:absolute;top:30%;height:40%;border:3px solid #3b2b44;border-radius:3px;background:repeating-linear-gradient(90deg,#f3c982 0 8px,#e9b56a 8px 16px)}
.b5-han--cake{background:linear-gradient(#fff 0 30%,#f59ac0 30% 42%,#fff1d0 42%)}.b5-han--roll{background:repeating-linear-gradient(90deg,#9b6a3c 0 6px,#fff1d0 6px 14px);border-radius:14px}
.b5-han__snack.is-cut::after{content:"";position:absolute;top:-8px;bottom:-8px;left:var(--cut,50%);width:4px;margin-left:-2px;background:#3b2b44}
.b5-han__knife{position:absolute;top:0;bottom:0;width:4px;margin-left:-2px;background:#8a8298}
.b5-han__knife::before{content:"";position:absolute;left:-7px;top:-4px;width:18px;height:22px;background:#d9d4e6;border:2px solid #3b2b44;border-radius:2px 2px 8px 8px}
.b5-han__log{position:absolute;left:8px;right:8px;top:62%;display:flex;gap:6px;justify-content:center}
.b5-han__log i{font-style:normal;font-weight:900;font-size:13px;background:#fff;border:2px solid #3b2b44;border-radius:3px;padding:1px 6px}
.b5-han__log i.is-ok{background:#c9f1d2}.b5-han__log i.is-ng{background:#ffc9d2}

/* こころのシーソー */
.b5-koko{position:absolute;inset:0;display:flex;gap:10px;padding:10px}
.b5-koko__meter{position:relative;width:70px;flex:0 0 70px;border:3px solid #3b2b44;border-radius:4px;background:linear-gradient(#ffd3dc,#fff 50%,#d6ecff)}
.b5-koko__band{position:absolute;left:0;right:0;background:rgba(92,194,106,.55);border-top:3px solid #2f8a45;border-bottom:3px solid #2f8a45}
.b5-koko__dot{position:absolute;left:50%;width:32px;height:32px;margin-left:-16px}.b5-koko__dot .b5-pix{width:32px;height:32px}
.b5-koko__dot.is-in{filter:drop-shadow(0 0 5px #fff)}
.b5-koko__side{position:relative;flex:1;text-align:center}
.b5-koko__pct{font-size:14px;margin:20px 0 0}.b5-koko__pct b{font-size:40px;color:#2f8a45}
.b5-koko__lbl{font-size:12px;color:#6e5f86;margin:0}
.b5-koko__btn{left:0;right:0;bottom:0;height:90px;font-size:15px}

/* 結果 */
.b5-res{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;background:rgba(255,253,242,.96)}
.b5-res__stars{font-size:38px;letter-spacing:4px;margin:0;color:#c79a1e;text-shadow:2px 2px 0 #3b2b44;animation:b5pop .5s ease-out}
.b5-res__sc{margin:2px 0 6px;font-size:14px}.b5-res__sc b{font-size:26px}
.b5-res__msg{font-size:13px;line-height:1.7;margin:0 0 10px;min-height:3em}
.b5-res__row{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin:0}

/* せいかくしんだん */
.b5-peek{border:3px solid #3b2b44;border-top:8px solid var(--ax,#5cc26a);border-radius:4px;padding:10px;margin:0 0 10px;background:#fff}
.b5-peek__q{font-size:13px;font-weight:800;margin:0 0 6px}
.b5-peek__a{display:flex;align-items:center;gap:8px}
.b5-peek__pet{width:56px;height:56px;flex:0 0 56px;background-repeat:no-repeat;image-rendering:pixelated}
.b5-peek__say{flex:1;margin:0;background:#fffbe8;border:2px solid #3b2b44;border-radius:6px;padding:8px 10px;font-size:14px;font-weight:700}
.b5-meter{display:flex;align-items:center;gap:6px;font-size:11px;margin:10px 0 2px;color:#5a4a70}
.b5-meter i{position:relative;flex:1;height:14px;border:2px solid #3b2b44;background:#f3edff}
.b5-meter b{position:absolute;top:0;bottom:0;background:var(--ax,#5cc26a);opacity:.75;filter:blur(1.5px)}
.b5-meter u{position:absolute;left:50%;top:-4px;bottom:-4px;width:2px;background:#3b2b44}
.b5-peek__lv{font-size:12px;margin:2px 0 0;text-align:center}

/* 家系図 */
.b5-tree__head{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 8px}
.b5-tree__head p{margin:0;border:3px solid #3b2b44;border-radius:4px;text-align:center;padding:6px;background:#fffbe8}
.b5-tree__head b{font-size:24px}.b5-tree__head small{display:block;font-size:11px;color:#6e5f86}
.b5-his{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 10px}
.b5-his span{font-size:10.5px;border:2px solid var(--ax);border-radius:3px;padding:1px 5px}.b5-his b{margin-left:4px}
.b5-tree{list-style:none;margin:0;padding:0 0 0 14px;border-left:4px solid #2f8a45}
.b5-tree li{position:relative;display:flex;gap:10px;align-items:center;margin:0 0 10px;padding:6px;border:3px solid #3b2b44;border-radius:4px;background:#fff}
.b5-tree li::before{content:"";position:absolute;left:-18px;top:50%;width:14px;height:4px;background:#2f8a45}
.b5-tree li.is-shiny{background:#fffbe0;box-shadow:0 0 0 2px #f6cf49 inset}
.b5-tree__art{width:64px;height:64px;flex:0 0 64px;background-repeat:no-repeat;image-rendering:pixelated;font-size:36px;text-align:center;line-height:64px}
.b5-tree__t{min-width:0}.b5-tree__t em{font-style:normal;font-size:11px;color:#2f8a45;font-weight:800}.b5-tree__t b{display:block;font-size:14px}.b5-tree__t small{display:block;font-size:11px;color:#6e5f86}
@media (prefers-reduced-motion:reduce){.b5-shiny .pt__scene::after,.b5-hai__zone{animation:none}}