.loop-entry { min-height: 3.4rem; margin: .2rem 0 .7rem; color: var(--navy); font-size: clamp(1.7rem, 7vw, 2.45rem); font-weight: 900; letter-spacing: .14em; text-align: center; text-transform: uppercase; }
.status-row { flex-wrap: wrap; gap: .5rem 1.15rem; }
.letter-loop { width: min(22rem, 80vw); height: 16.5rem; position: relative; margin: 0 auto; }
.loop-letter { position: absolute; width: 4.8rem; height: 4.8rem; display: grid; place-items: center; transform: translate(-50%, -50%); border: 2px solid var(--navy); border-radius: 50%; background: var(--white); color: var(--navy); font-size: 1.55rem; font-weight: 900; box-shadow: 2px 3px 0 var(--paper-deep); cursor: pointer; }
.loop-letter:nth-child(1){left:50%;top:50%;z-index:2;background:var(--mustard)}
.loop-letter:nth-child(2){left:50%;top:15%}.loop-letter:nth-child(3){left:78%;top:32%}.loop-letter:nth-child(4){left:78%;top:68%}.loop-letter:nth-child(5){left:50%;top:85%}.loop-letter:nth-child(6){left:22%;top:68%}.loop-letter:nth-child(7){left:22%;top:32%}
.loop-letter:active { transform: translate(-50%,-50%) scale(.92); }
.word-bank { margin: 1.5rem auto 0; border-top: 1px solid var(--line); }
.word-bank > button { width: 100%; padding: 1rem 0; border: 0; background: transparent; color: var(--navy); font-weight: 850; text-align: left; cursor:pointer; }
.word-bank [data-word-list] { display: flex; flex-wrap: wrap; gap: .5rem; }.word-bank [data-word-list][hidden]{display:none}
.word-bank [data-word-list] span { padding: .35rem .6rem; border-radius: 999px; background: var(--white); color: var(--teal); font-size: .78rem; font-weight: 800; }
@media(max-width:390px){.letter-loop{height:15rem}.loop-letter{width:4.2rem;height:4.2rem}}
@media(max-height:620px) and (orientation:landscape){.word-game{display:grid;grid-template-columns:minmax(15rem,.9fr) minmax(0,1.1fr);grid-template-rows:auto auto auto auto auto 1fr;gap:0 .8rem}.word-header,.intro,.status-row,.loop-entry,.message,.actions,.word-bank{grid-column:1}.word-header{grid-row:1}.intro{grid-row:2}.status-row{grid-row:3}.loop-entry{grid-row:4;min-height:1.6rem;margin:.1rem 0;font-size:1.15rem}.message{grid-row:5}.actions{grid-row:6;align-self:start}.letter-loop{grid-column:2;grid-row:1/-1;width:min(22rem,calc(100dvh - .7rem));height:calc(100dvh - .7rem);margin:0 auto}.loop-letter{width:clamp(2.5rem,15vh,3.3rem);height:clamp(2.5rem,15vh,3.3rem);font-size:1rem}.word-bank{display:none}}