*{box-sizing:border-box}body{margin:0;background:#435b4d;color:#493d32;font-family:ui-rounded,"Trebuchet MS",sans-serif;display:grid;place-items:center;min-height:100vh}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible{outline:5px solid #215e69;outline-offset:6px;box-shadow:0 0 24px #fff9}button:hover{filter:brightness(1.04)}#game{width:min(100vw,calc(100vh * 16 / 9));min-height:min(100vh,calc(100vw * 9 / 16));padding:clamp(20px,4vw,64px);background:#fff4df;position:relative;border-radius:24px}header{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:14px;letter-spacing:3px;color:#7d715b;font-weight:bold}h1{margin:4px 0;font-size:clamp(24px,3vw,44px)}#sound,#again,#resume{background:#e6e9d8;border-radius:40px;padding:12px 20px;font-size:18px;font-weight:bold}#message{font-size:clamp(18px,2vw,28px);margin:14px 0 20px;min-height:1.4em}.room{position:relative;width:100%;aspect-ratio:1000/560}.room-art{display:block;width:100%;height:100%}#fox{position:absolute;width:22%;left:39%;bottom:15%;transition:transform .5s}#fox svg{display:block;width:100%}#heart{display:none;position:absolute;top:-10%;left:45%;color:#bf4f48;font-size:54px;animation:float 1s infinite alternate}.table{position:absolute;left:39%;bottom:8%;width:24%;height:24%;background:linear-gradient(#9d643f 0 18%,transparent 18%);border-radius:14px;padding:0}.table:before,.table:after{content:"";position:absolute;top:14%;height:85%;width:7%;background:#9d643f;z-index:0}.table:before{left:8%}.table:after{right:8%}.plate{position:absolute;left:30%;top:-28%;width:40%;height:40%;background:#fff7e8;border:3px solid #ddd0b3;border-radius:50%;display:grid;place-items:center}#chicken{font-size:clamp(24px,4vw,56px);transition:opacity .4s}.table-label{position:absolute;top:45%;left:0;width:100%;border-radius:30px;background:#fff4df;padding:8px;font-weight:bold;font-size:clamp(16px,1.8vw,24px)}.object-label{position:absolute;font-size:clamp(12px,1.6vw,20px);color:#63523e}.bed{top:61%;left:9%}.bath{top:77%;right:7%}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px}#hint{font-size:clamp(14px,1.4vw,20px);color:#6f695a}.eating #fox{animation:nibble .3s infinite alternate}.fed #heart{display:block}.fed #chicken{opacity:0}#pause{position:absolute;inset:0;background:#3d4d42bb;display:grid;place-items:center;border-radius:24px}#pause[hidden]{display:none}#pause>div{background:#fff4df;padding:40px;border-radius:24px;text-align:center}@keyframes nibble{to{transform:translateY(6px) rotate(2deg)}}@keyframes float{to{transform:translateY(-10px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
#dress{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#dress[hidden]{display:none}#clothes{background:#f8cce0;border-radius:30px;padding:12px 20px;font-size:18px;font-weight:bold}footer{flex-wrap:wrap}

#exit{background:#f8cce0;border-radius:30px;padding:12px 20px;font-size:18px;font-weight:bold;margin-left:12px}#game{height:min(100vh,56.25vw);display:flex;flex-direction:column}.room{flex:1;min-height:0;aspect-ratio:auto}.room-art{height:100%}header,#message,footer{flex-shrink:0}@media(max-width:700px){#game{height:auto;min-height:100vh}.room{aspect-ratio:1000/560;flex:none}footer{justify-content:center}#pause>div{padding:20px}}

button.controller-focus{outline:5px solid #215e69;outline-offset:5px;box-shadow:0 0 0 9px #fff8,0 0 24px #215e6966;z-index:5}button[aria-disabled="true"]{opacity:.65;cursor:default}#controller-status{font-size:18px;width:100%;margin:4px 0;color:#435b4d}#hint{width:100%;margin:4px 0 10px}#pause{z-index:20}#pause>div>p{font-size:20px}.is-paused .room *{animation-play-state:paused!important}

#fox{height:85%}#fox svg{height:100%;width:100%}#hint{font-size:18px}

#person{position:absolute;width:10%;height:48%;left:30%;top:86%;transform:translate(-50%,-100%);pointer-events:none;z-index:8}#person svg{width:100%;height:100%}.walking .person-body{animation:person-step .22s infinite alternate}#clothes.wardrobe{position:absolute;right:4%;bottom:4%;width:26%;font-size:18px;padding:10px;z-index:9}button.nearby{outline:5px solid #215e69;outline-offset:5px;box-shadow:0 0 16px #fff;z-index:9}#walk-prompt{font-size:20px;font-weight:bold;width:100%;margin:4px 0}#controller-status{font-size:16px}#hint{font-size:16px}#person{z-index:6}@keyframes person-step{to{transform:translateY(-4px) rotate(2deg)}}

#bath{position:absolute;left:73%;top:47%;width:23%;height:26%;background:transparent;border-radius:18px;z-index:5}#bath>span{position:absolute;bottom:-16%;left:0;width:100%;font-size:18px;font-weight:bold;background:#e7f4ee;border-radius:25px;padding:7px}#bath-water{display:none;position:absolute;left:76%;top:55%;width:18%;height:17%;border-radius:50%;background:#b7e3e8cc;z-index:4;pointer-events:none}.bathing #bath-water{display:block}.bathing #fox{left:74%;bottom:30%;height:65%;z-index:3}.bathing #dress,.bathing #heart{display:none!important}#bath-water i{position:absolute;width:18px;height:18px;bottom:50%;background:#fff9;border:2px solid #fff;border-radius:50%;animation:bubble 1s infinite}#bath-water i:nth-child(1){left:10%}#bath-water i:nth-child(2){left:35%;animation-delay:.2s}#bath-water i:nth-child(3){left:60%;animation-delay:.5s}#bath-water i:nth-child(4){left:80%;animation-delay:.7s}@keyframes bubble{to{transform:translateY(-45px);opacity:0}}

#bed{position:absolute;left:5%;top:43%;width:24%;height:20%;background:transparent;border-radius:18px;z-index:5}#bed>span{position:absolute;bottom:-22%;left:0;width:100%;font-size:18px;font-weight:bold;background:#fff6df;border-radius:25px;padding:7px}#blanket{display:none;position:absolute;left:7%;top:48%;width:20%;height:11%;background:#9abbb7;border:3px solid #779d99;border-radius:20px 10px 18px 18px;z-index:4;pointer-events:none}#sleep-z{display:none;position:absolute;left:20%;top:22%;font-size:26px;color:#435b4d;font-weight:bold;z-index:4;pointer-events:none;animation:sleep-z 1s infinite alternate}.sleeping #blanket,.sleeping #sleep-z{display:block}.sleeping #fox{left:7%;bottom:42%;height:49%;width:22%;z-index:3;transform:rotate(-12deg)}.sleeping #heart,.sleeping #dress{display:none!important}.sleeping #eyes{transform:scaleY(.15);transform-origin:107px 96px}@keyframes sleep-z{to{transform:translateY(-8px);opacity:.5}}

.walking-mode button:not(.nearby){outline:none;box-shadow:none}
.outdoor-art{display:none;width:100%;height:100%;position:absolute;inset:0}
#door{position:absolute;right:0;top:73%;width:12%;height:23%;background:#8d6143;border:4px solid #e8c59a;border-radius:24px 24px 4px 4px;z-index:5;color:#fff6df;font-size:18px;font-weight:bold}
#door span{display:block;background:#fff4df;color:#493d32;border-radius:20px;padding:8px;position:absolute;bottom:0;left:-12%;width:124%}
.outside .room-art,.outside #fox,.outside #table,.outside #clothes,.outside #bath,.outside #bed,.outside #blanket,.outside #sleep-z,.outside #bath-water{display:none!important}
.outside .outdoor-art{display:block}.outside #door{left:71%;top:42%;width:10%;height:22%;background:transparent;border-color:transparent}
.outside #again{display:none}
/* A bright, full-height door with a visible handle and sign beneath it. */
#door{left:1%;right:auto;top:65%;width:14%;height:30%;background:#397b96;border:6px solid #ffdc77;border-radius:22px 22px 5px 5px;box-shadow:0 0 0 3px #795440}
#door:before{content:"";position:absolute;right:10%;top:48%;width:13px;height:13px;border-radius:50%;background:#ffdc77;box-shadow:0 2px 2px #493d3255}
#door:after{content:"↓";position:absolute;left:35%;top:-43%;font-size:36px;line-height:1;color:#215e69;text-shadow:0 2px #fff}
#door span{left:-3%;width:106%;bottom:2%;font-size:17px;padding:5px;white-space:nowrap}
.outside #door{left:69%;top:29%;width:14%;height:37%;background:#397b96;border-color:#ffdc77}
.outside #door span{bottom:-35%;background:#fff4df}
#door{left:30%;top:13%;width:12%;height:53%}#door span{bottom:-26%}#door:after{top:-29%;left:35%}.outside #door{left:69%;top:29%;width:14%;height:37%}.outside #door:after{top:-43%}
/* The world fills the viewport; help lives in the pause menu. */
body{display:block;min-height:100dvh;overflow:hidden}
#game{width:100vw;height:100dvh;min-height:100dvh;padding:0;border-radius:0;display:block;overflow:hidden}
.room{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
.room-art,.outdoor-art{border-radius:0}
header{position:absolute;left:24px;top:20px;z-index:12}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#menu{background:#fff4dfee;border:2px solid #b7ba9f;border-radius:28px;padding:10px 20px;font-weight:bold;font-size:20px}
#message{position:absolute;top:20px;left:50%;transform:translateX(-50%);z-index:10;background:#fff4dfee;border-radius:25px;padding:10px 22px;margin:0;max-width:65%;font-size:clamp(18px,2vw,26px);text-align:center;pointer-events:none}
footer{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:10;min-height:0;width:max-content;max-width:90%;display:block;pointer-events:none}
#walk-prompt{background:#fff4dfee;border-radius:24px;padding:9px 20px;margin:0;text-align:center;font-size:clamp(16px,2vw,22px)}
#again{display:none!important}
#pause{border-radius:0;background:#243b2cd9}
#pause>div{width:min(680px,92vw);max-height:90dvh;overflow:auto;padding:24px 32px;box-shadow:0 12px 60px #0005}
#pause h2{font-size:32px;margin:0 0 12px}
#pause h3{font-size:22px;margin:12px 0}
.controls{display:grid;grid-template-columns:1fr 2fr;gap:8px 16px;text-align:left;font-size:20px;margin:12px 0}
.controls dt{font-weight:bold}.controls dd{margin:0}
#pause>div>p.keyboard-help{font-size:17px;line-height:1.4}
#pause>div>#controller-status{font-size:16px;margin:12px 0 20px}
#pause button{margin:8px;padding:12px 18px}
@media(max-width:700px){#game{height:100dvh;min-height:100dvh}.room{aspect-ratio:auto;position:absolute;inset:0;height:100%}header{left:12px;top:12px}#menu{padding:8px 14px;font-size:16px}#message{top:60px;max-width:90%;width:max-content;padding:8px 14px}.controls{font-size:16px;gap:7px 12px}#pause>div{padding:16px}.table-label,#bed>span,#bath>span,#clothes.wardrobe,#door span{font-size:14px}footer{bottom:12px}}
footer{display:none;left:24px;transform:none;max-width:40%}.walking-mode footer{display:block}#walk-prompt{font-size:18px;padding:8px 14px}#door:after,.outside #door:after{top:8%;left:40%;color:#fff4df;text-shadow:none;font-size:30px}@media(max-width:700px){footer{left:12px;max-width:55%}#walk-prompt{font-size:14px}}
.playroom-art{display:none;position:absolute;inset:0;width:100%;height:100%}
#playhouse-door{display:none;position:absolute;left:17%;top:44%;width:10%;height:20%;background:transparent;border:4px solid #ffdc77;border-radius:24px 24px 4px 4px;z-index:5}
#playhouse-door span{position:absolute;top:108%;left:-60%;width:220%;background:#fff4df;border-radius:24px;padding:10px;font-size:18px;font-weight:bold;white-space:nowrap}
.outside #playhouse-door{display:block}
.outside #fox,.playhouse #fox{display:block!important;position:absolute;width:16%;height:34%;bottom:auto;transform:translate(-50%,-100%);transition:none;z-index:6}
.outside #heart,.playhouse #heart{display:none}
.playhouse .room-art,.playhouse .outdoor-art,.playhouse #table,.playhouse #clothes,.playhouse #bath,.playhouse #bed,.playhouse #blanket,.playhouse #sleep-z{display:none!important}
.playhouse .playroom-art{display:block}
.playhouse #door{left:10%;top:15%;width:12%;height:51%}
#ball{display:none;position:absolute;left:55%;top:69%;width:12%;height:16%;background:transparent;z-index:5}
.playhouse #ball{display:block}
.toy-ball{display:block;width:70px;height:70px;margin:auto;border-radius:50%;background:conic-gradient(#ef9db6 0 25%,#f4d975 25% 50%,#84c1d7 50% 75%,#a2ca94 75%);border:4px solid #fff6e5;box-shadow:0 8px 0 #493d3222}
.ball-label{display:block;background:#fff4df;border-radius:22px;padding:8px;white-space:nowrap;position:absolute;top:110%;left:-20%;width:140%;font-size:18px;font-weight:bold}
.playing .toy-ball{animation:ball-play .6s infinite alternate}
.playing #fox>svg:first-child{animation:fox-play .6s infinite alternate}
@keyframes ball-play{to{transform:translateX(45px) rotate(100deg)}}
@keyframes fox-play{to{transform:translateY(-15px) rotate(5deg)}}
#toy-car{display:none;position:absolute;left:69%;top:48%;width:14%;height:20%;background:transparent;z-index:5}
.playhouse #toy-car{display:block}
.car-art{width:100%;height:100%;overflow:visible}
#toy-car>span{position:absolute;top:110%;left:-10%;width:120%;background:#fff4df;border-radius:22px;padding:8px;white-space:nowrap;font-size:18px;font-weight:bold}
.playing .toy-ball{animation:none}.playing-ball .toy-ball{animation:ball-play .6s infinite alternate}
.playing-car .car-art{animation:car-drive .9s infinite alternate}
@keyframes car-drive{to{transform:translateX(45px) rotate(-3deg)}}
@media(max-width:700px){#toy-car>span,.ball-label{font-size:14px;padding:6px}}
#toy-doll{display:none;position:absolute;left:35%;top:42%;width:10%;height:25%;background:transparent;z-index:5}
.playhouse #toy-doll{display:block}
.doll-art{width:100%;height:100%;overflow:visible}
#toy-doll>span{position:absolute;top:108%;left:-30%;width:160%;background:#fff4df;border-radius:22px;padding:8px;white-space:nowrap;font-size:18px;font-weight:bold}
.playing-doll .doll-art{animation:doll-rock .8s infinite alternate;transform-origin:50% 80%}
@keyframes doll-rock{from{transform:rotate(-12deg)}to{transform:rotate(12deg)}}
@media(max-width:700px){#toy-doll>span{font-size:14px;padding:6px}}
.playing-doll #toy-doll{opacity:1;z-index:7}
.catroom-art{display:none;position:absolute;inset:0;width:100%;height:100%}
#cat-house-door{display:none;position:absolute;left:46%;top:45%;width:7%;height:17%;background:transparent;border-radius:22px 22px 4px 4px;z-index:5}
#cat-house-door span{position:absolute;top:115%;left:-95%;width:290%;background:#fff4df;border-radius:24px;padding:9px;font-size:18px;font-weight:bold;white-space:nowrap}
.outside #cat-house-door{display:block}
.cat-home .room-art,.cat-home .outdoor-art,.cat-home .playroom-art,.cat-home #table,.cat-home #clothes,.cat-home #blanket,.cat-home #sleep-z{display:none!important}
.cat-home .catroom-art{display:block}
.cat-home #door{left:10%;top:15%;width:12%;height:51%}
.cat-home #fox{display:block!important;width:16%;height:34%;bottom:auto;transform:translate(-50%,-100%);transition:none;z-index:6}
.cat-home #heart{display:none}
#cat{display:none;position:absolute;left:55%;top:80%;width:14%;height:31%;transform:translate(-50%,-100%);background:transparent;padding:0;z-index:6;cursor:default}
.cat-present #cat{display:block}#cat svg{width:100%;height:100%}
#cat .cat-label{display:none;position:absolute;top:104%;left:-15%;width:130%;background:#fff4df;border-radius:22px;padding:7px;font-size:18px;font-weight:bold;white-space:nowrap}
.cat-home #cat{cursor:pointer}.cat-home #cat .cat-label{display:block}
.cat-heart{display:none;position:absolute;top:-20%;left:40%;color:#bf5b85;font-size:40px;animation:float 1s infinite alternate}
.cat-greeting .cat-heart{display:block}.cat-greeting .cat-body,.playing .cat-body{animation:cat-happy .6s infinite alternate;transform-origin:50% 80%}
@keyframes cat-happy{to{transform:rotate(4deg) translateY(-5px)}}
@media(max-width:700px){#cat-house-door span,#cat .cat-label{font-size:14px;padding:6px}}
.cat-home #bed{display:block;left:29%;top:43%;width:24%;height:20%}
.cat-home #bath{display:block}
.cat-home.bathing #fox,.cat-home.sleeping #fox{height:34%;width:16%;bottom:auto;transform:translate(-50%,-100%);z-index:6}
.cat-home.sleeping #eyes{transform:none}
.cat-home.bathing #cat{z-index:3}
.cat-home.bathing #cat .cat-label,.cat-home.sleeping #cat .cat-label{display:none}
.cat-home.sleeping #cat{height:28%;transform:translate(-50%,-100%) rotate(-12deg);z-index:3}
.cat-home.sleeping #blanket{display:block!important;left:32%;top:49%;width:20%;height:11%}
.cat-home.sleeping #sleep-z{display:block!important;left:46%;top:23%}
.cat-home.sleeping .cat-body{animation:none}
.cat-home.bathing #bath-water{display:block}
.cat-home #cat[aria-disabled="true"]{opacity:1}.cat-home.sleeping #dress:not([hidden]),.cat-home.bathing #dress:not([hidden]){display:block!important}
#cat-dress[hidden]{display:none}
.cat-home.bathing #cat-dress,.cat-home.sleeping #cat-dress{display:none}
#cat-clothes{display:none;position:absolute;right:4%;bottom:4%;width:25%;background:#f4cce5;border:3px solid #bd90ce;border-radius:28px;padding:12px 18px;font-size:18px;font-weight:bold;z-index:9}
.cat-home #cat-clothes{display:block}
@media(max-width:700px){#cat-clothes{font-size:14px;padding:8px}}
#cat-table{display:none;z-index:7}.cat-home #cat-table{display:block}
#fish{font-size:clamp(24px,4vw,56px);transition:opacity .4s}
.cat-fed #fish{opacity:0}.cat-fed .cat-heart{display:block}
.cat-eating .cat-body{animation:nibble .3s infinite alternate;transform-origin:50% 80%}
.cat-eating #cat .cat-label{display:none}
/* Touch controls work with held and simultaneous pointers. */
#touch-controls[hidden]{display:none}
#touch-controls{position:absolute;inset:auto 0 0;z-index:15;display:flex;align-items:flex-end;justify-content:space-between;padding:12px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));pointer-events:none}
#touch-controls button{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;pointer-events:auto;min-width:44px;min-height:44px}
.touch-pad{display:grid;grid-template:repeat(3,48px)/repeat(3,48px);gap:3px;pointer-events:auto;touch-action:none}
.touch-pad button{background:#fff4dfef;border:2px solid #648779;border-radius:16px;font-size:22px;color:#365b4b}
.touch-pad button.held{background:#9dc6ad;transform:scale(.95)}
.touch-pad [data-move=up]{grid-area:1/2}.touch-pad [data-move=left]{grid-area:2/1}.touch-pad [data-move=right]{grid-area:2/3}.touch-pad [data-move=down]{grid-area:3/2}
.touch-pad>span{grid-area:2/2;display:grid;place-items:center;font-size:14px;font-weight:bold;color:#365b4b;background:#fff4dfb0;border-radius:50%}
#touch-action{width:110px;min-height:94px;border-radius:26px;background:#e4eeca;border:3px solid #55765a;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;padding:8px;box-shadow:0 4px 0 #3f654d66}
#touch-action b{font-size:30px}#touch-action span{font-size:14px;font-weight:bold;line-height:1.15}#touch-action:disabled{opacity:.65;box-shadow:none}
.touch-help{display:none}
.touch-mode .touch-help{display:block}
.touch-mode header{left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top))}
.touch-mode #menu{min-height:44px}
.touch-mode footer{display:block;bottom:auto;top:70px;left:50%;transform:translateX(-50%);max-width:65%;width:max-content}
.touch-mode #walk-prompt{font-size:15px;line-height:1.2;padding:7px 12px}
.touch-mode #message{font-size:16px;top:max(14px,env(safe-area-inset-top));max-width:70%;left:auto;right:12px;transform:none}
.touch-mode .room button{touch-action:manipulation;min-width:44px;min-height:44px}
.touch-mode #pause>div{padding:16px;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain}
.touch-mode #pause button{min-height:48px;margin:5px}
.touch-mode #pause h2{font-size:26px;margin:0 0 8px}
.touch-mode #pause h3{font-size:18px}
.touch-mode #pause>div>p{font-size:16px}
.touch-mode .controls{font-size:16px;gap:7px 12px}
.touch-mode.is-paused #touch-controls{display:none}
@media(max-width:900px) and (orientation:portrait){
  .touch-mode #game{background:linear-gradient(#f8e8cd,#c0d8b4);overflow:hidden}
  .touch-mode .room{top:125px;bottom:auto;height:auto;aspect-ratio:1000/700}
  .touch-mode #message{top:max(62px,calc(env(safe-area-inset-top) + 52px));left:12px;right:12px;max-width:none;text-align:center}
  .touch-mode footer{top:auto;bottom:190px;max-width:90%}
  .touch-mode #person{width:15%;height:50%}
  .touch-mode #fox{width:26%}
  .touch-mode #cat{width:19%;height:34%}
  .touch-mode.outside #fox,.touch-mode.playhouse #fox,.touch-mode.cat-home #fox{width:21%;height:36%}
  .touch-mode .table-label,.touch-mode #bed>span,.touch-mode #bath>span,.touch-mode #door span,.touch-mode #playhouse-door span,.touch-mode #cat-house-door span,.touch-mode #cat .cat-label{font-size:11px;padding:5px}
  .touch-mode #cat-clothes,.touch-mode #clothes.wardrobe{font-size:12px;padding:6px}
  .touch-mode #toy-car>span,.touch-mode #toy-doll>span,.touch-mode .ball-label{font-size:11px;padding:4px}
  .touch-mode .toy-ball{width:42px;height:42px}
  .touch-mode #touch-controls{padding-bottom:max(20px,env(safe-area-inset-bottom))}
}
@media(max-height:500px) and (orientation:landscape){
  .touch-mode footer{top:65px;max-width:60%}
  .touch-pad{grid-template:repeat(3,44px)/repeat(3,44px);gap:2px}
  #touch-action{width:100px;min-height:85px}
  .touch-mode #message{font-size:14px;padding:8px 12px}
  .touch-mode #walk-prompt{font-size:13px}
  .touch-mode .room .table-label,.touch-mode #bed>span,.touch-mode #bath>span{font-size:13px;padding:5px}
}
@media(max-width:900px) and (orientation:portrait){.touch-mode .room{height:calc(100dvh - 360px);max-height:110vw;aspect-ratio:auto}}
#pause #close-menu{position:sticky;top:0;float:right;margin:0;padding:8px 12px;min-height:44px;background:#e6e9d8;border-radius:22px;font-size:16px;z-index:2}#pause h2{clear:both}