:root{
  --ink:#4c321e;
  --brown:#6e4426;
  --brown2:#9b6033;
  --cream:#fff3d5;
  --cream2:#f6dfb4;
  --sky:#46bde9;
  --sky2:#c9f0ff;
  --green:#69bd2d;
  --purple:#8d50ce;
  --blue:#318ed4;
  --orange:#f89a2f;
  --yellow:#f8c83d;
  --shadow:0 7px 0 rgba(95,57,25,.28),0 12px 24px rgba(73,48,25,.15);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;font-family:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold",system-ui,sans-serif;color:var(--ink);overscroll-behavior:none;background:#bfeeff;touch-action:manipulation}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;touch-action:manipulation}
button:active{transform:translateY(2px)}
#app{min-height:100dvh}
.game-sky,.sub-screen,.settings-screen,.home-screen{min-height:100dvh;position:relative;overflow:hidden;background:linear-gradient(180deg,#36b5e6 0%,#9fe1f7 36%,#f8e0a8 100%)}
.game-sky::before,.sub-screen::before,.settings-screen::before,.home-screen::before{content:"";position:absolute;inset:0;pointer-events:none;background:
radial-gradient(ellipse at 12% 13%,rgba(255,255,255,.95) 0 5%,transparent 5.5%),
radial-gradient(ellipse at 23% 16%,rgba(255,255,255,.94) 0 4%,transparent 4.5%),
radial-gradient(ellipse at 80% 15%,rgba(255,255,255,.9) 0 5%,transparent 5.5%),
radial-gradient(ellipse at 90% 18%,rgba(255,255,255,.85) 0 4%,transparent 4.5%)}

/* Shared top bars */
.blue-topbar{height:78px;padding:calc(env(safe-area-inset-top) + 10px) 14px 8px;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:10px;background:linear-gradient(180deg,#3ebae7,#54c8ee);border-bottom:3px solid rgba(92,59,30,.22);position:relative;z-index:20}
.orange-back{width:50px;height:50px;border-radius:12px;background:linear-gradient(#ffb447,#ef8623);border:3px solid #8b5627;box-shadow:0 4px 0 #a9682d;color:#fff;font-size:34px;font-weight:1000;line-height:1}
.wood-title,.wood-logo{background:linear-gradient(180deg,#9e6032,#7d4928);border:4px solid #663a20;box-shadow:inset 0 4px 0 rgba(255,255,255,.12),0 5px 0 rgba(83,47,22,.28);color:#fff7e8;font-weight:1000;text-shadow:0 3px 0 #5c321b;letter-spacing:.03em}
.wood-title{justify-self:center;min-width:220px;text-align:center;border-radius:12px 12px 16px 16px;padding:10px 28px;font-size:25px;white-space:nowrap}
.top-coins,.home-coins{background:linear-gradient(#5d7d19,#3f6511);color:#fff;border:3px solid #6c4a24;box-shadow:0 4px 0 #79532a;border-radius:18px;padding:8px 13px;font-size:19px;font-weight:1000;white-space:nowrap}

/* HOME */
.home-screen{max-width:760px;margin:0 auto;min-height:100dvh}
.home-gear{position:absolute;z-index:25;top:calc(env(safe-area-inset-top) + 10px);left:12px;width:50px;height:50px;border-radius:12px;background:linear-gradient(#57c6ec,#1686bd);border:3px solid #146e9a;box-shadow:0 4px 0 #0c5f86;font-size:25px}
.home-coins{position:absolute;z-index:25;top:calc(env(safe-area-inset-top) + 10px);right:12px}.home-coins span{display:inline-grid;place-items:center;margin-left:7px;width:25px;height:25px;border-radius:50%;background:#73bf38;border:2px solid #3e781e}
.wood-logo{position:absolute;z-index:18;top:calc(env(safe-area-inset-top) + 70px);left:50%;transform:translateX(-50%);padding:14px 28px;border-radius:18px;min-width:78%;text-align:center}
.wood-logo::before,.wood-logo::after{content:"";position:absolute;top:12px;width:27px;height:36px;background:#5f8d25;border:3px solid #4e6d1b;z-index:-1}.wood-logo::before{left:-18px;transform:rotate(-24deg)}.wood-logo::after{right:-18px;transform:rotate(24deg)}
.wood-logo span{color:#ffc72e;font-size:clamp(30px,7vw,50px);text-shadow:0 4px 0 #6e3f18,2px 0 0 #6e3f18,-2px 0 0 #6e3f18}
.home-landscape{position:absolute;inset:0;z-index:1}.hill{position:absolute;bottom:0;border-radius:50% 50% 0 0;background:#6fbd37}.hill.h1{left:-30%;width:85%;height:43%}.hill.h2{right:-35%;width:92%;height:47%;background:#8bcf42}.tree{position:absolute;bottom:12%;width:88px;height:150px}.tree::before{content:"";position:absolute;left:38px;bottom:0;width:18px;height:80px;background:#8b5a2e;border-radius:8px}.tree::after{content:"";position:absolute;left:5px;top:0;width:84px;height:84px;border-radius:50%;background:#58ae36;box-shadow:-22px 24px 0 #65bb3c,25px 26px 0 #4f9f31}.tree.t1{left:-14px}.tree.t2{right:-16px;transform:scale(.85)}
.home-avatar-wrap{position:absolute;z-index:7;left:5%;bottom:6%;width:52%;height:67%;display:flex;align-items:flex-end;justify-content:center}
.home-menu{position:absolute;z-index:10;right:4%;top:35%;width:45%;display:flex;flex-direction:column;gap:13px}
.home-menu-btn{height:62px;border:4px solid rgba(89,54,29,.72);border-radius:15px;box-shadow:0 5px 0 rgba(76,43,20,.35),inset 0 3px 0 rgba(255,255,255,.25);color:#fff;font-size:22px;font-weight:1000;text-shadow:0 2px 0 rgba(0,0,0,.23);display:flex;align-items:center;justify-content:flex-start;gap:13px;padding:0 17px}
.home-menu-btn.green{background:linear-gradient(#8fd042,#5cae20)}.home-menu-btn.purple{background:linear-gradient(#ad66de,#8440bf)}.home-menu-btn.blue{background:linear-gradient(#56b8f0,#2d86cb)}.home-menu-btn.orange{background:linear-gradient(#ffb340,#ef8b24)}
.home-menu-icon{font-size:27px;min-width:34px}
.daily-bonus{position:absolute;z-index:12;right:4%;bottom:5%;width:45%;min-height:58px;border:4px solid #6f4829;border-radius:14px;background:linear-gradient(#8f5c2d,#6e431f);box-shadow:0 5px 0 rgba(76,43,20,.35);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px}.daily-bonus.ready{outline:3px solid #ffd644;outline-offset:2px}.daily-bonus>span:first-child{font-size:29px}.daily-bonus b{display:block;font-size:14px}.daily-bonus small{display:block;color:#ffd956;font-size:14px;margin-top:3px;font-weight:1000}.home-progress{position:absolute;z-index:8;left:7%;bottom:2%;font-size:13px;font-weight:900;color:#684625;background:rgba(255,244,213,.75);padding:5px 9px;border-radius:12px}

/* Avatar image and overlays */
.avatar-art{position:relative;display:block;aspect-ratio:.62/1;width:min(100%,280px)}.avatar-art.home{height:100%;width:100%;aspect-ratio:auto}.avatar-art.custom{width:min(100%,300px);height:100%;min-height:360px}.avatar-base-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:4;filter:drop-shadow(0 10px 8px rgba(68,49,31,.22))}.avatar-layer{position:absolute;object-fit:contain;z-index:6;pointer-events:none;filter:drop-shadow(0 3px 2px rgba(68,49,31,.14))}.layer-back{left:7%;top:26%;width:80%;height:55%;z-index:2}.layer-shirt{left:22%;top:37%;width:58%;height:35%;z-index:7}.layer-hair{left:25%;top:5%;width:52%;height:28%;z-index:8}.layer-hat{left:24%;top:5%;width:54%;height:25%;z-index:9}.layer-face{left:33%;top:18%;width:35%;height:17%;z-index:10}.layer-face-watch{left:62%;top:50%;width:18%;height:14%}.layer-face-camera{left:37%;top:45%;width:28%;height:20%}.layer-face-necklace{left:39%;top:37%;width:24%;height:20%}.layer-face-scarf{left:31%;top:31%;width:42%;height:25%}.layer-buddy{right:-5%;bottom:4%;width:34%;height:26%;z-index:9}

/* Theme and level selection */
.sub-screen{padding-bottom:30px}.theme-picker{position:relative;z-index:3;padding:24px 16px;max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.theme-pick-card{min-height:145px;border:4px solid #8a603a;border-radius:18px;background:linear-gradient(#fff9e7,#f5dfb8);box-shadow:0 6px 0 #c18e5d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px;font-weight:1000}.theme-pick-card b{font-size:18px}.theme-pick-card span{font-size:12px;color:#8b6848}.theme-icon-art{width:74px;height:64px;display:grid;place-items:center}.theme-icon-art svg{width:62px;height:62px;filter:drop-shadow(0 4px 0 rgba(89,58,33,.15))}.levels-panel{position:relative;z-index:3;padding:24px 16px;max-width:850px;margin:0 auto}.theme-big-icon{width:100px;height:86px;margin:0 auto 14px;display:grid;place-items:center;background:#fff0cd;border:4px solid #8c623b;border-radius:22px;box-shadow:0 6px 0 #c5905e}.theme-big-icon svg{width:74px;height:74px}.level-list-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.level-tile{min-height:102px;border:4px solid #8a603a;border-radius:17px;background:linear-gradient(#fff8df,#efd8aa);box-shadow:0 5px 0 #bd8955;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.level-tile.done{background:linear-gradient(#efffdc,#cfeea9)}.level-num{font-size:28px;font-weight:1000;color:#da7b20}.level-stars{font-size:15px}.level-tile small{font-weight:900;color:#806044;font-size:10px}

/* SHOP like reference */
.shop-screen{min-height:100dvh;background:#f8edd5;padding-bottom:30px}.shop-board{padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1200px;margin:0 auto}.store-category{background:linear-gradient(#fff7e5,#f1dcb4);border:3px solid #d6b98d;border-radius:15px;padding:48px 10px 11px;position:relative;box-shadow:0 4px 10px rgba(104,68,36,.08)}.ribbon-title{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:72%;text-align:center;padding:8px 6px;color:#fff;font-size:16px;font-weight:1000;text-shadow:0 2px 0 rgba(0,0,0,.2);background:#3ba3d3;border-radius:8px;box-shadow:0 4px 0 rgba(85,52,25,.16)}.store-category.c1 .ribbon-title{background:#a14bc3}.store-category.c2 .ribbon-title{background:#70ac34}.store-category.c3 .ribbon-title{background:#f48a21}.store-category.c4 .ribbon-title{background:#21a4ad}.store-category.c5 .ribbon-title{background:#df6588}.store-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.store-item{min-height:104px;background:#fff7e8;border:2px solid #ddc29c;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:5px 3px 6px;box-shadow:inset 0 2px 0 #fff}.store-item.equipped{outline:3px solid #57b93d;background:#fbffe8}.store-item-img{height:72px;width:100%;display:grid;place-items:center}.store-item-img img{max-width:78px;max-height:70px;object-fit:contain}.store-item-price{font-size:11px;font-weight:1000;color:#744a27}.none-item{font-size:38px;color:#b99b74}

/* AVATAR screen like reference */
.avatar-screen{min-height:100dvh;background:linear-gradient(180deg,#a8d7ea,#eef5f5 55%,#fff3d7 100%)}.avatar-room{max-width:850px;margin:0 auto;padding:14px 16px 6px;display:grid;grid-template-columns:1.1fr .9fr;min-height:420px}.avatar-stage{display:flex;justify-content:center;align-items:flex-end;min-height:410px;background:radial-gradient(ellipse at center bottom,rgba(76,116,128,.17) 0 25%,transparent 26%)}.avatar-categories{display:flex;flex-direction:column;gap:7px;justify-content:center}.avatar-cat{height:54px;border:2px solid #d5bb90;background:#fff6e5;border-radius:9px;font-size:13px;font-weight:1000;text-align:left;padding:0 14px;display:flex;align-items:center;gap:12px}.avatar-cat span{font-size:23px}.avatar-cat.selected{outline:3px solid #f0d52d;background:#fffef4}.avatar-carousel{padding:10px 12px calc(env(safe-area-inset-bottom) + 12px);display:flex;gap:8px;overflow-x:auto;background:#f7e8c6;border-top:3px solid #d5bb90}.avatar-choice{flex:0 0 88px;height:108px;border:2px solid #d9bd90;border-radius:10px;background:#fff6e3;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:5px}.avatar-choice.selected{outline:3px solid #4eb33d}.avatar-choice img{width:76px;height:76px;object-fit:contain}.avatar-choice small{font-size:10px;font-weight:1000;color:#714c2b}.choice-none{font-size:44px;color:#b9976b}

/* SETTINGS */
.settings-card{position:relative;z-index:3;max-width:680px;margin:28px auto;padding:18px;border:4px solid #8a603a;border-radius:22px;background:linear-gradient(#fff7e5,#f1dab2);box-shadow:0 7px 0 #bd8955}.setting-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 4px;border-bottom:2px solid #dfc39c}.setting-line span{display:flex;flex-direction:column;gap:4px}.setting-line small{font-weight:700;color:#8c6b4b}.switch{width:62px;height:36px;border-radius:999px;background:#b6b1a7;border:3px solid #866443;padding:2px}.switch i{display:block;width:24px;height:24px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:#6bc748}.switch.on i{transform:translateX(24px)}.reset-button{width:100%;margin-top:18px;padding:13px;border-radius:12px;background:#e77a61;color:#fff;font-weight:1000;border:3px solid #99513c}.install-note{margin-top:18px;padding:12px;display:flex;align-items:center;gap:12px;background:#fff6df;border:2px solid #d4b98e;border-radius:14px}.install-note img{width:62px;height:62px;border-radius:14px}.install-note span{display:flex;flex-direction:column}.install-note small{margin-top:4px;color:#806246;font-weight:700}

/* CROSSWORD game like reference */
.game-screen{min-height:100dvh;background:linear-gradient(180deg,#9dd4e7 0,#e9f1ee 18%,#f4e2bb 100%);padding-bottom:calc(env(safe-area-inset-bottom) + 10px)}.game-score{height:54px;display:flex;align-items:center;justify-content:center;gap:36px;background:linear-gradient(#f7e7c6,#f7dfb5);border-bottom:2px solid #d5b681}.preview-stars{font-size:28px;letter-spacing:2px}.reward-preview{font-size:18px;font-weight:1000;color:#8e5926}.crossword-paper{width:min(980px,calc(100% - 18px));margin:9px auto 8px;padding:10px;border:3px solid #d2b786;border-radius:15px;background:linear-gradient(180deg,#fff7e5,#f7e8c8);display:grid;grid-template-columns:minmax(105px,160px) 1fr minmax(105px,160px);gap:10px;min-height:395px}.clue-column{display:flex;flex-direction:column;gap:8px}.outside-clue{position:relative;min-height:91px;border:2px solid #d4b98a;border-radius:10px;background:#fff9ea;display:flex;align-items:center;justify-content:center;padding:4px;overflow:hidden}.outside-clue.selected{outline:4px solid #f4c836;background:#fffde8}.clue-number{position:absolute;left:5px;top:4px;font-size:13px;font-weight:1000;color:#55391f}.outside-pic{width:76px;height:70px;display:grid;place-items:center}.outside-pic svg,.outside-pic img{max-width:68px;max-height:64px;object-fit:contain;filter:drop-shadow(0 3px 0 rgba(85,53,30,.12))}.outside-text{font-size:11px;font-weight:900;line-height:1.15;padding:12px 4px 3px;text-align:center}.cross-grid-wrap{display:flex;justify-content:center;align-items:center;overflow:auto;min-width:0}.cross-grid{--cell:42px;display:grid;align-content:center;justify-content:center}.cross-cell,.cross-blank{width:var(--cell);height:var(--cell)}.cross-cell{position:relative;border:1.8px solid #b59161;background:#fff9e9;display:grid;place-items:center;font-size:calc(var(--cell)*.5);font-weight:1000;color:#634426}.cross-cell.word-active{background:#fff0b5}.cross-cell.active{background:#ffd66e;outline:3px solid #eaa928;z-index:2}.cross-cell.wrong{background:#ffb9a8;animation:shake .22s}.cross-cell b{line-height:1}.cross-blank{background:transparent}.start-num{position:absolute;left:2px;top:1px;font-size:8px;font-weight:1000;color:#6a5138}.active-clue-strip{width:min(900px,calc(100% - 20px));margin:0 auto 8px;min-height:48px;border:2px solid #d2b783;border-radius:12px;background:#fff8e7;display:flex;align-items:center;justify-content:center;gap:10px;padding:5px 9px;font-size:13px}.active-clue-img{width:42px;height:38px;display:grid;place-items:center}.active-clue-img svg,.active-clue-img img{max-width:38px;max-height:36px;object-fit:contain}.active-clue-strip span{color:#8c6a46;font-weight:900}.game-bottom-actions{display:flex;justify-content:center;gap:10px;margin:0 auto 9px;width:min(520px,calc(100% - 18px))}.game-bottom-actions button{height:58px;flex:1;border-radius:12px;border:3px solid #855526;box-shadow:0 4px 0 #a66d34;color:#fff;font-size:22px;font-weight:1000;text-shadow:0 2px 0 rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;gap:7px}.game-bottom-actions button span{font-size:15px}.action-yellow{background:linear-gradient(#f6bf32,#de8f1a)}.action-blue{background:linear-gradient(#52b7ee,#2c84cb)}.action-green{background:linear-gradient(#86cf3d,#57a823)}.action-green.big{width:100%;height:52px;border:3px solid #4e8423;border-radius:13px;color:white;font-size:18px;font-weight:1000}.letter-keyboard{width:min(720px,calc(100% - 14px));margin:0 auto;display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.game-key{height:39px;border:2px solid #9a744a;border-radius:8px;background:linear-gradient(#fffdf3,#edd9b3);box-shadow:0 3px 0 #b58a5c;font-size:16px;font-weight:1000}.game-key.erase{grid-column:span 2;background:linear-gradient(#ffd49e,#f5b762)}

/* win */
.win-overlay{position:fixed;inset:0;background:rgba(51,37,25,.52);display:grid;place-items:center;padding:18px;z-index:100}.win-card{width:min(380px,100%);border:4px solid #7c532f;border-radius:22px;background:linear-gradient(#fff9e8,#f2d8aa);box-shadow:0 10px 0 rgba(75,44,20,.35);padding:22px;text-align:center}.win-stars{font-size:44px}.win-card h2{margin:5px 0;color:#e67c20;font-size:36px}.win-card p{font-weight:900}.win-coins{font-size:23px;font-weight:1000;margin:12px}.plain-link{display:block;width:100%;margin-top:10px;padding:8px;font-weight:900;color:#785436}.toast{position:fixed;z-index:200;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;background:#603f24;color:#fff;border:3px solid #fff1d2;border-radius:999px;padding:10px 16px;font-weight:900;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}

@media(max-width:760px){
  .blue-topbar{height:68px;grid-template-columns:54px 1fr auto;padding-top:calc(env(safe-area-inset-top) + 7px)}.orange-back{width:44px;height:44px;font-size:29px}.wood-title{min-width:160px;font-size:19px;padding:8px 15px}.top-coins{font-size:15px;padding:7px 9px}
  .shop-board{grid-template-columns:1fr}.store-category{padding-top:48px}.store-grid{grid-template-columns:repeat(4,1fr)}
  .theme-picker{grid-template-columns:repeat(2,1fr)}.level-list-grid{grid-template-columns:repeat(4,1fr)}
  .crossword-paper{grid-template-columns:82px 1fr 82px;gap:5px;padding:6px}.outside-clue{min-height:74px}.outside-pic{width:58px;height:55px}.outside-pic svg,.outside-pic img{max-width:54px;max-height:52px}.outside-text{font-size:9px}.clue-number{font-size:10px}
  .avatar-room{grid-template-columns:1fr 150px;min-height:390px}.avatar-stage{min-height:370px}.avatar-cat{height:48px;font-size:10px;padding:0 8px;gap:7px}.avatar-cat span{font-size:19px}
}
@media(max-width:520px){
  .home-screen{max-width:none}.wood-logo{top:calc(env(safe-area-inset-top) + 65px);min-width:84%;padding:11px 18px}.wood-logo span{font-size:29px}.home-avatar-wrap{left:-1%;bottom:7%;width:58%;height:66%}.home-menu{right:3%;top:34%;width:48%;gap:10px}.home-menu-btn{height:54px;font-size:16px;border-width:3px;padding:0 10px;gap:6px}.home-menu-icon{font-size:20px;min-width:25px}.daily-bonus{right:3%;width:48%;bottom:4%;min-height:51px;border-width:3px}.daily-bonus b{font-size:11px}.daily-bonus small{font-size:11px}.home-progress{font-size:10px}
  .theme-picker{padding:14px 9px;gap:9px}.theme-pick-card{min-height:116px;border-width:3px}.theme-icon-art{width:58px;height:52px}.theme-icon-art svg{width:51px;height:51px}.theme-pick-card b{font-size:14px}.level-list-grid{grid-template-columns:repeat(3,1fr);gap:9px}.level-tile{min-height:88px;border-width:3px}.level-num{font-size:23px}
  .shop-board{padding:8px}.store-category{padding:45px 6px 8px}.store-grid{gap:5px}.store-item{min-height:92px}.store-item-img{height:62px}.store-item-img img{max-width:65px;max-height:60px}.ribbon-title{font-size:13px;width:78%}
  .avatar-room{grid-template-columns:1fr 126px;padding:7px;min-height:360px}.avatar-stage{min-height:345px}.avatar-art.custom{min-height:340px}.avatar-cat{height:46px;font-size:9px}.avatar-cat span{font-size:17px}.avatar-carousel{padding:7px}.avatar-choice{flex-basis:75px;height:95px}.avatar-choice img{width:65px;height:65px}
  .game-score{height:45px}.preview-stars{font-size:23px}.crossword-paper{grid-template-columns:66px 1fr 66px;width:calc(100% - 8px);gap:3px;margin-top:5px}.outside-clue{min-height:63px;border-width:1px}.outside-pic{width:48px;height:47px}.outside-pic svg,.outside-pic img{max-width:46px;max-height:44px}.outside-text{font-size:8px;padding-top:10px}.cross-cell,.cross-blank{min-width:0}.game-bottom-actions button{height:51px;font-size:19px}.game-bottom-actions button span{font-size:12px}.letter-keyboard{gap:3px}.game-key{height:36px;font-size:14px}
}
@media(max-height:720px) and (max-width:520px){.home-avatar-wrap{height:60%;bottom:6%}.home-menu{top:31%}.home-menu-btn{height:48px}.daily-bonus{bottom:2%}.wood-logo{top:58px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* --- 2026-08 clue and keyboard polish --- */
.outside-pic{width:84px;height:78px}
.outside-pic svg,.outside-pic img{max-width:76px;max-height:72px;object-fit:contain}
.active-clue-img{width:54px;height:46px}
.active-clue-img svg,.active-clue-img img{max-width:50px;max-height:44px;object-fit:contain}
.outside-clue{background:linear-gradient(180deg,#fffdf5,#f8f1df)}

.letter-keyboard{width:min(760px,calc(100% - 14px));display:flex;flex-direction:column;gap:4px}
.key-row{display:grid;gap:4px}
.key-row.row-1,.key-row.row-2{grid-template-columns:repeat(11,1fr)}
.key-row.row-3{grid-template-columns:1.2fr repeat(7,1fr) 1.4fr}
.game-key.ghost{opacity:.7}
@media (max-width:720px){
  .outside-pic{width:50px;height:48px}
  .outside-pic svg,.outside-pic img{max-width:48px;max-height:46px}
  .active-clue-img{width:42px;height:38px}
  .active-clue-img svg,.active-clue-img img{max-width:38px;max-height:36px}
  .letter-keyboard{gap:3px}
  .key-row{gap:3px}
}

/* 2026-08 cute clue pack + theme icon size fix */
.theme-pick-card,.theme-big-icon{overflow:hidden}
.theme-icon-art img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 4px 0 rgba(89,58,33,.15))}
.theme-big-icon img{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 4px 0 rgba(89,58,33,.15))}
@media (max-width:720px){
  .theme-icon-art img{width:51px;height:51px}
  .theme-big-icon img{width:62px;height:62px}
}

/* 2026-08 full cute style pass */
.home-screen{background:linear-gradient(180deg,#8fd1e8 0%,#b9e7f3 20%,#f7efcb 73%,#f2d99f 100%)}
.wood-logo,.wood-title{box-shadow:0 7px 0 rgba(112,66,30,.28),0 0 0 3px rgba(255,247,225,.22) inset}
.home-menu-btn{border-radius:19px;box-shadow:0 7px 0 rgba(113,73,31,.28),0 2px 0 rgba(255,255,255,.25) inset}
.home-menu-btn .home-menu-icon{filter:drop-shadow(0 2px 0 rgba(0,0,0,.14))}
.daily-bonus{box-shadow:0 7px 0 rgba(116,75,35,.22),0 2px 0 rgba(255,255,255,.28) inset}
.theme-pick-card,.level-tile,.store-item,.avatar-choice,.settings-card,.levels-panel,.avatar-room,.avatar-carousel,.shop-board{box-shadow:0 8px 0 rgba(109,71,35,.15)}
.theme-pick-card,.level-tile,.store-item,.avatar-choice{background:linear-gradient(180deg,#fffdf5,#f5ead0)}
.levels-panel,.shop-board,.avatar-room,.avatar-carousel,.settings-card{background:linear-gradient(180deg,#fffaf0,#f4e3bc)}
.theme-pick-card:hover,.level-tile:hover,.store-item:hover,.avatar-choice:hover{transform:translateY(-1px)}
.store-item-img img,.avatar-choice img,.theme-icon-art img,.theme-big-icon img{filter:drop-shadow(0 6px 0 rgba(99,63,29,.12))}
.ribbon-title{box-shadow:0 4px 0 rgba(104,59,28,.18)}
.avatar-stage{background:linear-gradient(180deg,#fff7eb,#f7e2b7);border-radius:22px;border:3px solid #d9b37a;box-shadow:inset 0 2px 0 rgba(255,255,255,.5)}
.avatar-choice small,.store-item-price{font-weight:1000}
.home-coins,.top-coins{box-shadow:0 4px 0 rgba(99,63,29,.18)}

/* 2026-08 natural avatar equipment placement */
.avatar-layer{object-fit:contain!important;background:transparent!important}
.layer-hair{left:25%;top:5%;width:50%;height:29%;z-index:12}
.layer-hat{left:23%;top:1%;width:56%;height:23%;z-index:13}
.layer-shirt{left:21%;top:31%;width:59%;height:42%;z-index:10}
.layer-back{left:57%;top:29%;width:30%;height:42%;z-index:8}
.layer-buddy{right:-7%;bottom:3%;width:32%;height:28%;z-index:12}
.layer-face{left:35%;top:17%;width:31%;height:12%;z-index:14}
.layer-face-watch{left:66%;top:50%;width:13%;height:11%;z-index:14}
.layer-face-camera{left:37%;top:39%;width:27%;height:22%;z-index:14}
.layer-face-necklace{left:40%;top:32%;width:22%;height:20%;z-index:14}
.layer-face-scarf{left:31%;top:27%;width:40%;height:22%;z-index:14}
.layer-face-blue-headphones,.layer-face-orange-headphones{left:25%;top:9%;width:50%;height:25%;z-index:14}
@media(max-width:720px){
  .layer-hair{left:26%;top:5%;width:48%;height:28%}
  .layer-hat{left:24%;top:1%;width:54%;height:22%}
  .layer-shirt{left:22%;top:32%;width:57%;height:40%}
  .layer-back{left:58%;top:30%;width:28%;height:40%}
}

/* Avatar layering refinement v5 */
.avatar-stage{overflow:visible}
.avatar-art{overflow:visible}
.avatar-layer{transform-origin:center center}
/* generic, more natural placements */
.layer-hair{left:22%;top:2%;width:56%;height:28%;z-index:12}
.layer-hat{left:22%;top:0%;width:56%;height:24%;z-index:13}
.layer-shirt{left:20%;top:31%;width:60%;height:44%;z-index:10}
.layer-back{z-index:8}
.layer-buddy{right:-6%;bottom:3%;width:32%;height:29%;z-index:12}
.layer-face{z-index:14}
.layer-face-glasses,.layer-face-sunglasses{left:34%;top:19%;width:33%;height:10%}
.layer-face-blue-headphones,.layer-face-orange-headphones{left:23%;top:8%;width:54%;height:26%}
.layer-face-camera{left:39%;top:43%;width:23%;height:15%}
.layer-face-necklace{left:42%;top:41%;width:16%;height:10%}
.layer-face-scarf{left:32%;top:35%;width:38%;height:18%}
.layer-face-watch{left:67%;top:55%;width:12%;height:8%}

/* Hair variations */
.item-hair-black-spiky{left:23%;top:4%;width:55%;height:27%}
.item-hair-blond-side{left:24%;top:5%;width:52%;height:24%}
.item-hair-brown-curly{left:21%;top:3%;width:57%;height:28%}
.item-hair-brown-bob{left:23%;top:5%;width:54%;height:25%}
.item-hair-brown-tousled{left:22%;top:4%;width:55%;height:27%}
.item-hair-red-side{left:23%;top:5%;width:54%;height:25%}
.item-hair-black-side{left:23%;top:5%;width:54%;height:25%}

/* Hats */
.item-hat-red-cap{left:27%;top:6%;width:36%;height:17%;transform:rotate(-6deg)}
.item-hat-blue-beanie{left:28%;top:0%;width:31%;height:23%}
.item-hat-straw{left:26%;top:5%;width:34%;height:14%}
.item-hat-brown{left:26%;top:4%;width:35%;height:15%}
.item-hat-green-bucket{left:26%;top:4%;width:36%;height:17%}
.item-hat-pom{left:26%;top:0%;width:34%;height:22%}
.item-hat-top{left:28%;top:-1%;width:31%;height:24%}

/* Clothing */
.item-shirt-green-hoodie{left:19%;top:31%;width:62%;height:44%}
.item-shirt-red-hoodie{left:19%;top:31%;width:62%;height:44%}
.item-shirt-blue{left:22%;top:35%;width:56%;height:36%}
.item-shirt-yellow{left:22%;top:35%;width:56%;height:36%}
.item-shirt-black{left:19%;top:31%;width:62%;height:44%}
.item-shirt-white{left:19%;top:31%;width:62%;height:44%}
.item-shirt-orange{left:22%;top:35%;width:56%;height:36%}

/* Accessory specifics */
.item-face-glasses{left:34%;top:19%;width:32%;height:9%}
.item-face-sunglasses{left:34%;top:19%;width:32%;height:10%}
.item-face-blue-headphones{left:23%;top:8%;width:54%;height:26%}
.item-face-orange-headphones{left:23%;top:8%;width:54%;height:26%}
.item-face-camera{left:40%;top:42%;width:23%;height:18%}
.item-face-necklace{left:44%;top:43%;width:14%;height:9%}
.item-face-scarf{left:32%;top:35%;width:39%;height:18%}
.item-face-watch{left:67%;top:56%;width:11%;height:8%}

/* Back items */
.item-back-blue{left:56%;top:28%;width:29%;height:41%}
.item-back-green{left:56%;top:28%;width:29%;height:41%}
.item-back-black{left:56%;top:28%;width:29%;height:41%}
.item-back-rocket{left:54%;top:24%;width:28%;height:45%}
.item-back-wings{left:16%;top:20%;width:68%;height:41%;z-index:3}
.item-back-skateboard{left:66%;top:64%;width:18%;height:26%;z-index:3;transform:rotate(7deg)}
.item-back-sword{left:62%;top:45%;width:15%;height:31%;z-index:11;transform:rotate(-10deg)}

/* Buddies beside avatar */
.item-buddy-dog{right:-1%;bottom:4%;width:29%;height:25%}
.item-buddy-cat{right:0%;bottom:3%;width:28%;height:24%}
.item-buddy-rabbit{right:-1%;bottom:4%;width:26%;height:23%}
.item-buddy-dino{right:-3%;bottom:3%;width:30%;height:25%}
.item-buddy-penguin{right:0%;bottom:3%;width:24%;height:23%}
.item-buddy-panda{right:-1%;bottom:3%;width:28%;height:24%}
.item-buddy-fox{right:-1%;bottom:4%;width:28%;height:23%}
.item-buddy-dragon{right:-3%;bottom:3%;width:31%;height:25%}

@media (max-width:720px){
  .item-hat-red-cap{left:27%;top:7%;width:37%;height:16%}
  .item-back-skateboard{left:67%;top:65%;width:17%;height:24%}
  .item-back-sword{left:63%;top:46%;width:14%;height:29%}
}