body[data-view="auth"],body[data-view="home"]{background:#2d3a20;overflow-x:hidden}body[data-view="game"] .front-screen{display:none}.front-screen{position:relative;min-height:100svh;isolation:isolate;color:#fff0cd}.front-backdrop{position:fixed;inset:0;background:linear-gradient(90deg,#1726168c,#1a291500 40%,#1a291500 60%,#1726168c),url('assets/valley.webp') center/cover;z-index:-2}.front-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#142212cf,transparent 80%);backdrop-filter:blur(3px)}.front-stage{width:min(100%,calc(100svh * .65));min-width:360px;max-width:660px;height:100svh;min-height:680px;max-height:1100px;margin:0 auto;position:relative;isolation:isolate;box-shadow:0 0 130px 75px #1b2b1740}.front-art{position:absolute;inset:0;z-index:-2;background: url('assets/lobby.webp') center 48%/cover no-repeat}.front-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#15260acc 0%,#1d291b15 32%,transparent 63%,#23521626 100%)}.front-topbar{position:absolute;top:18px;left:19px;right:19px;display:flex;align-items:center;justify-content:space-between;z-index:3}.front-stone-icon{width:53px;height:54px;border:3px solid #ba8855;background:linear-gradient(135deg,#b88450,#7e502e 72%);border-radius:18px 21px 19px 21px;box-shadow:inset 0 3px 0 #f2c88b88,inset 0 -4px 0 #5b341f,0 5px 0 #423121,0 7px 13px #19241650;display:grid;place-items:center;color:#ffe7b9;transition:transform .15s,filter .15s}.front-stone-icon svg{width:28px;height:28px;filter:drop-shadow(0 3px 0 #59341d)}.front-stone-icon:hover,.lobby-nav-button:hover{filter:brightness(1.12);transform:translateY(-2px)}.front-stone-icon:active,.lobby-nav-button:active{transform:translateY(2px)}.front-world-label{font-size:7px;font-weight:900;letter-spacing:3px;color:#fff6d0;text-shadow:0 1px 7px #254820;margin:0 7px}.front-logo{position:absolute;left:50%;top:8.3%;width:82%;max-width:420px;transform:translateX(-50%) rotate(-2deg);text-align:center;font-family:Baloo,system-ui;display:flex;align-items:center;flex-direction:column;isolation:isolate;filter:drop-shadow(0 6px 0 #35210c55);padding:8px 0 15px;pointer-events:none}.logo-stone{position:absolute;inset:22px -5px 0;z-index:-2;clip-path:polygon(8% 20%,22% 8%,39% 0,62% 1%,80% 10%,93% 26%,100% 52%,96% 78%,81% 94%,54% 100%,23% 94%,5% 77%,0 49%);background:repeating-linear-gradient(45deg,transparent 0 38px,#e5b97b35 39px 41px,transparent 42px 69px),linear-gradient(135deg,#c18a4c,#83502a 49%,#a66a36 70%,#603e24);box-shadow:inset 0 0 0 8px #c59b61;filter:drop-shadow(0 3px 2px #36230d)}.logo-stone:after{content:"";position:absolute;inset:9px;border:3px solid #edbb7955;clip-path:inherit;background:linear-gradient(160deg,#6c4c2e44,#58351c66)}.logo-egg{position:absolute;width:64px;left:44%;top:-22px;transform:rotate(13deg);z-index:-1;filter:drop-shadow(0 0 8px #ffe272)}.logo-tira{font-size:35px;line-height:1;letter-spacing:-1px;color:#fff2d3;-webkit-text-stroke:6px #6c381c;paint-order:stroke fill;text-shadow:0 4px 0 #4a2816,0 7px 3px #3a2516}.logo-egg-word{font-size:91px;line-height:.91;letter-spacing:-3px;color:#ffdc66;-webkit-text-stroke:8px #713a15;paint-order:stroke fill;text-shadow:0 5px 0 #e69518,0 9px 0 #6d3714,0 -2px 1px #fff9c2}.logo-merge-word{font-size:60px;line-height:.97;letter-spacing:-2px;color:#ffc542;-webkit-text-stroke:7px #703817;paint-order:stroke fill;text-shadow:0 4px 0 #d5850d,0 8px 0 #673412;z-index:1}.logo-ribbon{position:relative;display:block;padding:7px 21px 6px;background:linear-gradient(160deg,#658f28,#34621d);border:3px solid #739935;border-radius:10px 9px 12px 9px;box-shadow:0 4px 0 #243d13;transform:rotate(1deg);font-size:16px;line-height:1.1;letter-spacing:2px;color:#fff0bd;text-shadow:0 2px 0 #233d13;margin-top:7px;white-space:nowrap}.logo-etching{font-family:Nunito,system-ui;font-size:12px;line-height:1;letter-spacing:4px;margin-top:9px;color:#efc58b;text-shadow:0 2px 0 #65401f}.logo-leaf{position:absolute;z-index:-3;width:83px;height:157px;left:-24px;top:62px;transform:rotate(-26deg);background:linear-gradient(100deg,#2f5d16 20%,#8cb428 50%,#315d11 53%,#679119);clip-path:polygon(66% 0,88% 16%,70% 31%,100% 24%,89% 44%,69% 48%,100% 43%,89% 65%,56% 63%,87% 72%,72% 90%,46% 76%,38% 100%,21% 86%,29% 68%,0 73%,9% 49%,35% 51%,12% 34%,23% 17%,49% 40%)}.logo-leaf-right{left:auto;right:-26px;transform:scaleX(-1) rotate(-28deg)}
.auth-panel{position:absolute;bottom:6.7%;left:7%;right:7%;padding:21px 23px 16px;background:linear-gradient(155deg,#684428e8,#3c321de8);border:2px solid #ddbb7bb3;border-radius:24px;box-shadow:inset 0 2px 0 #e3bc7a4d,0 8px 0 #2e291b8c,0 13px 35px #14231055;backdrop-filter:blur(12px);text-align:center;z-index:2}.auth-eyebrow{font-size:6px;letter-spacing:1.8px;color:#eac993;margin:0 0 7px;font-weight:900}.auth-panel h1{font-family:Baloo,system-ui;font-size:23px;letter-spacing:-.3px;line-height:1.2;margin:0 0 17px;text-shadow:0 2px 0 #392917}.google-login-button{height:46px;width:100%;background:#fffdf6;color:#3e3c35;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:11px;border:1px solid #fff;box-shadow:0 3px 0 #aa9d7e;font-size:12px;font-weight:900;transition:transform .15s,background .15s}.google-login-button:hover{background:#fff0d2;transform:translateY(-1px)}.google-login-button:active{transform:translateY(2px)}.google-mark{width:20px;height:20px}.auth-separator{display:flex;align-items:center;gap:10px;font-size:7px;color:#c4b18d;margin:14px 1px 12px;white-space:nowrap}.auth-separator>span{height:1px;background:#c5aa7140;flex:1}.guest-login-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:44px;border:1px solid #d2b779b3;border-radius:11px;background:linear-gradient(140deg,#99774655,#9a763c33);font-size:12px;font-weight:900;color:#fce3af;transition:background .15s}.guest-login-button:hover{background:#ac905a55}.guest-login-button>svg{width:16px;height:16px}.guest-login-button .guest-arrow{width:14px;margin-left:8px;opacity:.8}.auth-note{font-size:7px;line-height:1.6;color:#c5b79b;margin:14px 0 0}.auth-feedback{font-size:10px;line-height:1.6;color:#ffe5a4;margin:12px 0 0;border-top:1px solid #b9995c44;padding-top:10px}.google-button-mount{min-height:46px;display:flex;align-items:center;justify-content:center;max-width:100%;overflow:hidden}.front-sound{position:absolute;bottom:20px;left:22px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#1c35156b;color:#fce2a2;border:1px solid #c4d28b55;z-index:3}.front-sound svg{width:13px;height:13px}.front-footer-label{position:absolute;bottom:27px;left:65px;right:38px;text-align:center;font-size:5px;letter-spacing:2px;color:#d7dab0;text-shadow:0 1px 3px #203514}.start-panel{position:absolute;bottom:19%;left:6.5%;right:6.5%;text-align:center;z-index:2}.player-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 6px;background:#3f3522de;border:1px solid #c39e5e99;border-radius:20px;font-size:6px;letter-spacing:1px;color:#e9c991;box-shadow:0 3px 9px #1e341855;margin-bottom:13px;max-width:95%}.player-chip strong{font-weight:900;color:#fff0c2;display:inline-block;max-width:150px;text-overflow:ellipsis;overflow:hidden;vertical-align:bottom;white-space:nowrap}.player-chip>svg{width:12px;height:12px;color:#caaf74;margin-left:2px}.player-avatar{display:grid;place-items:center;border-radius:50%;width:23px;height:23px;flex-shrink:0;background:#8d994e;color:#fff5ca;font-size:10px;font-family:Baloo;letter-spacing:0}.tap-start-button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:103px;isolation:isolate;border-radius:37% 24% 29% 32%/32% 39% 37% 35%;border:4px solid #f7cf7d;background:repeating-linear-gradient(32deg,transparent 0 42px,#f8d08733 43px 45px,transparent 46px 72px),linear-gradient(145deg,#ffe9a5,#f6c267 70%);box-shadow:inset 0 4px 0 #fff1c2,inset 0 -8px 0 #cc8e39,0 7px 0 #865224,0 12px 0 #513b2055,0 14px 19px #182a1a77;transition:transform .16s,filter .16s;padding:0 3px 16px}.tap-start-button #start-label{font-family:Baloo,system-ui;font-size:42px;line-height:1;color:#315e20;letter-spacing:-1px;-webkit-text-stroke:5px #fff4ca;paint-order:stroke fill;text-shadow:0 4px 0 #99743960;white-space:nowrap}.tap-start-button:hover{transform:translateY(-3px);filter:brightness(1.06)}.tap-start-button:active{transform:translateY(3px)}.start-sparkle{position:absolute;left:13px;top:8px;color:#bc8836;font-size:17px;opacity:.65}.start-runes{position:absolute;bottom:12px;left:0;right:0;font-size:12px;line-height:1;letter-spacing:3px;color:#c18c3e}.start-caption{font-size:8px;letter-spacing:.5px;color:#f1dfb5;margin:16px 0 0;text-shadow:0 2px 6px #172e12}.lobby-nav{position:absolute;bottom:6.1%;left:7%;right:7%;display:flex;justify-content:space-between;gap:13px;z-index:2}.lobby-nav-button{position:relative;flex:1;min-width:0;height:89px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:linear-gradient(145deg,#b8834d,#946035 65%,#85502e);border:3px solid #ce9b61;border-radius:30% 28% 24% 25%/36% 39% 31% 35%;box-shadow:inset 0 3px 0 #efbf7b99,inset 0 -5px 0 #623b23,0 5px 0 #352918,0 10px 14px #14271155;color:#ffebbb;transition:filter .15s,transform .15s;text-shadow:0 2px 0 #67401e;padding-bottom:7px}.lobby-nav-button svg{width:29px;height:29px;filter:drop-shadow(0 3px 0 #5e391e)}.lobby-nav-button img{width:27px;height:32px;filter:drop-shadow(0 3px 0 #5e391e)}.lobby-nav-button>span{font-size:8px;font-weight:900;white-space:nowrap;letter-spacing:.2px}.lobby-nav-button>i{position:absolute;bottom:5px;font-style:normal;font-size:6px;color:#e6c88e;letter-spacing:1px;line-height:1}.front-side-note{position:fixed;left:max(38px,calc(50vw - 630px));top:47%;width:210px;pointer-events:none;text-shadow:0 3px 12px #132710;opacity:.9}.front-side-note>span{font-size:7px;letter-spacing:2.5px;color:#e9d49d}.front-side-note>b{display:block;font-family:Baloo;font-size:30px;line-height:1.2;margin:17px 0;color:#fff0cb}.front-side-note>i{font-style:normal;font-size:6px;letter-spacing:1.5px;color:#d5c79f}.account-summary{display:flex;gap:12px;align-items:center;margin:22px 0}.account-summary .player-avatar{width:45px;height:45px;font-size:22px}.account-summary strong{display:block;font-size:15px}.account-summary small{font-size:9px;color:#cbb697;display:block;margin-top:4px;word-break:break-word}.sign-out-button{display:block;background:transparent;padding:12px 20px;margin:16px auto 0;color:#dec59b;font-size:11px;text-decoration:underline;text-underline-offset:4px}.score-modal-total{font:800 66px/1 Baloo;text-align:center;color:#ffdf92;text-shadow:0 4px 0 #3c2b19;margin:22px 0 8px}.score-modal-egg{width:68px;height:73px;object-fit:contain;margin:20px auto 0;filter:drop-shadow(0 4px 6px #2e2416)}.score-modal-label{text-align:center;font-size:8px!important;letter-spacing:2px;margin:0;color:#d8b578!important}.score-modal-note{text-align:center}.local-save-note{font-size:9px!important;color:#c0b18b!important}
.front-screen{overflow:hidden;width:100%}
@media(min-width:1600px){.front-stage{max-width:720px}}@media(max-width:1100px){.front-side-note{display:none}}@media(max-width:800px){.front-stage{max-width:560px;width:100%;min-width:0;box-shadow:none}.front-backdrop{background-image:url('assets/lobby.webp')}.front-topbar{top:17px;left:19px;right:19px}.front-stone-icon{width:46px;height:48px;border-radius:16px 18px 17px 18px}.front-stone-icon svg{width:24px;height:24px}.front-world-label{font-size:6px;letter-spacing:2.1px}.front-logo{top:9.5%;width:81%;max-width:355px}.logo-tira{font-size:28px}.logo-egg-word{font-size:77px}.logo-merge-word{font-size:51px}.logo-ribbon{font-size:12px;letter-spacing:1.7px;padding:7px 18px 5px;margin-top:8px}.logo-etching{font-size:10px;margin-top:8px}.logo-egg{width:54px;top:-22px}.logo-leaf{width:67px;height:132px;top:48px;left:-25px}.logo-leaf-right{left:auto;right:-24px}.auth-panel{left:7%;right:7%;bottom:6.5%;padding:18px 20px 15px;border-radius:21px}.auth-panel h1{font-size:21px;margin-bottom:15px}.auth-eyebrow{font-size:5.5px;letter-spacing:1.4px;margin-bottom:6px}.auth-note{font-size:6.5px;margin-top:12px}.start-panel{bottom:19%;left:6%;right:6%}.tap-start-button{height:94px;border-width:3px}.tap-start-button #start-label{font-size:37px;-webkit-text-stroke-width:4px}.start-runes{font-size:11px;bottom:11px}.start-caption{font-size:7px;margin-top:15px}.lobby-nav{left:7%;right:7%;gap:11px;bottom:6.5%}.lobby-nav-button{height:80px;border-width:2px;gap:5px}.lobby-nav-button svg{width:26px;height:26px}.lobby-nav-button img{width:25px;height:29px}.lobby-nav-button>span{font-size:7px}.lobby-nav-button>i{font-size:6px;bottom:5px}.front-sound{bottom:15px;left:21px;width:25px;height:25px}.front-footer-label{bottom:23px;font-size:4.5px;letter-spacing:1.5px;left:53px;right:28px}.player-chip{font-size:5.5px;margin-bottom:12px}.player-chip strong{max-width:140px}.front-art{background-position:center 47%}.front-shade{background:linear-gradient(0deg,#14260ddd,transparent 39%,transparent 75%,#2343111a)}#back-home-button{width:31px;height:34px;border-radius:11px}#back-home-button svg{width:16px;height:16px}}
@media(max-height:740px){.front-stage{min-height:600px}.front-logo{top:10.5%;max-width:290px}.logo-tira{font-size:24px}.logo-egg-word{font-size:65px}.logo-merge-word{font-size:43px}.logo-ribbon{font-size:10px;padding:6px 15px 4px;margin-top:5px}.logo-etching{font-size:8px;margin-top:6px}.logo-egg{width:46px;top:-18px}.logo-leaf{height:115px;top:39px}.auth-panel{bottom:7%;padding:15px 18px 12px}.auth-panel h1{font-size:18px;margin-bottom:11px}.auth-eyebrow{font-size:5px}.auth-separator{margin:10px 0;font-size:6px}.auth-note{font-size:6px;margin-top:10px}.google-login-button{height:42px;font-size:11px}.guest-login-button{height:39px;font-size:11px}.auth-feedback{font-size:9px}.tap-start-button{height:82px}.tap-start-button #start-label{font-size:32px}.lobby-nav-button{height:71px}.lobby-nav-button>span{font-size:6px}.lobby-nav-button svg{width:23px;height:23px}.lobby-nav-button img{height:26px;width:23px}.lobby-nav{bottom:6.8%}.start-panel{bottom:20.4%}.start-caption{font-size:6px;margin-top:13px}.player-chip{margin-bottom:10px}.front-stone-icon{width:40px;height:42px}.front-topbar{top:14px}.front-stone-icon svg{width:22px;height:22px}}
@media(prefers-reduced-motion:no-preference){.tap-start-button:before{content:"";position:absolute;inset:-6px;border:1px solid #ffe3a177;border-radius:inherit;animation:start-glow 2.7s ease-in-out infinite;pointer-events:none}@keyframes start-glow{0%,100%{opacity:.15;transform:scale(.99)}50%{opacity:.8;transform:scale(1.025)}}}