*{box-sizing:border-box}body{margin:0;background:#f6f2e9;color:#293e3c;font-family:"Hiragino Maru Gothic ProN","Hiragino Sans",sans-serif;line-height:1.7}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;border:1px solid #cfcbbf;border-radius:12px;background:#fffdf7;color:inherit;padding:10px 16px;font-weight:700}button:hover{border-color:#387d79;background:#edf5ef}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d57449;outline-offset:3px}button:disabled{cursor:default;opacity:.55}.primary{background:#2d716d;color:#fff;border-color:#2d716d}.primary:hover{background:#245552;color:white}header{max-width:1000px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.08em}header a{font-weight:900;font-size:13px;text-decoration:none;color:inherit}main{max-width:880px;margin:auto;padding:0 24px 28px}.intro{position:relative;padding:30px 0 20px;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;color:#387d79}h1{font-size:clamp(28px,5vw,44px);line-height:1.5;letter-spacing:.06em;margin:14px 0}h1 span{font-size:.8em}.intro>p:not(.eyebrow){font-size:14px;color:#67756d}.hero{position:absolute;right:16px;top:70px;display:grid;gap:30px;transform:rotate(-10deg)}.hero b{font-size:30px;letter-spacing:7px;color:#387d79;text-shadow:2px 2px white,4px 6px #d8d2c3;background:#fffdf7;padding:4px 12px;border-radius:12px;box-shadow:3px 7px 0 #d8d2c3,5px 12px 16px #70604220}.hero b+ b{margin-left:36px;color:#3a77a4}.section-head{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d9d3c6;margin-top:24px;padding-top:16px}h2{font-size:15px;letter-spacing:.04em}h2 span{margin-left:14px}.text-button{border:0;background:transparent;font-size:13px}#chosen{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-height:72px}#chosen button{padding:10px 2px;background:#e3eee6;border:1px solid #78a19a;font-size:15px}#chosen button small{display:block;font-size:10px;font-weight:400;color:#586c63}.slot{border:1px dashed #c8c5b7;border-radius:12px;display:grid;place-items:center;color:#879086}.filter{margin:22px 0 14px}.filter label{display:block;font-size:11px;font-weight:700}.filter input{display:block;width:100%;padding:11px 14px;background:#fffdf7;border:1px solid #d5d0c4;border-radius:10px;margin:6px 0 12px}#filters,#levels{display:flex;gap:7px;flex-wrap:wrap}#filters button{font-size:12px;padding:5px 14px;border-radius:30px}button[aria-pressed=true]{background:#2d716d!important;color:white;border-color:#2d716d!important}.words{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.word{text-align:left;min-width:0;padding:12px;position:relative;overflow:hidden}.word canvas{display:block;width:100%;height:45px}.word .name{font-size:16px;display:block;letter-spacing:.08em}.word .reading{font-size:10px;font-weight:400;display:block;color:#65766e}.word .meaning{font-size:11px;font-weight:400;display:block;margin-top:8px;line-height:1.5;min-height:33px}.word.selected{background:#e3eee6;border:2px solid #387d79;padding:11px}.word.selected:after{content:'✓';position:absolute;right:9px;top:5px;color:#387d79}.tags{font-size:10px;display:block;margin-top:4px;line-height:1.6}.tag{display:inline-block;padding:0 5px;border-radius:4px;background:#f1eee6;margin-right:3px}.word[aria-pressed=true]{background:#e3eee6!important;color:#293e3c}details{margin-top:18px;border:1px solid #dad5c8;border-radius:12px;padding:12px 16px;font-size:12px}summary{cursor:pointer;font-weight:700;font-size:13px}details p{color:#65766e}#elements{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.start-actions{display:flex;gap:10px;margin-top:22px}.start-actions>*{flex:1;padding:14px 8px}.small{font-size:11px;color:#64766b;margin:8px 0}.battle-head{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.battle-head b{font-size:12px}#turn{text-align:center;font-weight:800;font-size:18px;margin:12px 0 0}#guide{text-align:center;min-height:25px;font-size:13px;margin:3px 0;color:#387d79}.desk-wrap{position:relative;max-width:480px;margin:auto}#desk{display:block;width:100%;height:min(67vh,720px);min-height:380px;touch-action:none;border-radius:16px;background:#ebe2d0}#info{position:absolute;top:12px;left:5%;width:90%;border:1px solid #c5beab;border-radius:12px;background:#fffdf7ed;padding:10px 14px;font-size:12px;pointer-events:none}#info b{display:block;font-size:18px}footer{max-width:880px;padding:24px;margin:auto;border-top:1px solid #d9d3c6;display:flex;gap:14px;flex-wrap:wrap;font-size:10px;color:#65766e}footer a{color:inherit}dialog{width:min(92vw,420px);border:1px solid #cfc8b7;border-radius:24px;background:#fffdf7;color:#293e3c;padding:30px;box-shadow:0 20px 80px #24312c30;text-align:center}dialog::backdrop{background:#23342e88}dialog h2{font-size:28px;margin:8px 0}dialog p{font-size:13px}dialog button{display:block;width:100%;margin-top:10px}#result-pieces{font-size:12px;padding:10px;background:#f1eee4;border-radius:12px}#notice{font-size:13px;color:#98502e}body.playing header{padding-top:10px;padding-bottom:8px}body.playing main{padding-bottom:8px}body.playing footer{display:none}[hidden]{display:none!important}@media(max-width:620px){header span{display:none}.intro{padding-top:12px}.hero{top:58px;right:-14px;opacity:.7}.hero b{font-size:19px;letter-spacing:2px;padding:4px 7px}.hero b+b{margin-left:4px}h1{font-size:29px;position:relative;z-index:1}.intro>p{position:relative;z-index:1}.words{grid-template-columns:repeat(2,1fr)}main{padding:0 16px 24px}.word .meaning{min-height:33px}.start-actions{flex-direction:column}#elements{grid-template-columns:1fr}.battle-head button{font-size:12px;padding:7px 10px}#desk{height:calc(100svh - 210px);min-height:330px}#chosen button{font-size:13px}#chosen{gap:6px}}
/* 選択中も次の操作を見失わない、2ステップの準備画面 */
.setup-steps{display:flex;gap:14px;align-items:center;padding:12px 0;color:#7b847c;font-size:12px;border-bottom:1px solid #d9d3c6;margin-bottom:12px}.setup-steps [aria-current=step]{color:#2d716d;font-weight:800}.selection-dock{position:sticky;top:0;z-index:5;background:#f6f2e9f5;backdrop-filter:blur(10px);padding:8px 0 12px;border-bottom:1px solid #d9d3c6;box-shadow:0 8px 12px #f6f2e955}.selection-dock .section-head{border:0;margin:0;padding:0 0 10px;gap:12px}.selection-dock h2{margin:0;font-size:14px}.selection-dock h2 small{font-weight:400;color:#65766e;font-size:11px;margin-left:6px}.selection-dock #next{min-height:44px;min-width:100px;flex-shrink:0}.selection-dock #chosen{min-height:58px}.selection-dock #chosen button{padding:6px 2px}.selection-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.selection-tools button{font-size:12px;padding:8px 10px}#selection-notice{margin:4px 0 0;color:#98502e;font-size:12px}#selection-notice:empty{display:none}.lineup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 24px}.lineup-card{border:1px solid #a0b5a6;border-radius:14px;background:#e3eee6;text-align:center;padding:12px 6px;min-width:0}.lineup-card canvas{width:100%;height:52px;display:block}.lineup-card b{font-size:15px}.lineup-card .tags{min-height:32px}#level-step{padding:14px 0 20px}#level-heading{font-size:22px;margin:0 0 8px}#levels{display:grid;grid-template-columns:repeat(3,1fr)}#levels button{min-height:54px}#level-description{margin:12px 0;min-height:24px}#level-step .start-actions{flex-direction:row}#level-step .start-actions .primary{flex:1.3}#word-heading,#level-heading{scroll-margin-top:16px}@media(max-width:620px){.lineup{gap:6px}.lineup-card b{font-size:13px}.selection-dock .section-head h2{font-size:13px}.selection-dock h2 small{margin-left:3px}.selection-dock #next{min-width:88px;padding:8px 12px}#level-step .start-actions{flex-direction:column-reverse}#level-step .start-actions button{min-height:50px}}
/* 見る順番：遊び方 → 出す3つ → ことば一覧 */
.intro{padding:14px 0 8px}.intro h1{font-size:27px;margin:4px 0;line-height:1.4}.intro h1 span{font-size:1em}.intro .eyebrow{margin:4px 0}.setup-steps{margin-bottom:14px}.howto{background:#fffdf7;border:1px solid #d7cebc;border-radius:18px;padding:16px;margin-bottom:16px}.howto-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.howto-heading h2{font-size:16px;margin:0}.howto-heading button{font-size:12px;white-space:nowrap;border-color:#2d716d;color:#245552;background:#edf5ef}.howto-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.howto-steps>div{min-width:0}.howto-steps svg{display:block;width:100%;height:68px}.howto-steps p{margin:5px 0 0;text-align:center;font-size:11px;line-height:1.5}.howto-steps b,.howto-steps span{display:block}.howto-steps b{font-size:12px}.howto-steps span{color:#647269;margin-top:3px}.dock-actions{display:flex;gap:10px;align-items:center}.dock-actions .text-button{font-size:12px;color:#245552;padding:8px 10px}.selection-dock #chosen{min-height:98px}.selection-dock #chosen button{position:relative;padding:8px 5px;background:#fffdf7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.selection-dock #chosen canvas{display:block;width:100%;height:36px}.selection-dock #chosen b{font-size:14px}.remove-mark{position:absolute;right:7px;top:1px;font-size:18px;color:#566b62;line-height:1.2}.selection-dock #chosen .tags{margin:0}.tag{display:inline-flex;align-items:center;gap:4px;background:var(--element,#56635e);color:white;font-size:11px;line-height:1.7;padding:2px 7px;border-radius:6px;font-weight:700;margin:2px 3px 0 0}.element-icon{width:15px;height:15px;display:inline-block;flex-shrink:0;vertical-align:middle}.tag.neutral{background:#56635e}.word .tags{margin-top:6px}.word canvas{height:56px}.word .name{font-size:18px}.word .reading{font-size:11px}.word{padding:14px}.word.selected{padding:13px}#filters{gap:8px}#filters button{min-height:40px;display:inline-flex;align-items:center;gap:6px;border:2px solid var(--element,#647168);color:var(--element,#3b514a);background:#fffdf7;font-size:13px;padding:5px 12px}#filters button[aria-pressed=true]{background:var(--element,#2d716d)!important;border-color:var(--element,#2d716d)!important;color:white;box-shadow:0 0 0 2px #f6f2e9,0 0 0 4px var(--element,#2d716d)}.filter{margin-top:20px}.filter-caption{font-size:12px;font-weight:700;margin:16px 0 9px}.filter-caption span{font-size:11px;font-weight:400;color:#647269;margin-left:8px}.attribute-guide{border:0;padding:8px 0;margin:4px 0 0}.attribute-guide summary{font-size:12px;color:#245552}#elements>div{display:flex;align-items:center;gap:7px;font-size:12px}#elements .tag{flex-shrink:0}.lineup-card .tags{min-height:32px}@media(max-width:620px){.intro h1{font-size:22px}.intro .eyebrow{font-size:10px}.howto{padding:12px}.howto-heading{align-items:flex-start}.howto-heading h2{font-size:13px;max-width:175px}.howto-heading button{font-size:11px;padding:6px 8px}.howto-steps{gap:5px}.howto-steps svg{height:52px}.howto-steps b{font-size:10px}.howto-steps span{font-size:9px}.dock-actions{gap:3px}.dock-actions .text-button{font-size:11px;padding:7px 5px}.selection-dock #next{min-width:76px;padding:8px}.selection-dock h2 small{display:block}.selection-dock #chosen b{font-size:12px}.selection-dock #chosen .tag{font-size:10px;padding:1px 4px;gap:2px}.selection-dock #chosen .element-icon{width:12px;height:12px}.selection-dock #chosen canvas{height:30px}.selection-dock #chosen{min-height:100px}.filter-caption span{display:block;margin-left:0}.word .name{font-size:16px}.word{padding:11px}.word.selected{padding:10px}.word .tag{font-size:10px;padding:2px 5px}.word .meaning{font-size:11px}#filters{gap:8px}#filters button{padding:5px 10px;font-size:12px}}
@media(max-width:620px){.howto-steps b{font-size:12px}.howto-steps span{font-size:11px}.howto-steps p{line-height:1.6}}
.selection-dock #chosen{min-height:110px}@media(max-width:620px){.selection-dock #chosen{min-height:100px}}
.source-chars{font:inherit;font-size:10px;opacity:1;border-left:1px solid #ffffff80;padding-left:5px;margin-left:2px}.word .tag{flex-wrap:wrap}
/* 元の遊び込み・共有機能 */
.game-utilities{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.game-utilities button{padding:7px 11px;font-size:12px}.game-utilities b{color:#2d716d;margin-left:5px}.setup-steps{gap:8px;font-size:11px}#collection-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}#collection-tabs button{padding:7px 10px;font-size:12px}#ranking-options{background:#e3eee6;border-radius:12px;padding:12px;margin:12px 0;font-size:12px}select{font:inherit;padding:8px;border:1px solid #c8c3b5;border-radius:8px;background:#fffdf7;color:inherit}#rank-state{margin:6px 0}.word{border:1px solid #cfcbbf;border-radius:12px;background:#fffdf7;padding:0!important;overflow:hidden}.word.selected{border:2px solid #387d79;background:#e3eee6}.word-pick{border:0;border-radius:0;background:transparent;width:100%;padding:13px;text-align:left;color:inherit;display:block;font-weight:700}.word-pick:hover{background:#edf5ef;border:0}.word-pick[aria-pressed=true]{color:#293e3c;background:transparent!important;border-color:transparent!important}.word-pick[aria-pressed=true]:hover{background:#d8e9df!important}.word-actions{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:7px 10px;border-top:1px solid #ded9ce;background:#ffffff55}.word-actions button{font-size:11px;padding:5px 7px;background:transparent;border:0}.word-actions .favorite{font-size:20px;line-height:1;padding:5px;min-width:32px}.word-actions .favorite[aria-pressed=true]{background:transparent!important;color:#a23c42;border-color:transparent!important}.rank-label{display:block;font-size:12px;color:#2d716d;margin-bottom:2px}.word.selected:after{pointer-events:none;right:9px;top:5px}.formation-piece canvas{width:100%;height:42px;display:block}.formation-piece small{display:block;font-size:10px;font-weight:400}.formation-piece b{font-size:14px}.formation-piece{min-width:0;padding:8px 4px;background:#fffdf7}.formation-piece[aria-pressed=true]{background:#cfe6d8!important;color:#293e3c;outline:3px solid #2d716d}#formation-board{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:10px;max-width:410px;padding:14px;background:#e6c9a0;border:2px solid #b7976b;border-radius:18px;margin:12px auto}.position-0{grid-column:1;grid-row:2}.position-1{grid-column:2;grid-row:2}.position-2{grid-column:1/3;grid-row:1;width:calc(50% - 5px);justify-self:center}#formation-heading{font-size:22px;margin:12px 0 6px}.cover-settings{max-width:550px;margin:12px auto}.cover-settings label{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:10px 0}.cover-settings select{max-width:70%;min-width:0}.cover-settings>button{width:100%;font-size:12px}#equipped-cover{font-size:11px;font-weight:400}.challenge-entry{border-top:1px solid #d9d3c6;margin-top:24px;padding:12px 0}.challenge-entry h3{font-size:16px;margin:8px 0}.challenge-entry p{font-size:12px}.challenge-entry button{font-size:12px;margin:4px 6px 0 0}.result-media{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.result-media button{font-size:12px;padding:10px 5px;margin:0}#clear-image{grid-column:1/-1}#result-earned{font-weight:700;color:#2d716d}#result-pieces p{margin:5px 0}.media-dialog{width:min(94vw,640px);padding:20px}.media-dialog h2{font-size:20px}.media-dialog img,.media-dialog video{width:100%;max-height:55vh;object-fit:contain;display:block;background:#ebe2d0;border-radius:12px}.media-dialog canvas.video-encoding{width:min(100%,240px);max-height:48vh;height:auto;display:block;margin:auto}.media-actions{display:flex;flex-direction:column;gap:8px}.media-actions button{margin:0}.media-actions a{border:1px solid #cfcbbf;padding:10px;border-radius:12px;text-decoration:none;color:#245552;font-size:13px}#media-status{white-space:pre-wrap}#collection-dialog{width:min(92vw,520px);text-align:left;max-height:88svh;overflow:auto}#collection-dialog h2{font-size:22px}#collection-dialog h3{font-size:15px;margin:20px 0 10px}#shop-covers{display:grid;gap:8px}.cover-buy{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font-size:12px;margin:0;padding:9px}.cover-buy .tag{margin:0}#match-history{font-size:12px;padding-left:20px}#match-history li{margin-bottom:10px}#battle-card-share{display:block;max-width:480px;width:100%;margin:12px auto;font-size:12px}@media(max-width:620px){.word-pick{padding:10px}.word-actions{padding:6px}.word-actions button{font-size:10px;padding:4px}.word .meaning{font-size:11px}.formation-piece b{font-size:12px}#formation-board{max-width:330px;padding:10px;gap:7px}.formation-piece canvas{height:36px}.formation-piece .tag{font-size:10px}.setup-steps{font-size:10px;gap:6px}.game-utilities button{font-size:11px}.lineup-card .source-chars{display:block;border-left:0;padding:0;margin:0;font-size:9px}.lineup-card .tag{font-size:10px;padding:2px 4px}.lineup-card .tag .element-icon{width:12px;height:12px}.lineup-card .tags{min-height:46px}#level-step .lineup{margin-bottom:16px}}