@font-face{font-family:NotoSansJP;src:url(/fonts/NotoSansJP-VariableFont_wght.ttf) format("truetype");font-weight:100 900}:root{--tile: 40px;--label-w: 74px;--prev: #ff9d4d;--prev-bg: #33230f;--prev-bd: #7a4d1c;--next: #6fb8ff;--next-bg: #12212f;--next-bd: #2b5680}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:NotoSansJP,sans-serif;background:#111;color:#eee;height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem 1rem;border-bottom:1px solid #2a2a2a;flex-shrink:0}.header-left{display:flex;align-items:center;gap:.75rem;min-width:0}.header-right{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-shrink:0}.back-link{color:#666;text-decoration:none;font-size:.82rem;white-space:nowrap}.back-link:hover{color:#eee}.remain{font-size:.78rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remain.done{color:#6bd08a}.btn{background:#222;border:1px solid #3a3a3a;color:#ccc;padding:.32rem .75rem;border-radius:5px;font-family:inherit;font-size:.83rem;cursor:pointer;white-space:nowrap;transition:border-color .12s,color .12s}.btn:hover{border-color:#666;color:#eee}main{flex:1;display:flex;min-height:0}#stack-wrap{flex:1;overflow:auto;padding:1rem 1rem 4rem;min-height:0}#stack{display:flex;flex-direction:column;max-width:1100px;margin:0 auto}.empty-hint{color:#3a3a3a;font-size:.85rem;text-align:center;padding:4rem 1rem}.row{display:grid;grid-template-columns:var(--label-w) minmax(0,1fr);align-items:start;gap:.6rem;padding:.45rem .2rem}.rowlabel{display:flex;flex-direction:column;gap:2px;padding-top:.5rem;font-size:.72rem;line-height:1.3;color:#555;user-select:none}.rowlabel .name{font-weight:700;font-size:.8rem;color:#777}.arow .rowlabel .name{color:#5c5c5c}.brow .rowlabel .name{color:#9a9a9a}.rowlabel .split{white-space:nowrap}.rowlabel .split .up{color:var(--next)}.rowlabel .split .down{color:var(--prev)}.brow .body{display:flex;flex-direction:column;gap:.35rem}.track{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-height:calc(var(--tile) + 12px);padding:6px 8px;border:1px dashed #2f2f2f;border-radius:7px;background:#171717;transition:border-color .12s,background .12s}.track.droppable{border-color:#4a4a4a;background:#1c1c1c}.track.dragover{border-color:#8a8a8a;border-style:solid;background:#222}.track-empty{color:#333;font-size:.78rem;user-select:none;pointer-events:none}.track.dragover .track-empty{display:none}.caret{width:3px;height:var(--tile);border-radius:2px;background:#cfcfcf;flex-shrink:0;pointer-events:none}.bpoem{background:transparent;border:none;border-bottom:1px solid #2a2a2a;color:#ddd;font-family:inherit;font-size:.95rem;padding:.2rem .3rem;width:100%;border-radius:0}.bpoem::placeholder{color:#333}.bpoem:focus{outline:none;border-bottom-color:#555}.arow .body{display:flex;flex-direction:column;gap:.3rem}.asrc{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:2px 0}.apoem{font-size:.82rem;color:#4a4a4a;padding-left:.2rem}.tile{width:var(--tile);height:var(--tile);display:flex;align-items:center;justify-content:center;position:relative;font-size:calc(var(--tile) * .55);font-weight:700;border-radius:5px;user-select:none;touch-action:none;flex-shrink:0;transition:background .1s,border-color .1s,opacity .1s}.tile.free{background:#252525;border:1.5px solid #4a4a4a;color:#ddd;cursor:grab}.tile.free:hover{background:#2e2e2e;border-color:gray;color:#fff}.tile.used{background:#141414;border:1.5px dashed #303030;color:#3f3f3f;cursor:pointer}.tile.used:hover{color:#6a6a6a;border-color:#4a4a4a}.tile.used:after{position:absolute;bottom:-1px;right:2px;font-size:10px;line-height:1;font-weight:700}.tile.used.to-up:after{content:"↑";color:var(--next)}.tile.used.to-down:after{content:"↓";color:var(--prev)}.tile.from-prev{background:var(--prev-bg);border:1.5px solid var(--prev-bd);color:var(--prev);cursor:grab}.tile.from-prev:hover{border-color:var(--prev)}.tile.from-next{background:var(--next-bg);border:1.5px solid var(--next-bd);color:var(--next);cursor:grab}.tile.from-next:hover{border-color:var(--next)}.tile.drag-source{opacity:.18}.tile-ghost{position:fixed;width:var(--tile);height:var(--tile);display:flex;align-items:center;justify-content:center;font-size:calc(var(--tile) * .55);font-weight:700;background:#383838;border:1.5px solid #888;border-radius:5px;color:#fff;pointer-events:none;z-index:1000;box-shadow:0 8px 28px #000000b3}.modal-overlay{display:none;position:fixed;inset:0;background:#000000b3;z-index:200;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal-box{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:10px;padding:1.4rem 1.6rem;color:#eee;font-family:inherit;width:min(480px,90vw)}.modal-box p{margin:0 0 .8rem;font-size:.9rem;line-height:1.7;color:#ccc;white-space:pre-line}.modal-title{font-weight:700;margin-bottom:.3rem!important}.modal-note{font-size:.78rem!important;color:#777!important}.modal-source{width:min(720px,92vw)}.source-cols{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.source-col{display:flex;flex-direction:column;gap:.3rem}.source-col>span{font-size:.75rem;color:#777}.source-col textarea{background:#101010;border:1px solid #333;border-radius:6px;color:#eee;font-family:inherit;font-size:.95rem;line-height:1.9;padding:.6rem .7rem;height:46vh;resize:vertical}.source-col textarea:focus{outline:none;border-color:#555}.source-col textarea::placeholder{color:#333}.modal-btns{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.9rem}@media(max-width:640px){:root{--tile: 34px;--label-w: 54px}header{gap:.4rem .75rem}.remain{order:3;flex-basis:100%}.source-cols{grid-template-columns:1fr}.source-col textarea{height:26vh}}