/* Cloudflare Pages移行用UI（原本CSS未入手のため暫定復元） */
:root{color-scheme:dark;--ink:#e8fbf9;--deep:#07232d;--panel:rgba(11,56,65,.91);--stroke:rgba(165,227,216,.45);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;height:100%;min-height:100%;overflow:hidden;background:#b6d9e1;color:var(--ink)}
body{touch-action:manipulation}
button,input,select,textarea{font:inherit}
button{cursor:pointer;color:inherit}
#yd-root{position:relative;isolation:isolate;width:100%;height:100dvh;min-height:460px;overflow:hidden;background:#b6d9e1;color:var(--ink)}
#yd-stage{position:absolute;inset:0;z-index:0;overflow:hidden;background:linear-gradient(#a6d3e5,#e2e9ed 70%)}
#yd-stage>canvas{display:block;width:100%;height:100%;touch-action:none}
.yd-top{position:absolute;z-index:10;left:0;top:0;right:0;min-height:71px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(180deg,rgba(5,44,48,.96),rgba(8,67,66,.9));box-shadow:0 3px 9px #113b4455}
.yd-brand{min-width:0;flex:1}.yd-title{font-size:17px;font-weight:800;letter-spacing:.09em;white-space:nowrap}.yd-title strong{color:#b0ffde}.yd-sub{font-size:10px;line-height:1.4;color:#c6e3e1;overflow-wrap:anywhere}
.yd-load-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:41px;padding:8px 10px;border:1.5px solid #b9e5cf;border-radius:10px;background:#126556bb;white-space:nowrap;font-size:12px;font-weight:700;color:white;box-shadow:0 0 0 3px #285e5677}
.yd-hud{position:absolute;z-index:8;top:78px;left:10px;right:10px;display:flex;justify-content:space-between;gap:10px;pointer-events:none}
.yd-readout,.yd-right{border-radius:12px;padding:7px 11px;background:var(--panel);border:1px solid var(--stroke);box-shadow:0 2px 7px #123c4040;font-variant-numeric:tabular-nums}
.yd-readout{display:flex;align-items:baseline;gap:5px}.yd-readout b{font-size:30px;line-height:1.1}.yd-readout span{font-size:12px}.yd-readout small{font-size:12px;color:#cce7e5}
.yd-right{display:flex;flex-direction:column;align-items:flex-end;min-width:111px;font-size:16px}.yd-right small{font-size:11px;color:#cce7e5}
.yd-msg{position:absolute;z-index:12;top:145px;left:10px;right:10px;max-height:95px;overflow:hidden;padding:9px 12px;background:rgba(6,54,61,.90);border:1px solid var(--stroke);border-radius:10px;font-size:12px;line-height:1.3;pointer-events:none}.yd-msg.error{background:#652b30ed;border-color:#ff8585}
.yd-details{position:absolute;z-index:20;left:10px;right:10px;top:110px;bottom:170px;overflow-y:auto;padding:13px;border-radius:12px;background:#082c35f5;border:1px solid var(--stroke);box-shadow:0 10px 45px #0009;font-size:12px;line-height:1.5}
.yd-details[hidden]{display:none!important}.yd-details>div:first-child{display:flex;justify-content:space-between;gap:10px}.yd-details button{border:1px solid #87c7b3;border-radius:8px;background:#1e5b62;padding:6px 12px}.yd-details a{color:#a3eeff}.yd-details p{white-space:pre-wrap;overflow-wrap:anywhere}
.yd-foot{position:absolute;z-index:7;bottom:0;left:0;right:0;padding:8px max(8px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:linear-gradient(0deg,rgba(3,21,30,.97),rgba(6,35,41,.78));display:flex;flex-direction:column;gap:8px}
.yd-secondary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:27px;font-size:11px}.yd-tools{display:flex;gap:7px}.yd-tools button{padding:6px 10px;border:1px solid #5ba19f;background:var(--panel);border-radius:8px;font-size:11px}.yd-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.yd-control{height:63px;min-width:0;border:2px solid #5f8b91;border-radius:12px;background:rgba(12,50,62,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.yd-control b{font-size:24px;line-height:1}.yd-control span{font-size:11px;color:#bed3d2}.yd-control.active{background:#215d63;border-color:#afd6d5;box-shadow:inset 0 0 0 2px #8eb4b355}.yd-control.yd-reset{display:none}
@media(min-width:800px){#yd-root{max-width:100%;}.yd-top{padding-left:22px;padding-right:22px}.yd-controls{max-width:720px;width:100%;margin:auto}.yd-hud{left:20px;right:20px}.yd-foot{padding-left:20px;padding-right:20px}}
@media(max-width:380px){.yd-title{font-size:14px}.yd-sub{font-size:9px}.yd-load-btn{font-size:10px}.yd-controls{gap:5px}.yd-control{height:58px}.yd-readout b{font-size:26px}}