.board{gap:var(--gap,3px)}
.tools{border-top:0;padding:0;gap:12px;justify-content:flex-start;min-height:66px}
.tool-area{margin:0 0 13px;border-top:1px solid #ecece1;border-bottom:1px solid #ecece1;padding:5px 0 8px}
.mode-switch{flex:1;padding:4px;gap:4px}
.mode-switch button{flex:1;min-height:44px;font-size:12px;padding:10px 7px;white-space:nowrap}
#guoguo-rest{position:relative;display:block;flex:0 0 56px;height:64px;border-radius:45%;background:#edf1e5;border:1px dashed #cad5bd}
#guoguo-rest>span{position:absolute;bottom:2px;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:1px;color:#a2ad93}
#tool-hint{font-size:10px;line-height:1.5;color:#8c997b;text-align:center;margin:2px 0 0}
.cell.questioned{background:#fbefd1;border:1px dashed #c9a657;color:#a68442;box-shadow:0 3px 0 #d9c9a6}
.guoguo-actor.parked,.guoguo-actor.returning{width:48px;height:60px;opacity:1}
.guoguo-actor.parked svg,.guoguo-actor.returning svg{width:48px;height:60px}
.guoguo-actor.parked .actor-bubble,.guoguo-actor.returning .actor-bubble{display:none}
.guoguo-actor.returning svg{animation:guoguo-walk .17s ease-in-out infinite alternate}
.guoguo-actor.thinking svg{animation:guoguo-idle .25s ease-in-out infinite alternate}
.guoguo-actor.thinking .broom{opacity:.3}
body[data-level=hard] .topbar{padding:6px 24px}
body[data-level=hard] .brand-icon{width:32px;height:32px;font-size:21px;border-radius:10px}
body[data-level=hard] .brand small{display:none}
body[data-level=hard] main{padding:10px 20px 12px;max-width:1320px}
body[data-level=hard] .intro{display:none}
body[data-level=hard] .intro .eyebrow,body[data-level=hard] .intro p{display:none}
body[data-level=hard] h1{font-size:27px;margin:0;line-height:1.3;letter-spacing:3px}
body[data-level=hard] .title-star{font-size:22px}
body[data-level=hard] .play-layout{display:block;max-width:1240px}
body[data-level=hard] .companion,body[data-level=hard] .field-notes,body[data-level=hard] footer{display:none}
body[data-level=hard] .game-panel{padding:12px 18px;border-radius:16px}
body[data-level=hard] .panel-top{margin-bottom:8px}
body[data-level=hard] .levels button{padding-top:6px;padding-bottom:6px}
body[data-level=hard] .scorebar{margin:8px 0}
body[data-level=hard] .face{height:35px;width:38px;font-size:22px;border-radius:11px}
body[data-level=hard] .stat{gap:2px}
body[data-level=hard] .stat strong{font-size:20px}
body[data-level=hard] .tool-area{padding:2px 0 5px;margin-bottom:8px}
body[data-level=hard] .status-line{min-height:28px;padding:5px 0}
body[data-level=hard] .input-hint{margin-top:0}
body[data-level=hard] .fun-toolbar{margin-top:6px;padding-top:6px}
body[data-fit=full] .board-scroll{overflow:hidden;max-height:none}
body[data-fit=full] .board{min-width:0}
body[data-fit=full] .cell{border-radius:3px;box-shadow:0 1px 0 #bccbae}
@media(min-width:1000px) and (max-height:900px){
  body[data-level=hard] .game-panel{display:grid;grid-template-columns:minmax(180px,1fr) minmax(300px,1.4fr) 210px;column-gap:16px;align-items:center}
  body[data-level=hard] .panel-top{grid-column:1;grid-row:1;margin:0}
  body[data-level=hard] .levels{grid-column:1;grid-row:2}
  body[data-level=hard] .scorebar{grid-column:3;grid-row:1/3}
  body[data-level=hard] .tool-area{grid-column:2;grid-row:1/3;border:0;margin:0;padding:0}
  body[data-level=hard] .board-scroll{grid-column:1/-1;grid-row:3;margin-top:10px}
  body[data-level=hard] .status-line{grid-column:1/-1;grid-row:4}
  body[data-level=hard] .input-hint{grid-column:1/-1;grid-row:5}
  body[data-level=hard] .fun-toolbar{grid-column:1/-1;grid-row:6}
}
@media(max-width:650px){.mode-switch button{font-size:10px;padding:8px 4px}.tools{gap:8px}#guoguo-rest{flex-basis:48px}#tool-hint{font-size:9px}.tool-area{margin-bottom:10px}body[data-level=hard] main{padding-left:12px;padding-right:12px}body[data-level=hard] .game-panel{padding-left:12px;padding-right:12px}}
