*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0d1020;color:#f2e3c0;font-family:monospace}body{overflow-x:hidden}main{text-align:center;padding:14px 0 78px}.yokocho-back{position:relative;display:block;text-align:left;margin:0 14px;color:#f2e3c0}h1{font-size:18px;margin:8px}#yokocho-lead{min-height:2em;padding:0 12px}#yokocho-view{width:100%;max-width:960px;image-rendering:pixelated;display:block;margin:0 auto;touch-action:none}.yokocho-controls{display:flex;justify-content:center;gap:30px;margin-top:14px}button{font:inherit;color:#f2e3c0;background:#25264c;border:2px solid #f2e3c0;border-radius:0;padding:9px 14px}.yokocho-controls button{width:64px;font-size:20px;touch-action:none}#yokocho-card{position:fixed;z-index:5;left:0;right:0;bottom:0;background:#101936;color:#f2e3c0;border-top:2px solid #ffd166;padding:12px;text-align:center;animation:up .2s ease-out}#yokocho-card-body{display:flex;gap:14px;align-items:center;justify-content:center;text-align:left}#yokocho-card-view{width:216px;height:216px;image-rendering:pixelated;flex:none}#yokocho-editor{position:fixed;z-index:10;inset:0;background:rgba(13,16,32,.94);display:flex;align-items:center;justify-content:center}#yokocho-editor[hidden],#yokocho-card[hidden]{display:none}.yokocho-panel{width:min(92vw,420px);max-height:92vh;overflow:auto;padding:18px;background:#181b36;border:2px solid #f2e3c0}.yokocho-panel h2{margin-top:0}.yokocho-panel label{display:block;margin:10px 0}.yokocho-panel input{display:block;width:100%;font:inherit;padding:8px;margin-top:4px}.yokocho-row{display:grid;grid-template-columns:5em 44px 1fr 44px;align-items:center;gap:5px;margin:5px 0}.yokocho-arrow{padding:5px}.yokocho-val{text-align:center}#yokocho-preview{display:block;width:288px;max-width:100%;height:auto;margin:auto;image-rendering:pixelated}#yokocho-crest{display:grid;grid-template-columns:repeat(8,28px);width:224px;margin:5px auto;touch-action:none}.yokocho-cell{width:28px;height:28px;padding:0;border:1px solid #101936;background:#3d3a74}.yokocho-cell.on{background:#f2e3c0}.yokocho-note{font-size:11px;color:#c8bda0}.yokocho-actions{display:flex;gap:8px;justify-content:center}@keyframes up{from{transform:translateY(100%)}to{transform:none}}@media(max-width:520px){#yokocho-card-view{width:108px;height:108px}.yokocho-row{grid-template-columns:4.5em 38px 1fr 38px}.yokocho-panel{padding:12px}}