:root{color-scheme:light;--green:#176b42;--green-dark:#0c4d2d;--green-light:#e8f5ed;--cream:#fffdf7;--ink:#173126;--line:#b7d1c2}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#f3f6f3;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;line-height:1.7}main,footer{width:960px;max-width:94%;margin:0 auto}h1{margin:28px 0 8px;color:var(--green-dark);line-height:1.35}h2{margin-top:42px;color:var(--green-dark)}a{color:#075da8}.editor{margin:30px 0;padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(18,65,39,.08)}.editor h2{margin-top:0}.help{margin-top:-8px;color:#52645b}.target-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.target-tab,.actions button,.fuuro-options button{min-height:44px;border:1px solid var(--green);border-radius:8px;background:#fff;color:var(--green-dark);font-weight:700;cursor:pointer}.target-tab span{display:inline-block;min-width:24px;margin-left:4px;border-radius:12px;background:var(--green-light);font-size:12px}.target-tab.is-active{background:var(--green);color:#fff}.target-tab.is-active span{color:var(--green-dark)}.selection-rows{display:grid;gap:8px}.selection-row{display:grid;grid-template-columns:100px 1fr;align-items:center;min-height:72px;padding:8px 12px;border:1px solid #dbe7df;border-radius:8px;background:#fafcfb}.selection-row.is-active{border:2px solid var(--green);padding:7px 11px;background:var(--green-light)}.selected-tiles{display:flex;min-width:0;align-items:flex-end;overflow-x:auto;padding:5px;gap:2px}.selected-tile{position:relative;flex:none;padding:0;border:0;background:transparent;cursor:grab}.selected-tile img{display:block;width:38px}.selected-tile.is-sideways img{width:auto;height:38px}.selected-tile:focus{outline:3px solid #f0a400;outline-offset:2px}.selected-tile.dragging{opacity:.35}.selected-space{flex:none;width:24px;height:48px;border-left:2px dashed #91a89a;cursor:pointer}.empty-selection{color:#76847c;font-size:14px}.fuuro-options{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin:14px 0;padding:12px;background:#f7faf8;border-radius:8px}.fuuro-options button{padding:7px 12px}.tile-palette{margin-top:20px;padding:16px;border-radius:10px;background:var(--green-dark)}.palette-group{display:flex;align-items:center;gap:4px;margin:9px 0;overflow-x:auto}.palette-label{width:42px;flex:none;color:#fff;font-weight:700}.palette-tile{flex:none;padding:2px;border:2px solid transparent;border-radius:5px;background:transparent;cursor:pointer}.palette-tile:hover,.palette-tile:focus{border-color:#ffe278;background:rgba(255,255,255,.12);outline:0}.palette-tile img{display:block;width:40px}.palette-tile.red{margin-left:6px}.win-options{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;margin:20px 0}.win-options>span{font-weight:700}.actions{display:flex;gap:10px}.actions button{padding:9px 18px}.actions .primary{background:var(--green);color:#fff}.editor-message{min-height:1.7em;margin-bottom:0;color:#a13925;font-weight:700}#displayField{display:inline-block;min-width:280px;padding:16px;border:1px solid #fff;background:#358935;color:#fff}#displayForHands,#displayForFuuros{display:flex;align-items:flex-end;min-height:10px;margin-bottom:24px}.space{display:inline-block;width:16px}.tile{width:40px;vertical-align:bottom}.tile_side{height:40px;vertical-align:bottom}#displayForLastTile,#displayForDora{display:inline-block;margin-right:16px;text-align:center;vertical-align:top}#lastTypeElm,.tile-caption{font-weight:700}#imageField{min-height:80px;padding:14px;overflow-x:auto;border:1px dashed var(--line);border-radius:8px;background:#fff}.empty-image{color:#718077}.save-button{margin-top:14px;padding:11px 20px;border:0;border-radius:8px;background:var(--green);color:#fff;font-size:16px;font-weight:700;cursor:pointer}ol{padding-left:1.5em}footer{margin-top:50px;padding:20px 0 40px;text-align:center}@media (min-width:768px){.tile{width:48px}.tile_side{height:48px}.selected-tile img{width:44px}.selected-tile.is-sideways img{height:44px}}@media (max-width:620px){.editor{padding:16px}.target-tabs{grid-template-columns:1fr 1fr}.selection-row{grid-template-columns:1fr}.selection-row strong{font-size:14px}.palette-label{width:36px}.palette-tile img{width:36px}.help{font-size:14px}}