/* 電光掲示板 */
.led-frame{position:relative;box-sizing:border-box;margin:0 0 12px;padding:10px;border-radius:10px;background:linear-gradient(145deg,#9aa0a9 0%,#4d525a 26%,#2b2e34 50%,#5b606a 76%,#3b3f46 100%);box-shadow:0 2px 7px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.4),inset 0 -1px 2px rgba(0,0,0,.65)}
.led-panel{background:#03040a;border-radius:5px;box-shadow:inset 0 2px 9px #000,inset 0 0 0 1px rgba(255,255,255,.07);overflow:hidden;line-height:0}
.led-panel canvas{display:block;width:100%}
.rv{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e4e7ec,#7a7f88 55%,#2b2e33);box-shadow:0 1px 1px rgba(0,0,0,.65)}
.rv1{left:2px;top:2px}
.rv2{right:2px;top:2px}
.rv3{left:2px;bottom:2px}
.rv4{right:2px;bottom:2px}
.rv5{left:calc(50% - 3px);top:2px}
.rv6{left:calc(50% - 3px);bottom:2px}
.led-textarea{display:block;width:100%;height:48px;min-height:0;margin-top:4px;padding:12px;border-radius:8px;font-size:1.1rem;line-height:1.35;resize:none;overflow:hidden}
.led-text-sub{display:none;align-items:center;justify-content:space-between;margin-top:8px;color:var(--sub)}
.led-text-btns{display:flex;gap:8px}
.led-sbtn{padding:10px 18px;border:1px solid var(--input-border);border-radius:12px;background:var(--card-bg);color:var(--btn-text);font-size:1rem;font-weight:bold;font-family:inherit;cursor:pointer}
.led-sbtn.main{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
/* 入力中だけ枠を広げ（3行）、下のタブを隠す */
body.led-editing .led-textarea{height:108px;overflow:auto}
body.led-editing .led-text-sub{display:flex}
body.led-editing .tab-bar{display:none!important}
body.led-editing .container{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
/* 掲示板をタップすると、真ん中にオン/オフのボタンが出る */
.led-frame{cursor:pointer}
.led-pop{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;min-width:140px;height:46px;padding:0 22px;border:1px solid rgba(255,255,255,.3);border-radius:23px;background:rgba(10,12,20,.85);color:var(--led-c,#ffb62e);font-size:1.05rem;font-weight:bold;font-family:inherit;white-space:nowrap;box-shadow:0 2px 12px rgba(0,0,0,.6);-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}
.led-pop.is-visible{display:block}
.led-pop:active{opacity:.75}
/* 入力中：設定の「電光掲示板」カードを画面の上に固定し、後ろを暗くする（色・文字のしかたの行は隠して小さくする） */
.led-edit-bg{position:fixed;left:0;right:0;top:0;bottom:0;z-index:205;background:rgba(0,0,0,.6)}
.led-card-pinned{position:fixed!important;left:12px;right:12px;top:calc(var(--led-top,0px) + env(safe-area-inset-top,0px) + 8px);margin:0 auto!important;max-width:616px;z-index:210;box-shadow:0 8px 30px rgba(0,0,0,.55)}
.led-card-pinned #ledColorSeg,.led-card-pinned #ledStyleSeg,.led-card-pinned #ledStyleLbl,.led-card-pinned #ledFrameSeg,.led-card-pinned #ledFrameLbl,.led-card-pinned #ledTodaySeg,.led-card-pinned #ledTodayLbl{display:none}
/* シルバーの枠（内部名 pearl。以前のパールホワイト）（ネジは同じ形。白い枠の上で見えるよう、ふちの影だけ少し濃くする） */
.led-frame.pearl{background:linear-gradient(145deg,#ffffff 0%,#e6e9ee 24%,#c3c8d1 50%,#f3f5f8 76%,#d5d9e0 100%);box-shadow:0 2px 7px rgba(0,0,0,.45),inset 0 1px 1px rgba(255,255,255,.95),inset 0 -1px 2px rgba(80,88,100,.55)}
.led-frame.pearl .rv{box-shadow:0 1px 1px rgba(0,0,0,.65),0 0 0 1px rgba(70,78,90,.4)}
/* ホワイトの枠（標準。#FFFEF2を明るい基調に、影は暖かいベージュ。ネジも暖かい色） */
.led-frame.white{background:linear-gradient(145deg,#fffef2 0%,#f3efdc 24%,#d9d3bc 50%,#fbf9ec 76%,#e6e1cc 100%);box-shadow:0 2px 7px rgba(0,0,0,.45),inset 0 1px 1px rgba(255,255,255,.95),inset 0 -1px 2px rgba(110,100,70,.55)}
.led-frame.white .rv{background:radial-gradient(circle at 35% 30%,#fffdf0,#b9b197 55%,#6f6850);box-shadow:0 1px 1px rgba(0,0,0,.65),0 0 0 1px rgba(110,100,70,.4)}