body.word-page{height:100dvh;overflow:hidden;background:none}.word-page .shell{display:flex;flex-direction:column;padding:0;min-height:0;height:calc(100dvh - 48px);overflow:hidden}.game-setup{display:flex;flex-direction:column;flex:1;min-height:0;padding:10px 16px 12px}.setup-content{flex:1;min-height:0;overflow:auto;padding:2px 3px 10px}.game-banner{display:block;width:100%;height:auto;border-radius:18px}.intro{text-align:center;font-size:14px;font-weight:700}fieldset{padding:0;margin:14px 0;border:0}legend{font-size:14px;font-weight:800;margin-bottom:10px}.choices{display:flex;gap:7px}.choices label{flex:1;position:relative}.choices input{position:absolute;opacity:0}.choices span{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 3px;border:2px solid var(--line);border-radius:14px;background:#fffdf8;font-size:23px}.choices b{font-size:14px}.choices small{font-size:10px}.choices input:checked+span{background:#e3f5f9;border-color:var(--blue);color:var(--blue)}.choices input:focus-visible+span{outline:3px solid var(--blue)}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:58px;font-size:13px;font-weight:800}.setting-row small{display:block;font-size:11px;font-weight:400;margin-top:4px}.setting-row input{width:24px;height:24px;accent-color:var(--blue)}.setting-row select{padding:10px;border:1px solid var(--line);border-radius:12px;background:white;font-size:13px}.rules-note{font-size:12px;line-height:1.6;color:#765e4d}.records-link{background:#e3f5f9;border:2px solid #b9dfe3;border-radius:14px;color:var(--blue);font-weight:800;width:100%;margin-top:10px}.setup-footer{padding-top:12px;border-top:1px solid var(--line)}.primary{width:100%;font-size:15px;min-height:48px}#play{display:flex;flex:1;min-height:0;flex-direction:column;gap:8px;padding:10px 14px;overflow:auto}.score-row{display:flex;justify-content:space-around;text-align:center}.score-row strong{display:block;color:var(--blue);font-size:23px}.score-row span{font-size:11px}.time-row{display:flex;align-items:center;gap:8px;font-size:11px}.time-row progress{flex:1;min-width:0;height:9px;accent-color:#20adb7}.time-row strong{width:38px;text-align:right}.target{background:#e3f5f9;border:1px solid #b9dfe3;border-radius:17px;text-align:center;padding:9px}.target>span,.target small{display:block;font-size:11px}.target strong{display:block;font-size:28px;letter-spacing:4px;color:var(--blue);line-height:1.5}#board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;touch-action:none;user-select:none;-webkit-user-select:none;flex-shrink:0}#board button{height:clamp(34px,calc((100dvh - 345px)/8),49px);min-height:34px;padding:0;border:2px solid #e9dcc5;border-radius:10px;background:#fffdf8;box-shadow:0 2px 0 #e9dcc5;font-size:21px;font-weight:900}#board button.selected{background:#fff0b2;border-color:#d49316;color:#654505}#board button.solved{background:#d6f1db;border-color:#409252;color:#246132}#feedback{text-align:center;min-height:32px;font-size:12px;font-weight:800;margin:3px 0}#growth{text-align:center;margin:0}.result{overflow:auto;flex:1;text-align:center;padding:24px}.result-star{font-size:45px}.result>img{height:200px;object-fit:contain}.result h2{font-size:24px}.result p{line-height:1.8}.record-item{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}dialog{max-width:min(420px,calc(100vw - 28px));max-height:85dvh;overflow:auto}dialog h2{font-size:23px}@media(max-width:520px){.word-page .shell{height:100dvh;min-height:0}.game-setup{padding-bottom:max(12px,env(safe-area-inset-bottom))}#play{padding-bottom:max(10px,env(safe-area-inset-bottom))}}@media(max-height:660px){#play{gap:5px}.target{padding:4px}.target strong{font-size:24px}.score-row strong{font-size:19px}#board{gap:4px}#feedback{min-height:26px;margin:0}}

/* Keep the search area centered, with both companions at the bottom. */
#play>.score-row,#play>.time-row,#play>.target{flex-shrink:0}
.target strong{font-size:clamp(34px,9vw,44px);line-height:1.25;letter-spacing:5px;margin:4px 0;font-weight:900}
.board-area{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px 0}
#board{width:100%;max-width:350px;margin-inline:auto}
#board button{height:clamp(34px,calc((100dvh - 420px)/8),46px)}
.board-area #feedback{width:100%;min-height:0;margin:2px 0}
.word-companions{display:flex;gap:12px;justify-content:center;align-items:flex-end;flex-shrink:0;margin-top:auto;padding-top:4px}
.word-friend{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}
.word-friend p{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:0;padding:7px 9px;border:1px solid #b9dfe3;border-radius:14px;background:#e3f5f9;color:#25526a;text-align:center;font-size:11px;font-weight:700;line-height:1.35}
.word-friend:nth-child(2) p{background:#fff0cf;border-color:#ead49a;color:#705222}
.word-friend img{display:block;width:72px;height:80px;object-fit:contain}
@media(max-height:700px){.board-area{gap:5px;padding:4px 0}.word-friend img{height:56px;width:60px}.word-friend p{min-height:38px;padding:5px 7px}.target strong{font-size:34px}.word-companions{gap:9px}}

/* One speech bubble at a time, above larger character sprites. */
.word-companions{position:relative;min-height:196px;padding-top:44px;gap:28px}
.word-friend{flex:0 1 150px}
.word-friend img{width:140px;height:150px;object-fit:contain}
.word-friend:nth-child(2) img{width:106px;height:114px}
.word-friend p{position:absolute;top:0;left:5%;width:90%;min-height:40px;background:white;border:2px solid #b9dfe3;border-radius:20px;box-shadow:0 3px 0 #cce6e8;font-size:12px}
.word-friend p::after{content:'';position:absolute;bottom:-9px;left:24%;width:14px;height:14px;background:white;border-right:2px solid #b9dfe3;border-bottom:2px solid #b9dfe3;transform:rotate(45deg)}
.word-friend:nth-child(2) p::after{left:75%;background:#fff0cf;border-color:#ead49a}
.sr-word{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#board{perspective:800px}
#board button{position:relative;transform-style:preserve-3d}
#board button>span{display:block;backface-visibility:hidden;transform:translateZ(1px)}
#board button::after{content:'✦';position:absolute;inset:-2px;display:grid;place-items:center;border:2px solid #74c4cb;border-radius:10px;background:#cef0ef;color:#3194a4;backface-visibility:hidden;transform:rotateY(180deg)}
#board.flipping-out button{animation:letter-out .34s .04s ease-in forwards}
#board.flipping-in button{animation:letter-in .28s ease-out both}
#board.animation-paused button{animation-play-state:paused}
@keyframes letter-out{to{transform:rotateY(180deg)}}
@keyframes letter-in{from{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}
@media(max-height:740px){.word-companions{min-height:159px;padding-top:43px}.word-friend img{height:112px;width:112px}.word-friend:nth-child(2) img{height:86px;width:88px}}
@media(prefers-reduced-motion:reduce){#board button{animation:none!important}}

.score-row #hearts{color:#c63663;font-size:22px;letter-spacing:1px;white-space:nowrap}