/* 共通の部品 v3：右の縦の余白と右下の札（2026-10-19 カズ137）。色は game.css の変数を使う */
.side{display:grid;gap:12px;min-width:0}
.kp-s{padding:12px;display:grid;gap:8px;min-width:0}
.kp-s h3{font-size:16px;color:var(--gold);text-shadow:2px 2px 0 #000}
.kp-s p{margin:0;font-size:13px;color:var(--ink2);line-height:1.6}
.kp-img{display:block;line-height:0;transition:transform .15s,filter .15s}
.kp-img img{display:block;width:100%;height:auto;image-rendering:auto;box-shadow:0 0 0 2px #06101a}
.kp-img:hover{transform:translateY(-3px);filter:brightness(1.08)}
.kp-bn{margin-top:2px}
.kp-row{display:flex;flex-wrap:wrap;gap:8px}
.kp-prtag{font:11px var(--f-dot);color:#2b1a00;background:var(--gold);padding:0 5px;margin-left:8px;vertical-align:2px;text-shadow:none}
.kp-x .twitter-tweet{margin:0!important}
.kp-x blockquote.twitter-tweet{margin:0;padding:0;border:0}
.kp-x blockquote.twitter-tweet a{font:13px var(--f-dot);color:var(--line)}
.kp-link{display:grid;gap:0;text-decoration:none;color:var(--ink);padding:6px 8px;background:#06101a;box-shadow:inset 0 0 0 2px var(--frame);transition:transform .15s}
.kp-link:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 2px var(--frame-hi)}
.kp-link b{font-size:15px;color:var(--ink)}.kp-link span{font-size:12px;color:var(--mut)}
.kp-by{font-family:var(--f-dot)}
.kp-badge{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:50;display:inline-flex;align-items:center;gap:8px;font:14px var(--f-dot);color:#2b1a00;text-decoration:none;background:linear-gradient(180deg,#fff1c2,#e8b84a 60%,#c8860a);border:3px solid #6b4a0a;box-shadow:0 4px 0 #6b4a0a;padding:7px 8px 7px 12px;opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s}
.kp-badge.on{opacity:1;transform:none}.kp-badge.on:hover{transform:translateY(-3px)}
.kp-badge.away{opacity:0!important;transform:translateY(12px)!important;pointer-events:none}
.kp-badge .x{font:13px var(--f-dot);background:#2b1a00;color:#fff1c2;border:0;width:22px;height:22px;cursor:pointer;padding:0}
@media (max-width:980px){.side{position:static;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}
.kp-tv #tvw:empty{display:none}

/* ===== 2026-10-20 カズ159：白が基本（右の余白・札・上の帯・下の追従の帯・金色のボタン） ===== */
.kp-s{background:#f7fcfd;border:2px solid #8fd3e6;color:#212121}.kp-s h3{color:#8a5a00}.kp-s p{color:#3a3a44}.kp-link{background:#fff;color:#212121;border-color:#cfe8f0}.kp-link b{color:#8a5a00}.kp-link span{color:#5c5c66}.kp-link:hover{border-color:#8fd3e6}
.kp-badge{background:#ffe896;color:#212121;border:2px solid #f4c44f}.kp-prtag{background:#f0f0f1;color:#5c5c66}
.kp-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;background:#fff;border-bottom:2px solid #e3f4f9;font-family:"Zen Kaku Gothic New","Hiragino Sans",sans-serif}.kp-top .brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#212121;font-weight:800;font-size:14px}.kp-top .brand img{width:28px;height:28px;border-radius:50%;border:2px solid #8fd3e6}.kp-top .tools{font-size:12.5px;color:#212121;text-decoration:none;background:#ffe896;border-radius:999px;padding:4px 10px;font-weight:700;white-space:nowrap}
.kp-band{position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(255,255,255,.96);border-top:2px solid #8fd3e6;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))}.kp-band .in{display:flex;gap:8px;max-width:680px;margin:0 auto}
body.kp-hasband{padding-bottom:96px}body.kp-hasband .helpbtn{bottom:calc(96px + env(safe-area-inset-bottom,0px))}body.kp-hasband .kp-badge{bottom:calc(100px + env(safe-area-inset-bottom,0px))}
.gold{position:relative;overflow:hidden;display:grid;gap:2px;justify-items:center;text-align:center;text-decoration:none;color:#2a1c00;min-height:48px;padding:6px 10px;border-radius:14px;background:linear-gradient(180deg,#ffe896 0%,#f4c44f 48%,#d39a26 100%);border:1px solid #f9dc84;box-shadow:0 6px 22px rgba(242,193,78,.35),inset 0 1px 0 rgba(255,255,255,.65);text-shadow:0 1px 0 rgba(255,255,255,.35);animation:kcGlow 2.6s ease-in-out infinite;transition:transform .18s ease;flex:1 1 46%;font-weight:800;font-family:"Zen Kaku Gothic New","Hiragino Sans",sans-serif;font-size:14px}
.gold::before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);animation:kcShine 3.4s ease-in-out infinite;pointer-events:none}.gold:hover{transform:translateY(-3px) scale(1.02)}.gold .l2{font-size:11.5px;font-weight:700}
.gold.pro{background:linear-gradient(180deg,#2c2411 0%,#16110a 100%);color:#ffd977;border:2px solid #e8b947;text-shadow:none;animation:none}
@keyframes kcShine{0%,62%{left:-60%}100%{left:130%}}@keyframes kcGlow{0%,100%{box-shadow:0 4px 16px rgba(242,193,78,.35)}50%{box-shadow:0 4px 26px rgba(242,193,78,.75)}}
@media(prefers-reduced-motion:reduce){.gold::before,.gold{animation:none}.gold:hover{transform:none}}
.kp-top .right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.kt-langs{display:flex;gap:4px}.kt-langs button{font:inherit;font-size:12px;background:#fff;color:#212121;border:1px solid #cfe8f0;border-radius:999px;padding:3px 8px;cursor:pointer}.kt-langs button.on{background:#8fd3e6;border-color:#8fd3e6}