:root{color-scheme:dark;font-family:monospace}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:#0d0f18;color:#f2e3c0;overflow:hidden}
#tk{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.tk-title{margin:0;font-size:11px;color:#8fa6d8;letter-spacing:.14em;text-align:center}
#desk{image-rendering:pixelated;display:block;touch-action:none}
.tk-caption{width:480px;height:22px;margin:0;padding:3px 8px;background:#080a16;color:#5fe8d8;font-size:11px;line-height:16px;white-space:nowrap;overflow:hidden}
.tk-hud{position:fixed;left:0;right:0;top:0;z-index:5;display:flex;justify-content:space-between;gap:8px;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 8px max(8px,env(safe-area-inset-left))}
.tk-btn,.pixel-button{padding:7px 11px;border:3px solid #3d3a74;background:#101936;color:#c9d4ff;font:700 11px monospace;letter-spacing:.06em;text-decoration:none;box-shadow:3px 3px #05060f;cursor:pointer}
.tk-btn:hover,.tk-btn:focus-visible,.pixel-button:hover,.pixel-button:focus-visible{background:#1a2450;color:#fff5d1}
.tk-panel{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:18px;background:rgba(5,6,15,.78)}
.tk-panel[hidden]{display:none}
.tk-panel-card{width:min(440px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:18px;border:3px solid #3d3a74;background:#10131f;box-shadow:6px 6px #05060f}
#tk-panel-head{margin:0 0 12px;color:#5fe8d8;font-size:14px;letter-spacing:.08em}
#tk-panel-body{font-size:12px;line-height:1.7;color:#f2e3c0}#tk-panel-body p{margin:0 0 12px}.tk-panel-card>.pixel-button{display:block;margin:14px 0 0 auto}
.tk-fusen{margin:8px 0;padding:8px 10px;color:#3b3b3b;background:#ffe680;box-shadow:2px 2px #655b3b}.tk-fusen:nth-of-type(3){background:#ffd0a8}.tk-fusen:nth-of-type(4){background:#cdf5b8}.tk-fusen time{display:block;margin-bottom:3px;font-weight:bold}
.tk-tegami{padding:16px;color:#3b3b3b;background:#f2ede0;line-height:1.7;white-space:pre-line;box-shadow:3px 3px #716c60}.tk-small{font-size:10px;color:#aeb4ca}
@media(max-width:520px){.tk-caption{font-size:10px}.tk-btn{font-size:10px;padding:6px 8px}.tk-panel-card{padding:14px}}