:root{font-family:Arial,"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;color:#333;background:#f3f3f1;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100svh}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #c4c4c0;background:#fafaf8;border-radius:4px;min-height:44px;padding:11px 22px}button:hover{background:#e9e9e5}button:focus-visible{outline:2px solid #555;outline-offset:4px}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}main{max-width:860px;margin:0 auto;padding:40px 20px 72px}.panel{width:100%}.intro{text-align:center;max-width:700px;margin:0 auto}.intro h1,.game h2{font-size:28px;font-weight:400;letter-spacing:.08em;margin:0}.lead{font-size:18px;margin:54px 0 30px}.rules{display:inline-block;text-align:left;line-height:1.9;font-size:15px;margin:0 auto 42px}.rules p{margin:4px 0}.primary{background:#f3e3de;border-color:#b7756c;min-width:145px}.game{margin-top:64px}.game-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:32px}.timer{font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:14px}.timer span{font-size:20px;margin-left:8px}.search-area{display:grid;grid-template-columns:minmax(220px,300px) minmax(280px,1fr);gap:56px;align-items:center;min-height:420px;padding:36px;border:1px solid #d2d2cd;background:#f8f8f5}.owner-block{text-align:center}.owner-name{margin-bottom:20px}.owner-ruby{font-size:38px;letter-spacing:.12em}.owner-ruby rt{font-size:14px;letter-spacing:.08em}.owner-ruby rt span{display:inline-block;min-width:.85em;text-align:center}.pet-spot{font-weight:900;cursor:inherit!important}.owner-image{display:block;width:170px;height:210px;object-fit:contain;margin:0 auto}.talk-block{align-self:center}.label{font-size:13px;color:#666;margin-bottom:8px}.speech-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.speech-tab{min-height:34px;padding:6px 10px;font-size:12px}.speech-tab[aria-selected="true"]{background:#e8e8e3;border-color:#999}.speech-tab:disabled{opacity:.35}.speech{position:relative;border:1px solid #c9c9c4;background:#fff;border-radius:8px;padding:22px 24px;min-height:94px;line-height:1.8}.speech:before{content:"";position:absolute;left:-12px;top:34px;width:22px;height:22px;background:#fff;border-left:1px solid #c9c9c4;border-bottom:1px solid #c9c9c4;transform:rotate(45deg)}.controls{text-align:center;margin-top:28px}.status{min-height:24px;margin:14px 0 0;font-size:14px}dialog{border:1px solid #c9c9c4;background:#f8f8f5;color:#333;width:460px;max-width:calc(100% - 32px);padding:34px 28px 30px;text-align:center}dialog::backdrop{background:#0006}dialog h2{font-size:24px;font-weight:400;letter-spacing:.08em;margin:0 0 24px}.clear-image{width:100%;max-width:360px;border:1px solid #d1d1cc;background:#fff}.clear-time{margin:22px 0 20px}.clear-time strong{font-size:20px;font-weight:500}@media(max-width:650px){main{padding:28px 16px 52px}.game{margin-top:48px}.game-head{align-items:flex-start}.game h2{font-size:23px}.timer{font-size:12px}.timer span{display:block;margin:5px 0 0;font-size:18px}.search-area{grid-template-columns:1fr;gap:26px;padding:26px 18px;min-height:0}.owner-image{width:140px;height:170px}.talk-block{width:100%}.speech:before{left:50%;top:-12px;border-left:1px solid #c9c9c4;border-top:1px solid #c9c9c4;border-bottom:0;transform:translateX(-50%) rotate(45deg)}.rules{font-size:14px}.lead{margin-top:42px}}

/* Quiet owner silhouette; give the rules and spoken text visual priority. */
:root{background:#f4f5f2;color:#303b36}main{max-width:920px;padding:48px 28px 64px}.intro{max-width:760px}.intro h1{font-size:30px;letter-spacing:.12em}.lead{font-size:17px;color:#59655f;margin:20px 0 28px}.rules{display:block;margin:0 0 24px;padding:24px 28px;background:#fff;border:1px solid #dde3dd;border-left:3px solid #6d8677;border-radius:8px;font-size:15px;line-height:1.95}.rules-title{margin:0 0 14px;font-size:16px;font-weight:600;letter-spacing:.12em}.rules p{margin:0;padding:10px 0}.rules p+p{border-top:1px solid #edf0eb}.primary{background:#e5ece6;border-color:#9bae9e;border-radius:5px;min-width:154px;letter-spacing:.06em}.primary:hover:not(:disabled){background:#d8e4da}.primary:disabled{background:#edf0eb}.game{margin-top:42px}.game-head{margin-bottom:20px;padding:0 2px}.game h2{font-size:19px;letter-spacing:.06em;color:#67736b}.timer{color:#78827c;font-size:11px}.timer span{font-size:17px;color:#505d54}.search-area{grid-template-columns:160px minmax(0,1fr);gap:34px;min-height:280px;padding:26px 18px;border:0;border-radius:0;background:transparent}.owner-name{margin-bottom:12px}.owner-image{width:110px;height:130px}.owner-block{align-self:center}.label{font-size:13px;font-weight:500;color:#647568;letter-spacing:.06em;margin-bottom:12px}.speech{min-height:138px;padding:28px 30px;font-size:20px;line-height:1.9;letter-spacing:.025em;background:#fff;border-color:#ccd8ce;border-radius:9px;box-shadow:0 4px 16px #344a3b05;display:flex;align-items:center}.speech:before{border-color:#ccd8ce;top:48px}.talk-block{display:flex;flex-direction:column;min-width:0}.talk-block .label{order:0}.speech{order:1}.speech-tabs{order:2;margin:14px 0 0;gap:7px}.speech-tab{font-size:12px;min-height:36px;padding:6px 11px;background:transparent;border-color:#dce2db;color:#637366}.speech-tab[aria-selected="true"]{background:#e2ebe3;border-color:#9fb4a3;color:#304d38}.speech-tab:disabled{opacity:.45}.controls{margin-top:18px}.status{color:#657267}.clear-links{border-top:1px solid #e0e5df;padding-top:20px}dialog{border-color:#d4ddd3;border-radius:10px;background:#fff;max-height:calc(100svh - 32px);overflow:auto}@media(max-width:650px){main{padding:30px 18px 40px}.intro h1{font-size:27px}.lead{font-size:16px;margin:16px 0 24px}.rules{padding:18px 19px;font-size:14px;line-height:1.9}.rules p{padding:11px 0}.rules-title{font-size:15px;margin-bottom:6px}.game{margin-top:34px}.game-head{align-items:center}.game h2{font-size:18px}.timer span{display:inline;margin-left:6px;font-size:16px}.search-area{grid-template-columns:1fr;gap:18px;padding:12px 0 0}.owner-block{display:flex;justify-content:center;align-items:center;gap:18px}.owner-name{margin:0}.owner-image{width:70px;height:84px;margin:0}.speech{font-size:18px;min-height:130px;padding:23px 22px}.speech:before{top:-12px;left:50%}.speech-tabs{gap:6px;justify-content:center}.speech-tab{padding:6px 8px}.controls{margin-top:24px}}

/* A quiet caption, retaining the subtle darker-kana clue. */
.owner-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.owner-image{order:0}.owner-name{order:1;margin:0;line-height:1.5}.owner-ruby{font-size:16px;font-weight:400;letter-spacing:.025em;color:#707970}.owner-ruby rt{font-size:9px;font-weight:400;letter-spacing:0;color:#7a817b}.owner-ruby rt span{min-width:0;font-weight:400}.owner-ruby rt .pet-spot{font-weight:400;color:#58645b}@media(max-width:650px){.owner-block{gap:7px}.owner-name{margin:0}.owner-ruby{font-size:15px}.owner-ruby rt{font-size:9px}}

/* A conversation, with a small speaker caption and per-kanji ruby. */
.game{max-width:760px;margin:42px auto 0}.search-area{grid-template-columns:100px minmax(0,1fr);align-items:start;gap:26px;padding:24px 0 12px;min-height:230px}.owner-block{padding-top:14px;gap:8px}.owner-image{width:76px;height:90px}.owner-name{white-space:nowrap;line-height:1.65}.owner-ruby{font-size:15px;font-weight:400;letter-spacing:0;color:#707970}.owner-ruby ruby{ruby-align:center;ruby-position:over}.owner-ruby rt{font-size:8px;font-weight:400;line-height:1.1;letter-spacing:0;color:#7a817b}.owner-ruby rt span{display:inline;min-width:0}.owner-ruby rt .pet-spot{font-weight:400;color:#58645b}.talk-block{align-self:start}.speech{min-height:148px;padding:28px 30px;font-size:20px;line-height:1.9}.speech:before{left:-9px;top:39px;width:16px;height:16px;border-top:0;border-left:1px solid #ccd8ce;border-bottom:1px solid #ccd8ce;transform:rotate(45deg)}.speech-tabs{justify-content:flex-start;margin-top:14px}.controls{margin-top:12px}@media(max-width:650px){.game{margin-top:34px}.search-area{grid-template-columns:68px minmax(0,1fr);gap:16px;padding:20px 0 8px;min-height:0}.owner-block{padding-top:15px;gap:7px}.owner-image{width:60px;height:72px}.owner-ruby{font-size:14px}.owner-ruby rt{font-size:8px}.speech{min-height:146px;padding:20px 18px;font-size:17px;line-height:1.9}.speech:before{left:-9px;top:32px;transform:rotate(45deg)}.speech-tabs{gap:6px;justify-content:flex-start}.speech-tab{font-size:11px;padding:5px 8px;min-height:34px}.controls{margin-top:24px}}

.owner-block{align-self:start}

/* Compact overview: rules, start/timer, and conversation in one flow. */
main{max-width:860px;padding:24px 24px 28px}.intro h1{font-size:27px;margin-bottom:20px}.rules{padding:13px 20px;margin-bottom:16px;font-size:14px;line-height:1.6}.rules-title{font-size:14px;margin:0 0 4px}.rules p{padding:6px 0}.start-row{display:flex;align-items:center;justify-content:center;gap:24px}.timer{min-width:124px;text-align:left}.timer span{display:inline;margin-left:6px}.game{margin-top:18px}.search-area{min-height:0;padding:10px 0 0;gap:22px;grid-template-columns:86px minmax(0,1fr)}.owner-block{padding-top:8px;gap:4px}.owner-image{width:64px;height:76px}.owner-name,.owner-name *{cursor:default!important}.speech{min-height:112px;padding:20px 24px;font-size:22px;line-height:1.65}.speech:before{top:27px}.speech-tabs{margin-top:9px;gap:6px}.controls{margin-top:14px}.status{margin:8px 0 0;min-height:22px}.return-game{display:block;border:0;border-bottom:1px solid #a5afa6;background:none;margin:15px auto 0;padding:8px 12px;font-size:14px}.clear-image{object-fit:contain}.clear-links{margin-top:18px;padding-top:14px}@media(max-width:650px){main{padding:18px 16px 24px}.intro h1{font-size:25px;margin-bottom:16px}.rules{padding:12px 15px;font-size:13px;line-height:1.65;margin-bottom:14px}.rules-title{font-size:14px;margin-bottom:3px}.rules p{padding:6px 0}.start-row{gap:18px}.primary{min-width:132px}.timer{min-width:120px;font-size:10px}.timer span{font-size:16px}.game{margin-top:16px}.search-area{grid-template-columns:60px minmax(0,1fr);gap:14px;padding-top:8px}.owner-image{width:54px;height:64px}.owner-block{padding-top:10px;gap:5px}.speech{font-size:20px;line-height:1.6;padding:17px 17px;min-height:116px}.speech:before{top:25px}.speech-tabs{gap:5px;margin-top:9px}.speech-tab{font-size:10px;padding:5px 7px;min-height:32px}.controls{margin-top:14px}}

.start-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px}.start-row #start{grid-column:2}.start-row .timer{grid-column:3;justify-self:end;min-width:0;text-align:right;white-space:nowrap}.speech-tab{min-width:36px;padding-inline:10px}@media(max-width:450px){.start-row{gap:6px}.start-row .timer{font-size:9px}.start-row .timer span{display:block;margin:2px 0 0;font-size:14px;letter-spacing:.02em}}