:root{--bg: #fffbea;--paper: #ffffff;--ink: #3d3326;--sub: #8a7d6a;--brand: #f5a623;--brand-dark: #d98c0f;--accent: #4caf7d;--accent-dark: #3a9367;--miss: #e8604c;--line: #f0e6cf;--radius: 16px;--absent: #cfc6b4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Hiragino Maru Gothic ProN,BIZ UDGothic,Yu Gothic,sans-serif;line-height:1.7}main{max-width:860px;margin:0 auto;padding:16px 16px 48px}a{color:var(--brand-dark)}h1{font-size:1.6rem}h2{font-size:1.2rem;border-bottom:3px solid var(--line);padding-bottom:4px}h3{font-size:1.05rem}.site-header{background:var(--paper);border-bottom:3px solid var(--brand)}.site-header nav{max-width:860px;margin:0 auto;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.logo{font-weight:700;font-size:1.25rem;text-decoration:none;color:var(--ink)}.nav-links{display:flex;gap:4px}.nav-links a{text-decoration:none;padding:8px 12px;border-radius:999px;color:var(--ink)}.nav-links a:hover{background:var(--bg)}.site-footer{border-top:3px solid var(--line);background:var(--paper);text-align:center;padding:16px;color:var(--sub);font-size:.9rem}.share-links{display:flex;gap:10px;justify-content:center}.share-btn{display:inline-block;padding:10px 18px;border-radius:999px;color:#fff;text-decoration:none;font-weight:700;font-size:.9rem}.share-btn:hover{opacity:.85}.share-line{background:#06c755}.share-x{background:#0f1419}.hero{text-align:center;margin:24px 0 8px}.hero-logo{font-size:2.2rem;color:var(--brand-dark)}.hero-lead{text-align:center;color:var(--sub);margin-top:0}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:24px 0}.card{background:var(--paper);border:2px solid var(--line);border-radius:var(--radius);padding:16px;text-decoration:none;color:var(--ink)}.game-card{display:flex;gap:12px;align-items:center;min-height:84px}.game-card:hover{border-color:var(--brand);transform:translateY(-2px)}.game-card-icon{font-size:2.2rem}.game-card-meta{display:block;color:var(--sub);font-size:.85rem}.article{margin-top:32px}.article-list{list-style:none;padding:0}.article-list li{margin-bottom:16px}.article-list a{font-weight:700;font-size:1.05rem}.article-list-desc{color:var(--sub);font-size:.9rem}.benefits{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;font-size:.95rem;font-weight:700}.scenes{margin-top:28px}.scene-links{display:flex;gap:10px;flex-wrap:wrap}.scene-links a{background:var(--paper);border:2px solid var(--line);border-radius:999px;padding:12px 18px;text-decoration:none;color:var(--ink);font-weight:700}.scene-links a:hover{border-color:var(--brand)}.game-card-featured{border-color:var(--brand);position:relative}.game-card-badge{position:absolute;top:-12px;left:12px;background:var(--brand);color:#fff;border-radius:999px;padding:2px 12px;font-size:.8rem;font-weight:700}.breadcrumb{font-size:.85rem;color:var(--sub);margin:4px 0}.breadcrumb a{color:var(--sub)}.article-meta{color:var(--sub);font-size:.85rem;margin-top:-8px}.toc{background:var(--paper);border:2px solid var(--line);border-radius:var(--radius);padding:12px 16px;margin:16px 0;font-size:.92rem}.toc ol{margin:6px 0 0;padding-left:20px}.sticky-cta{position:fixed;bottom:12px;left:50%;transform:translate(-50%);background:var(--brand);color:#fff;font-weight:700;padding:14px 24px;border-radius:999px;text-decoration:none;box-shadow:0 4px 14px #3d332640;z-index:50;white-space:nowrap}.sticky-cta:hover{background:var(--brand-dark)}.has-sticky .site-footer{padding-bottom:72px}.faq{background:var(--paper);border:2px solid var(--line);border-radius:var(--radius);margin:10px 0}.faq summary{cursor:pointer;font-weight:700;padding:14px 16px;border-radius:var(--radius)}.faq summary:hover{background:var(--bg)}.faq[open] summary{border-bottom:2px solid var(--line);border-radius:var(--radius) var(--radius) 0 0}.faq p{margin:0;padding:12px 16px}.article-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:var(--paper);border:2px solid var(--brand);border-radius:var(--radius);padding:14px 16px;margin:20px 0}.article-cta-icon{font-size:2.2rem}.article-cta-body{flex:1;min-width:200px}.article-cta-body p{margin:4px 0 0;font-size:.9rem;color:var(--sub)}.article-cta .btn{white-space:nowrap}.table-wrap{overflow-x:auto}.article table{border-collapse:collapse;margin:12px 0;font-size:.88rem;min-width:560px;width:100%}.article th,.article td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}.article th{background:var(--bg)}#game{background:var(--paper);border:2px solid var(--line);border-radius:var(--radius);padding:16px;position:relative;margin:16px 0}.sound-toggle{position:absolute;top:8px;right:8px;font-size:1.3rem;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:0;border-radius:50%}.btn{font:inherit;cursor:pointer;border-radius:var(--radius);border:none;padding:14px 24px;min-height:60px;font-size:1.15rem;background:var(--brand);color:#fff;font-weight:700}.btn:hover{background:var(--brand-dark)}.btn-sub{background:var(--paper);color:var(--ink);border:2px solid var(--line);min-height:48px;padding:8px 16px;font-size:1rem}.btn-sub:hover{background:var(--bg)}.btn-wide{display:block;width:100%;margin:12px 0}.amj-cards{display:flex;gap:12px;justify-content:center;margin:20px 0;flex-wrap:wrap}.amj-card{background:var(--bg);border:3px solid var(--brand);border-radius:var(--radius);min-width:110px;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;flex:1;max-width:300px}.amj-card-label{color:var(--sub);font-size:.85rem}.amj-letter{font-size:4rem;font-weight:700;line-height:1.2}.amj-theme{font-size:1.8rem;font-weight:700;text-align:center;line-height:1.4}.amj-mode{display:flex;gap:8px;align-items:center;color:var(--sub);font-size:.95rem;flex-wrap:wrap}.amj-mode button{min-height:44px}.amj-mode .on{background:var(--brand);color:#fff;border-color:var(--brand)}.amj-history{list-style:none;padding:0;margin:8px 0}.amj-history li{padding:6px 8px;border-bottom:1px dashed var(--line)}.amj-history .amj-k{font-weight:700;color:var(--brand-dark);margin-right:8px}:root{--radius-lg: 22px;--radius-panel: 24px;--press: 6px}.ui-stack{display:flex;flex-direction:column;align-items:center;gap:14px}.ui-stack>*{width:100%;max-width:520px}.ui-topbar{display:flex;justify-content:space-between;align-items:center;gap:8px}.ui-topbar .sound-toggle{position:static;flex:none;margin-left:auto;width:60px;height:60px;padding:0;border-radius:50%}@media(hover:hover){.ui-topbar .sound-toggle:hover{background:var(--bg)}}.ui-seg{display:flex;padding:3px;gap:3px;background:var(--bg);border:2px solid var(--line);border-radius:999px}.ui-seg-btn{font:inherit;font-weight:700;font-size:1rem;color:var(--sub);cursor:pointer;white-space:nowrap;min-height:44px;padding:0 18px;border:none;border-radius:999px;background:transparent}.ui-seg-btn.on{background:var(--paper);color:var(--brand-dark);box-shadow:0 2px 6px #3d33261f}.ui-board{background:var(--bg);border:2px solid var(--line);border-radius:var(--radius-panel);padding:22px 16px 10px;text-align:center}.ui-label{font-size:.85rem;font-weight:700;color:var(--sub);letter-spacing:.1em}.ui-tile{border-radius:var(--radius-lg);display:grid;place-items:center;font-weight:700;line-height:1;background:var(--brand);color:#fff;box-shadow:0 var(--press) 0 var(--brand-dark)}.ui-tile-slot{background:var(--paper);color:var(--brand);border:3px dashed var(--brand);box-shadow:none}.ui-card-btn{font:inherit;font-weight:700;cursor:pointer;line-height:1;padding:0;min-height:60px;background:var(--paper);color:var(--ink);border:3px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 var(--press) 0 var(--line);transition:transform .08s,box-shadow .08s,border-color .15s}@media(hover:hover){.ui-card-btn:hover{border-color:var(--brand);box-shadow:0 var(--press) 0 var(--brand)}}.ui-card-btn:active{transform:translateY(calc(var(--press) - 1px));box-shadow:0 1px 0 var(--brand)}.ui-quiet{font:inherit;font-weight:700;color:var(--sub);cursor:pointer;min-height:60px;padding:0 20px;background:none;border:none;border-radius:999px}@media(hover:hover){.ui-quiet:hover{background:var(--bg);color:var(--ink)}}.ui-card-btn:focus-visible,.ui-quiet:focus-visible,.ui-seg-btn:focus-visible{outline:4px solid var(--accent);outline-offset:3px}.ui-chips{list-style:none;padding:0;margin:4px 0 8px;display:flex;flex-wrap:wrap-reverse;gap:8px;align-content:flex-end}.ui-chip{padding:4px 12px;border-radius:999px;background:var(--bg);border:2px solid var(--line);font-size:1.1rem;color:var(--sub)}.ui-chip b{color:var(--ink)}.ui-chip-new{border-color:var(--brand);background:var(--paper)}.ui-chip-new b{color:var(--brand-dark)}.ui-section{border-top:2px dashed var(--line);padding-top:10px}.ui-section-head{display:flex;align-items:center;justify-content:space-between;min-height:60px}.ui-section-head h3{margin:0;font-size:1rem;color:var(--sub);letter-spacing:.1em}.ui-hint{margin:0 0 8px;color:var(--sub);font-size:.9rem}.ui-pop{animation:ui-pop .28s ease-out}@keyframes ui-pop{0%{transform:scale(.85)}60%{transform:scale(1.06)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.ui-pop{animation:none}.ui-card-btn{transition:none}}.hjo-word{display:flex;align-items:flex-start;justify-content:center;gap:10px}.hjo-slot{display:flex;flex-direction:column;align-items:center;gap:6px}.hjo-tile{width:112px;height:112px}.hjo-letter{font-size:4.4rem}.hjo-tile-o{font-size:3rem}.hjo-blanks{height:112px;display:flex;align-items:center;gap:8px;color:var(--sub);font-size:1.4rem}.hjo-blanks i{width:16px;height:16px;border-radius:50%;border:3px solid var(--line);background:var(--paper)}.hjo-rule{margin:12px 0 4px;color:var(--ink);font-weight:700}.hjo-pick{margin:6px 0 0;text-align:center;color:var(--sub)}.hjo-pick b{color:var(--brand-dark)}.hjo-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hjo-opt{aspect-ratio:1 / 1;min-height:88px;max-height:150px;width:100%;font-size:3.4rem}.hjo-reroll{width:auto}.pcg-rule{margin:0 0 12px;color:var(--ink);font-weight:700}.pcg-slots{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pcg-slot{position:relative;min-width:64px;min-height:52px;display:grid;place-items:center;border-radius:14px;font-weight:700;font-size:.92rem;white-space:nowrap;max-width:100%}.pcg-empty{background:var(--paper);border:3px dashed var(--brand);color:var(--sub);padding:0 10px 0 28px}.pcg-num{position:absolute;top:2px;left:8px;font-size:.75rem;color:var(--brand-dark)}.pcg-model{opacity:.45}.pcg-len{color:var(--brand-dark)}.pcg-ok{background:var(--accent);color:#fff;padding:0 12px}.pcg-placed{font:inherit;font-weight:700;cursor:pointer;width:100%;min-height:52px;padding:0 12px;background:var(--brand);color:#fff;border:none;border-radius:14px}.pcg-msg{min-height:1.6em;margin:12px 0 4px;color:var(--sub)}.pcg-msg b{color:var(--accent-dark)}.pcg-pool{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.pcg-card{padding:0 14px;font-size:1.05rem;white-space:nowrap}.pcg-check,.pcg-again{font-size:1.3rem}.pcg-check:disabled{opacity:.45;cursor:default}.pcg-peek,.pcg-reset{width:auto;align-self:center}.ymn-status{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.ymn-count{font-size:1.5rem;font-weight:700}.ymn-count b{color:var(--accent-dark);font-size:2rem}.ymn-view{margin:12px 0;overflow-x:auto}.ymn-form{display:flex;gap:8px}.ymn-form input{flex:1;font:inherit;font-size:1.2rem;padding:12px;min-height:60px;border:2px solid var(--line);border-radius:var(--radius);min-width:0}.ymn-form input:focus{outline:3px solid var(--brand);border-color:var(--brand)}.ymn-msg{min-height:1.8em;margin:8px 0 0;font-weight:700}.ymn-msg.ok{color:var(--accent-dark)}.ymn-msg.dup{color:var(--brand-dark)}.ymn-msg.ng{color:var(--miss)}.ymn-result{text-align:center}.ymn-result h2{border:none;font-size:1.4rem}.ymn-result .big{font-size:2.6rem;font-weight:700;color:var(--accent-dark)}.kta{--kta-hit: var(--accent-dark);--kta-near: var(--brand);--kta-miss: var(--absent)}.kta-top{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:-10px 0 4px}.kta.ui-stack>*{max-width:560px}.kta-panel{padding:16px 12px 6px}.kta-tries{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:10px}.kta-tries .ui-label{margin-right:4px}.kta-tries i{width:12px;height:12px;border-radius:50%;background:var(--brand)}.kta-tries i.used{background:var(--paper);border:2px solid var(--line)}.kta-hint-text{font-weight:700;color:var(--brand-dark);font-size:1.1rem}.kta-result{margin-left:auto;margin-right:auto}.kta-board{display:grid;gap:6px;justify-content:center}.kta-row{display:grid;grid-template-columns:repeat(4,56px);gap:6px}.kta-tile{position:relative;width:56px;height:56px;border-radius:10px;border:3px solid var(--line);background:var(--paper);display:flex;align-items:center;justify-content:center;font-size:1.9rem;font-weight:700;line-height:1}.kta-tile.kta-typing{border-color:var(--brand)}.kta-tile.kta-hit{background:var(--kta-hit);border-color:var(--kta-hit);color:#fff}.kta-tile.kta-near{background:var(--kta-near);border-color:var(--kta-near);color:var(--ink)}.kta-tile.kta-miss{background:var(--kta-miss);border-color:var(--kta-miss);color:var(--ink)}.kta-msg{text-align:center;font-weight:700;min-height:1.7em;margin:6px auto}.kta-entry{display:flex;gap:8px;align-items:stretch;margin-bottom:10px}.kta-input{flex:1;min-width:0;font:inherit;font-size:1.1rem;padding:10px 14px;min-height:60px;border:2px solid var(--line);border-radius:999px;background:var(--bg)}.kta-input:focus{outline:3px solid var(--brand);border-color:var(--brand)}.kta-keys{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.kta-key{font:inherit;font-size:1.15rem;font-weight:700;cursor:pointer;min-height:46px;min-width:0;padding:0;border-radius:8px;border:2px solid transparent;background:#cfe6e2;color:var(--ink)}@media(hover:hover){.kta-key:hover{border-color:var(--brand)}}.kta-key-space{border:2px dashed var(--line);border-radius:8px;min-height:46px}.kta-key.kta-hit{background:var(--kta-hit);border-color:var(--kta-hit);color:#fff}.kta-key.kta-near{background:var(--kta-near);border-color:var(--kta-near)}.kta-key.kta-miss{background:var(--kta-miss);border-color:var(--kta-miss);color:var(--ink)}.kta-key{position:relative}.kta-key-subs{position:absolute;top:1px;right:1px;display:flex;gap:1px}.kta-sub{font-size:.6rem;line-height:1;padding:1px 2px;border-radius:4px;color:var(--ink);background:var(--paper);border:1px solid var(--line)}.kta-sub.kta-hit{background:var(--kta-hit);border-color:var(--kta-hit);color:#fff}.kta-sub.kta-near{background:var(--kta-near);border-color:var(--kta-near)}.kta-sub.kta-miss{background:var(--kta-miss);border-color:var(--kta-miss)}.kta-key.kta-enter{min-height:60px;padding:0 22px;border-radius:12px;font-size:1.2rem;background:var(--brand);border-color:var(--brand);color:#fff;white-space:nowrap}@media(hover:hover){.kta-key.kta-enter:hover{background:var(--brand-dark)}}.kta-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.kta-tools .kta-key{min-height:52px;background:var(--paper);border-color:var(--line);font-size:1.15rem}.kta-result{text-align:center}.kta-result h2{border:none;font-size:1.4rem;margin:8px 0}.kta-answer{font-size:1.2rem}.kta-answer strong{font-size:1.8rem;color:var(--accent-dark)}.kta-legend{list-style:none;padding:0;margin:0 0 8px;font-size:.9rem;color:var(--sub)}.kta-legend li{display:flex;align-items:center;gap:8px;margin:4px 0}.kta-tile.kta-mini{width:28px;height:28px;border-radius:6px;animation:none;font-size:1rem}@media(max-width:480px){#game.kta{padding:12px}}@media(max-width:380px){#game.kta{margin-left:-16px;margin-right:-16px;padding:8px 2px;border-left:0;border-right:0;border-radius:0}.kta-keys{gap:3px}.kta-key{font-size:1rem}}.cell-hidden{fill:#eee8d8}.cell-hit{fill:var(--accent)}.cell-miss{fill:#f8d3cc}text.cell-label{pointer-events:none}.ymn-regions h3{margin:12px 0 6px}.ymn-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border-radius:999px;padding:4px 12px;font-size:.9rem;background:#eee8d8;color:var(--sub);border:1px solid var(--line)}.chip.hit{background:var(--accent);color:#fff;border-color:var(--accent-dark)}.chip.miss{background:#f8d3cc;color:var(--ink)}.ptable{display:grid;grid-template-columns:repeat(18,minmax(30px,1fr));gap:2px;min-width:620px}.ptable .pcell{aspect-ratio:1;border-radius:4px;background:#eee8d8;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.7rem;color:var(--sub);overflow:hidden}.ptable .pcell b{font-size:.85rem;color:var(--ink)}.ptable .pcell.hit{background:var(--accent);color:#e7f6ee}.ptable .pcell.hit b{color:#fff}.ptable .pcell.miss{background:#f8d3cc}.dekitayo-list{list-style:none;padding:0}.dekitayo-list li{background:var(--paper);border:2px solid var(--line);border-radius:var(--radius);padding:12px 16px;margin:10px 0}.dekitayo-list .zukan{color:var(--accent-dark);font-weight:700}@media(max-width:480px){.amj-letter{font-size:3rem}.amj-theme{font-size:1.4rem}.hjo-tile{width:92px;height:92px}.hjo-blanks{height:92px}.hjo-letter{font-size:3.6rem}.hjo-opt{font-size:2.8rem}.nav-links a{padding:8px;font-size:.9rem}}
