*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg: #dadee4;--paw: #d2dae7;--panel: #e8eaee;--panel-2: #dfe3ea;--line: #cdd5e2;--text: #465281;--text-dim: #8a93b3;--mint: #9ed9cd;--mint-hi: #c3ebe4;--mint-ink: #2a625a;--pink: #f7b7c5;--pink-hi: #fdd5de;--pink-ink: #8e4155;--sky: #a6c9ee;--sky-hi: #cae1f9;--sky-ink: #305c88;--lilac: #cbbfe6;--lilac-hi: #e2d8f6;--lilac-ink: #57457f;--butter: #f8dda2;--butter-hi: #fdeecb;--butter-ink: #8b6420;--gray: #ded8cf;--gray-hi: #eee9e2;--gray-ink: #7b7269;--wood: #b8763f;--wood-hi: #d79a5c;--wood-dark: #6b3f1f;--leaf: #6cc63f;--leaf-hi: #96e05e;--leaf-dark: #2f7a1f;--sun: #ffd23f;--screen-fade: .28s}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Avenir Next,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-touch-callout:none}button,input{touch-action:manipulation}canvas{touch-action:none}.hidden{display:none!important}.screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;transition:opacity var(--screen-fade) ease;background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22560%22%20height%3D%22640%22%20viewBox%3D%220%200%20560%20640%22%3E%3Cdefs%3E%3Cg%20id%3D%22p%22%3E%3Cellipse%20cx%3D%220%22%20cy%3D%229%22%20rx%3D%2214%22%20ry%3D%2212%22/%3E%3Cellipse%20cx%3D%22-15%22%20cy%3D%22-8%22%20rx%3D%225.5%22%20ry%3D%227.5%22/%3E%3Cellipse%20cx%3D%22-5.5%22%20cy%3D%22-16%22%20rx%3D%225.5%22%20ry%3D%227.5%22/%3E%3Cellipse%20cx%3D%226%22%20cy%3D%22-16%22%20rx%3D%225.5%22%20ry%3D%227.5%22/%3E%3Cellipse%20cx%3D%2216%22%20cy%3D%22-7%22%20rx%3D%225.5%22%20ry%3D%227.5%22/%3E%3C/g%3E%3C/defs%3E%3Cg%20fill%3D%22%23d2dae7%22%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%2830%2050%29%20rotate%28-20%29%20scale%281.6%29%22/%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28500%20110%29%20rotate%2825%29%20scale%282%29%22/%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28250%20300%29%20rotate%28-10%29%20scale%281.5%29%22/%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%2820%20470%29%20rotate%2815%29%20scale%282.2%29%22/%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28530%20560%29%20rotate%28-30%29%20scale%281.7%29%22/%3E%3C/g%3E%3C/svg%3E) 0 0 / 560px 640px repeat,var(--bg)}.screen.dissolve{opacity:0;pointer-events:none}.screen-head{position:relative;display:flex;align-items:center;justify-content:center;width:calc(100% + 48px);max-width:480px;margin-bottom:28px}.screen-title{font-size:24px;font-weight:800;letter-spacing:6px;color:var(--text)}.btn-exit{position:absolute;left:0;top:50%;transform:translateY(-50%);width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0 0 4px;font-family:inherit;font-size:26px;line-height:1;color:var(--text);background:var(--panel);border:1px solid var(--line);border-left:none;border-radius:0 12px 12px 0;cursor:pointer;z-index:15}.btn-exit:active{background:var(--panel-2)}.btn-exit.page-back{left:0}.btn-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:420px;min-height:66px;padding:12px 22px;margin:8px 0;border:none;border-radius:18px;cursor:pointer;font-family:inherit;transition:transform .06s ease,filter .15s ease}.btn-bar:active{transform:scale(.98);filter:brightness(.97)}.btn-bar:disabled{background:var(--gray-hi);color:var(--text-dim);box-shadow:none;cursor:default;pointer-events:none}.bar-title{font-size:18px;font-weight:800;letter-spacing:3px}.bar-desc{font-size:12px;margin-top:4px;opacity:.72;letter-spacing:.5px}.btn-mint{background:linear-gradient(180deg,var(--mint-hi),var(--mint));box-shadow:0 6px 18px #9ed9cd8c;color:var(--mint-ink)}.btn-pink{background:linear-gradient(180deg,var(--pink-hi),var(--pink));box-shadow:0 6px 18px #f7b7c58c;color:var(--pink-ink)}.btn-sky{background:linear-gradient(180deg,var(--sky-hi),var(--sky));box-shadow:0 6px 18px #a6c9ee8c;color:var(--sky-ink)}.btn-lilac{background:linear-gradient(180deg,var(--lilac-hi),var(--lilac));box-shadow:0 6px 18px #cbbfe68c;color:var(--lilac-ink)}.btn-gray{background:linear-gradient(180deg,var(--gray-hi),var(--gray));box-shadow:0 4px 14px #6b5d522e;color:var(--gray-ink)}.btn-small{padding:10px 16px;border:none;border-radius:999px;font-family:inherit;font-size:13px;font-weight:800;letter-spacing:1px;cursor:pointer}.btn-small:active{filter:brightness(.96);transform:scale(.98)}.btn-small-pink{background:linear-gradient(180deg,var(--pink-hi),var(--pink));color:var(--pink-ink)}.btn-small-gray{background:linear-gradient(180deg,var(--gray-hi),var(--gray));color:var(--gray-ink)}.btn-small-sky{background:linear-gradient(180deg,var(--sky-hi),var(--sky));color:var(--sky-ink)}.btn-small-mint{background:linear-gradient(180deg,var(--mint-hi),var(--mint));color:var(--mint-ink)}.match-popup{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#6b5d5247;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;animation:popup-fade .15s ease-out both}@keyframes popup-fade{0%{opacity:0}to{opacity:1}}@keyframes popup-spring{0%{opacity:0;transform:scale(.7)}66.67%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.match-box{animation:popup-spring .2s ease-out both;min-width:240px;padding:28px 36px;text-align:center;background:#f1f2f4;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 40px #6b5d5238}.match-title{font-size:22px;font-weight:800;letter-spacing:3px;color:var(--mint-ink)}.match-title span{display:inline-block;width:1.6em;text-align:left}.match-sub{margin-top:10px;font-size:12px;letter-spacing:1px;color:var(--text-dim)}.signoff-box{max-width:340px}.signoff-msg{white-space:pre-line;font-size:14px;line-height:1.7;color:var(--text);letter-spacing:.5px}.signoff-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.signoff-nick{color:var(--mint-ink)}.match-box.guide-box{max-width:360px;text-align:left;padding:26px 26px 22px}.guide-title{font-size:18px;font-weight:800;letter-spacing:3px;color:var(--mint-ink);text-align:center;margin-bottom:16px}.guide-list{margin:0 0 4px 18px;text-align:left}.guide-list li{font-size:13.5px;line-height:1.75;margin-bottom:8px;color:var(--text)}.guide-list b{color:var(--pink-ink)}.guide-close{width:100%;margin-top:14px}.toast{position:fixed;left:50%;top:20%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 32px);padding:12px 22px;border-radius:16px;background:linear-gradient(180deg,#8a5428,var(--wood-dark));border:3px solid #4a2a12;box-shadow:inset 0 2px #ffffff2e,0 4px #4a2a12,0 10px 24px #4a2a124d;color:#fff8ec;font-size:15px;font-weight:700;line-height:1.45;letter-spacing:.3px;text-align:center;word-break:keep-all;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:40}.toast.show{opacity:1;animation:toast-pop .28s ease-out both}@keyframes toast-pop{0%{transform:translate(-50%) scale(.8)}60%{transform:translate(-50%) scale(1.06)}to{transform:translate(-50%) scale(1)}}.app-banner{position:absolute;left:50%;bottom:10px;transform:translate(-50%);width:calc(100% - 48px);max-width:420px}.banner-track{position:relative;width:100%;aspect-ratio:1024 / 163;overflow:hidden;border-radius:12px;background:var(--panel-2)}.banner-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:translateY(100%);transition:transform .3s ease-out}.banner-slide.current{transform:translateY(0)}.banner-slide.leaving{transform:translateY(-100%)}#screen-ranking,#screen-config{padding-bottom:95px;justify-content:flex-start;padding-top:max(env(safe-area-inset-top),24px)}.screen.meadow{background:linear-gradient(180deg,#9fd8f5,#c9ecfb 38%,#e7f7d6 58%,#cfeeb0);overflow:hidden;--text: #5a3418;--text-dim: #8a6a50}.screen.meadow:before{content:"";position:absolute;top:0;left:0;width:200%;height:42%;background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22600%22%20height%3D%22220%22%20viewBox%3D%220%200%20600%20220%22%3E%3Cg%20fill%3D%22%23fff%22%20opacity%3D%220.92%22%3E%3Cellipse%20cx%3D%2280%22%20cy%3D%2260%22%20rx%3D%2246%22%20ry%3D%2220%22/%3E%3Cellipse%20cx%3D%22112%22%20cy%3D%2248%22%20rx%3D%2234%22%20ry%3D%2224%22/%3E%3Cellipse%20cx%3D%2258%22%20cy%3D%2252%22%20rx%3D%2224%22%20ry%3D%2218%22/%3E%3Cellipse%20cx%3D%22380%22%20cy%3D%22110%22%20rx%3D%2256%22%20ry%3D%2222%22/%3E%3Cellipse%20cx%3D%22418%22%20cy%3D%2296%22%20rx%3D%2238%22%20ry%3D%2226%22/%3E%3Cellipse%20cx%3D%22350%22%20cy%3D%22100%22%20rx%3D%2228%22%20ry%3D%2220%22/%3E%3Cellipse%20cx%3D%22540%22%20cy%3D%2240%22%20rx%3D%2230%22%20ry%3D%2213%22/%3E%3Cellipse%20cx%3D%22560%22%20cy%3D%2232%22%20rx%3D%2222%22%20ry%3D%2215%22/%3E%3C/g%3E%3C/svg%3E) 0 24px / 600px 220px repeat-x;animation:clouds-drift 90s linear infinite;z-index:-1;pointer-events:none}.screen.meadow:after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22160%22%20height%3D%2260%22%20viewBox%3D%220%200%20160%2060%22%3E%3Cg%20fill%3D%22%235aa83a%22%3E%3Cpath%20d%3D%22M10%2060%20L14%2044%20L18%2060Z%22/%3E%3Cpath%20d%3D%22M16%2060%20L22%2040%20L26%2060Z%22/%3E%3Cpath%20d%3D%22M90%2060%20L94%2046%20L98%2060Z%22/%3E%3Cpath%20d%3D%22M128%2060%20L133%2042%20L138%2060Z%22/%3E%3Cpath%20d%3D%22M134%2060%20L140%2048%20L144%2060Z%22/%3E%3C/g%3E%3Cg%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2240%22%20r%3D%225%22%20fill%3D%22%23fff%22/%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2240%22%20r%3D%222.2%22%20fill%3D%22%23ffd23f%22/%3E%3Ccircle%20cx%3D%22112%22%20cy%3D%2230%22%20r%3D%224.5%22%20fill%3D%22%23ffb3c6%22/%3E%3Ccircle%20cx%3D%22112%22%20cy%3D%2230%22%20r%3D%222%22%20fill%3D%22%23fff4b0%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2252%22%20r%3D%223.5%22%20fill%3D%22%23fff%22/%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2252%22%20r%3D%221.6%22%20fill%3D%22%23ffd23f%22/%3E%3C/g%3E%3C/svg%3E) 0 100% / 160px 60px repeat-x,url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20400%20200%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%2070%20Q90%2020%20190%2060%20T400%2045%20V200%20H0Z%22%20fill%3D%22%23a8dd73%22/%3E%3Cpath%20d%3D%22M0%20115%20Q110%2060%20230%20105%20T400%2090%20V200%20H0Z%22%20fill%3D%22%2386c95a%22/%3E%3Cpath%20d%3D%22M0%20150%20Q140%20120%20270%20148%20T400%20138%20V200%20H0Z%22%20fill%3D%22%236fb84a%22/%3E%3C/svg%3E) 0 0 / 100% 100% no-repeat;z-index:-1;pointer-events:none}@keyframes clouds-drift{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.screen.meadow:before{animation:none}}.wood{background:linear-gradient(180deg,var(--wood-hi),var(--wood));border:3px solid var(--wood-dark);box-shadow:inset 0 2px #ffffff47,0 4px 0 var(--wood-dark);color:#fff8ec}.wood-panel{padding:18px 18px 16px;border-radius:20px;background:linear-gradient(180deg,#f7e2c2,#edcfa2);border:3px solid var(--wood-dark);box-shadow:inset 0 2px #fff9,0 5px 0 var(--wood-dark)}.wood-round{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--wood-hi),var(--wood));border:3px solid var(--wood-dark);box-shadow:0 3px 0 var(--wood-dark);color:#fff4d6;cursor:pointer}.wood-round:active{transform:translateY(2px);box-shadow:0 1px 0 var(--wood-dark)}.leaf-btn,.start-sign{position:relative;border:3px solid var(--leaf-dark);background:linear-gradient(180deg,var(--leaf-hi),var(--leaf));box-shadow:inset 0 3px #ffffff59,0 5px 0 var(--leaf-dark);color:#fff;font-family:inherit;font-weight:900;text-shadow:0 2px 0 var(--leaf-dark),2px 0 0 var(--leaf-dark),-2px 0 0 var(--leaf-dark),0 -2px 0 var(--leaf-dark);cursor:pointer}.leaf-btn:active,.start-sign:active{transform:translateY(3px);box-shadow:inset 0 3px #ffffff59,0 2px 0 var(--leaf-dark)}.wood-btn{border:3px solid var(--wood-dark);background:linear-gradient(180deg,var(--wood-hi),var(--wood));box-shadow:inset 0 3px #ffffff4d,0 5px 0 var(--wood-dark);color:#fff8ec;font-family:inherit;font-weight:900;text-shadow:0 2px 0 var(--wood-dark),1px 0 0 var(--wood-dark),-1px 0 0 var(--wood-dark);cursor:pointer}.wood-btn:active{transform:translateY(3px);box-shadow:inset 0 3px #ffffff4d,0 2px 0 var(--wood-dark)}.leaf-btn:disabled{filter:grayscale(.7) brightness(1.05);opacity:.7;pointer-events:none}.nick-logo{width:min(68vw,290px);height:auto;margin-bottom:14px;filter:drop-shadow(0 6px 10px rgba(60,90,30,.25));-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.nick-box{width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px}.nick-box label{font-size:14px;font-weight:800;letter-spacing:1px;color:var(--text);text-align:center}.nick-box input{width:100%;padding:13px 16px;font-size:18px;font-weight:700;text-align:center;letter-spacing:2px;color:var(--text);background:#fffaf0;border:2px solid #c99a63;border-radius:14px;outline:none;font-family:inherit}.nick-box input::placeholder{color:#d5bf9f;opacity:1}.nick-box input:focus{border-color:var(--leaf-dark);box-shadow:0 0 0 4px #6cc63f4d}.nick-box .leaf-btn{min-height:54px;border-radius:16px;font-size:19px;letter-spacing:2px}.nick-field{position:relative;width:100%}.nick-ghost{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:13px 16px;font-size:18px;font-weight:700;letter-spacing:2px;color:var(--text);background:#fffaf0;border:2px solid var(--leaf-dark);border-radius:14px;cursor:text}.nick-ghost .suffix{color:var(--text-dim)}.kicker{font-size:11px;letter-spacing:4px;color:var(--text-dim)}#screen-lobby{justify-content:flex-start;padding:max(env(safe-area-inset-top),12px) 16px 150px}.lobby-top{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;max-width:460px}.player-plate{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;height:46px;padding:0 8px 0 6px;border-radius:14px}.lobby-play{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:340px;margin-top:auto;padding-bottom:18px}.player-plate .avatar{width:34px;height:34px;object-fit:contain;flex:none;background:#fff4dc;border-radius:50%;padding:2px}.player-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;text-shadow:0 1px 0 var(--wood-dark)}.signoff-link{flex:none;padding:4px 9px;font-size:11px;font-weight:700;color:#fff4dc;background:#6b3f1f73;border:none;border-radius:999px;cursor:pointer;font-family:inherit}.signoff-link:active{background:#6b3f1fb3}.lobby-logo{width:min(78vw,330px);height:auto;margin:10px 0 6px;filter:drop-shadow(0 8px 12px rgba(60,90,30,.28));animation:logo-bob 3.2s ease-in-out infinite;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@keyframes logo-bob{50%{transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){.lobby-logo{animation:none}}#screen-lobby.meadow:after{z-index:-2}.butterflies{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.butterfly{position:absolute;left:0;top:0;width:24px;height:24px;will-change:transform;filter:drop-shadow(0 2px 2px rgba(40,70,20,.25))}.butterfly svg{display:block;overflow:visible}.butterfly .wings{animation:butterfly-flap var(--flap) ease-in-out infinite alternate;transform-origin:0 0}@keyframes butterfly-flap{0%{transform:scaleX(1)}to{transform:scaleX(.25)}}@media(prefers-reduced-motion:reduce){.butterflies{display:none}}#screen-lobby.enter .lobby-logo{animation:lobby-logo-in .3s ease-out backwards,logo-bob 3.2s ease-in-out .3s infinite}#screen-lobby.enter .player-plate{animation:lobby-pop .3s ease-out .3s backwards}#screen-lobby.enter .start-sign{animation:lobby-pop .3s ease-out .45s backwards}@keyframes lobby-logo-in{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes lobby-pop{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.1)}82%{transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){#screen-lobby.enter .lobby-logo,#screen-lobby.enter .player-plate,#screen-lobby.enter .start-sign{animation:none}}.start-sign{display:flex;flex-direction:column;align-items:center;gap:6px;width:min(66vw,260px);padding:14px 18px 12px;border-radius:24px}.start-label{font-size:30px;letter-spacing:3px;line-height:1.1}.start-stage{padding:3px 14px;border-radius:999px;background:var(--sun);border:2px solid #b8860b;color:#6b4a00;font-size:15px;font-weight:900;letter-spacing:1px;text-shadow:none}.lobby-bottom{position:absolute;left:50%;bottom:max(env(safe-area-inset-bottom),12px);transform:translate(-50%);width:calc(100% - 32px);max-width:420px}.copyright{-webkit-text-size-adjust:100%;text-size-adjust:100%;margin-top:8px;text-align:center;font-size:11px;font-weight:600;line-height:1.35;color:#24481a;letter-spacing:.02em;text-shadow:0 1px 0 rgba(255,255,255,.55)}.lobby-bottom .banner-track{border:3px solid var(--wood-dark);box-shadow:0 3px 0 var(--wood-dark)}.rank-tabs{display:flex;gap:8px;width:100%;max-width:420px;margin-bottom:12px}.rank-tab{flex:1;padding:12px 0;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text-dim);font-family:inherit;font-size:14px;font-weight:800;letter-spacing:3px;cursor:pointer}.rank-tab.active{background:linear-gradient(180deg,var(--sky-hi),var(--sky));border-color:transparent;color:var(--sky-ink)}.rank-info{width:100%;max-width:420px;min-height:15px;margin-bottom:10px;font-size:11px;letter-spacing:1px;color:var(--text-dim);text-align:center}.rank-list{width:100%;max-width:420px;flex:1;min-height:0;overflow-y:auto;touch-action:pan-y;border:1px solid var(--line);border-radius:14px;background:var(--panel);margin-bottom:16px;-webkit-overflow-scrolling:touch}.rank-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(107,93,82,.07);font-size:14px;transform-origin:center center;animation:rank-flip .32s ease-out backwards}@keyframes rank-flip{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.rank-row .rk,.rank-me .rk{width:36px;text-align:right;font-weight:800;flex:none;color:var(--text-dim)}.rank-row:nth-child(1) .rk{color:#e0a93a}.rank-row:nth-child(2) .rk{color:#9fb0c0}.rank-row:nth-child(3) .rk{color:#cf9163}.rank-ava{width:26px;height:26px;object-fit:contain;flex:none}.rank-row .nm,.rank-me .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row .val,.rank-me .val{font-weight:800;letter-spacing:1px;flex:none;min-width:4.5em;text-align:right}.rank-row.me{background:#9ed9cd38}.rank-row.me .nm{color:var(--mint-ink);font-weight:800}.rank-me{display:flex;align-items:center;gap:10px;width:100%;max-width:420px;min-height:50px;padding:12px 14px;margin-bottom:8px;font-size:14px;border-radius:14px;background:linear-gradient(180deg,var(--mint-hi),var(--mint));color:var(--mint-ink);box-shadow:0 4px 16px #9ed9cd73}.rank-me .rk{color:var(--mint-ink)}.rank-me.empty{justify-content:center;font-size:13px;letter-spacing:1px}.rank-empty{padding:32px 16px;text-align:center;font-size:13px;color:var(--text-dim);letter-spacing:1px;line-height:1.7}.config-list{width:100%;max-width:420px;margin-bottom:28px}.config-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 4px;border-bottom:1px solid var(--line);font-size:15px}.config-name{display:flex;align-items:baseline;gap:10px}.toggle{min-width:72px;padding:10px 0;border:none;border-radius:999px;font-weight:800;letter-spacing:2px;cursor:pointer;font-family:inherit;background:var(--gray);color:var(--gray-ink)}.toggle.outline{background:transparent;border:2px solid var(--text);color:var(--text);padding:8px 0}.toggle.outline:active{background:#0000000f}.vol-wrap{display:flex;align-items:center;gap:10px;flex:1;max-width:220px}.vol{-webkit-appearance:none;appearance:none;flex:1;height:28px;background:transparent;margin:0;cursor:pointer;--vol: 50%}.vol:focus{outline:none}.vol::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--mint) 0,var(--mint) var(--vol),var(--gray-hi) var(--vol),var(--gray-hi) 100%)}.vol::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-7px;border-radius:50%;background:#fff;border:2px solid var(--mint);box-shadow:0 2px 6px #6b5d5240}.vol::-moz-range-track{height:8px;border-radius:999px;background:var(--gray-hi)}.vol::-moz-range-progress{height:8px;border-radius:999px;background:var(--mint)}.vol::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--mint);box-shadow:0 2px 6px #6b5d5240}.vol-val{width:40px;text-align:right;font-weight:800;font-size:13px;color:var(--mint-ink);letter-spacing:.5px}.screen.meadow{--mint: var(--leaf);--mint-hi: var(--leaf-hi);--mint-ink: var(--leaf-dark)}.meadow .screen-title{color:#fff;letter-spacing:5px;text-shadow:0 3px 0 var(--wood-dark),2px 0 0 var(--wood-dark),-2px 0 0 var(--wood-dark),0 -2px 0 var(--wood-dark),2px 2px 0 var(--wood-dark),-2px 2px 0 var(--wood-dark)}.meadow .btn-exit{background:linear-gradient(180deg,var(--wood-hi),var(--wood));border:3px solid var(--wood-dark);border-left:none;color:#fff4d6;box-shadow:0 3px 0 var(--wood-dark)}.meadow .btn-exit:active{background:var(--wood)}.meadow .rank-tab{background:linear-gradient(180deg,#fbebd2,#f0d3a8);border:3px solid var(--wood-dark);color:var(--text);box-shadow:0 3px 0 var(--wood-dark)}.meadow .rank-tab.active{background:linear-gradient(180deg,var(--leaf-hi),var(--leaf));border-color:var(--leaf-dark);color:#fff;box-shadow:0 3px 0 var(--leaf-dark);text-shadow:0 1px 0 var(--leaf-dark),1px 0 0 var(--leaf-dark),-1px 0 0 var(--leaf-dark),0 -1px 0 var(--leaf-dark)}.meadow .rank-info{color:#2f5a1f;font-weight:700}.meadow .rank-list,.meadow .config-list{background:linear-gradient(180deg,#fff8ea,#f7e6c8);border:3px solid var(--wood-dark);border-radius:16px;box-shadow:0 4px 0 var(--wood-dark)}.meadow .rank-row{border-bottom:1px dashed rgba(107,63,31,.22);color:var(--text)}.meadow .rank-row.me{background:#6cc63f38}.meadow .rank-row.me .nm{color:var(--leaf-dark)}.meadow .rank-me{background:linear-gradient(180deg,var(--leaf-hi),var(--leaf));border:3px solid var(--leaf-dark);color:#fff;box-shadow:0 3px 0 var(--leaf-dark);text-shadow:0 1px 0 var(--leaf-dark)}.meadow .rank-me .rk{color:#fff}.meadow .rank-empty{color:var(--text-dim)}.meadow .config-list{padding:2px 16px}.meadow .config-row{border-bottom:1px dashed rgba(107,63,31,.25);color:var(--text);font-weight:700}.meadow .config-row:last-child{border-bottom:none}.meadow .toggle.outline{background:#fffaf0;border-color:var(--wood-dark);color:var(--wood-dark)}.config-row>span:first-child{flex:none;white-space:nowrap}.cfg-btn{min-width:76px;padding:8px 0;border-radius:999px;font-size:14px;letter-spacing:1px}.meadow .vol-val{color:var(--leaf-dark)}.meadow .app-banner .banner-track{border:3px solid var(--wood-dark);box-shadow:0 3px 0 var(--wood-dark)}#signoff-popup{background:#2f5a1f4d}.signoff-box{width:min(90vw,400px);max-width:none;padding:26px 22px 20px}.signoff-box .signoff-msg{word-break:keep-all;font-size:15px;font-weight:600;line-height:1.75;color:#5a3418}.signoff-box .signoff-nick{color:var(--leaf-dark);font-weight:900}.signoff-box .signoff-btns{gap:10px;margin-top:20px}.signoff-btn{min-height:48px;border-radius:14px;font-size:16px;letter-spacing:1px}.ad-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:30}.ad-text{font-size:30pt;font-weight:800;letter-spacing:6px;color:var(--text-dim)}.ad-top{position:absolute;top:max(env(safe-area-inset-top),30px);left:0;height:44px;display:flex;align-items:center}.ad-count{padding:0 14px;font-size:13px;letter-spacing:1px;color:var(--text-dim)}#ad-back{flex:none;width:44px;height:44px;margin-left:12px}@media(max-height:700px){.lobby-logo{width:min(64vw,250px);margin:4px 0 2px}.nick-logo{width:min(56vw,220px)}.start-label{font-size:25px}.btn-bar{min-height:58px;margin:6px 0}}#screen-game{padding:0;justify-content:flex-start;padding-top:max(env(safe-area-inset-top),10px);padding-bottom:max(env(safe-area-inset-bottom),10px);touch-action:none}.g-top{position:relative;display:flex;align-items:center;gap:10px;width:100%;max-width:480px;min-height:56px;padding:0 12px;flex:none}.g-left{display:flex;align-items:center;gap:8px;flex:none}.g-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;font-size:24px;font-weight:900;letter-spacing:1px;color:#fff;text-shadow:0 3px 0 var(--wood-dark),2px 0 0 var(--wood-dark),-2px 0 0 var(--wood-dark),0 -2px 0 var(--wood-dark),2px 2px 0 var(--wood-dark),-2px 2px 0 var(--wood-dark)}.g-round{position:relative;flex:none;width:44px;height:44px;z-index:15}.g-bulb:disabled{opacity:.55;cursor:default}#screen-game .g-round.spotlight{z-index:25;box-shadow:0 3px 0 var(--wood-dark),0 0 0 5px #ffffffd9}.g-stats{display:flex;gap:6px;margin-left:auto}.g-stat{display:flex;align-items:center;gap:4px;height:38px;padding:0 11px 0 6px;border-radius:12px;font-size:19px;font-weight:900;color:#fff8ec;text-shadow:0 1px 0 var(--wood-dark)}.g-stat-face{width:28px;height:28px;object-fit:contain}.g-stat .heart{width:24px;height:22px}.g-stat b.pop{animation:count-pop .38s ease-out}@keyframes count-pop{0%{transform:scale(1)}40%{transform:scale(1.5)}to{transform:scale(1)}}.g-stat.flash{animation:stat-flash .2s ease-out}@keyframes stat-flash{0%{filter:brightness(2.1) saturate(.3);box-shadow:0 0 0 4px #ffffffe6,0 4px 0 var(--wood-dark)}to{filter:none;box-shadow:0 0 #fff0,0 4px 0 var(--wood-dark)}}.g-stat-face.pop{animation:chip-pop .35s ease-out}@keyframes chip-pop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1)}}#game-hud-lives.hit{animation:lives-hit .32s ease}@keyframes lives-hit{30%{transform:translate(-5px)}60%{transform:translate(5px)}}.heart{width:27px;height:25px;background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2030%22%3E%3Cpath%20d%3D%22M16%2028.5C9%2023%202%2017.6%202%2010.4%202%205.9%205.4%202.5%209.6%202.5c2.7%200%205%201.4%206.4%203.6%201.4-2.2%203.7-3.6%206.4-3.6%204.2%200%207.6%203.4%207.6%207.9%200%207.2-7%2012.6-14%2018.1z%22%20fill%3D%22%23d9634f%22/%3E%3Cellipse%20cx%3D%229.5%22%20cy%3D%229%22%20rx%3D%223.2%22%20ry%3D%222%22%20transform%3D%22rotate%28-35%209.5%209%29%22%20fill%3D%22rgba%28255%2C255%2C255%2C0.55%29%22/%3E%3C/svg%3E) center / contain no-repeat;transition:transform .2s ease}.heart.lost{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2030%22%3E%3Cpath%20d%3D%22M16%2028.5C9%2023%202%2017.6%202%2010.4%202%205.9%205.4%202.5%209.6%202.5c2.7%200%205%201.4%206.4%203.6%201.4-2.2%203.7-3.6%206.4-3.6%204.2%200%207.6%203.4%207.6%207.9%200%207.2-7%2012.6-14%2018.1z%22%20fill%3D%22%23aab3c6%22/%3E%3C/svg%3E)}.g-rules{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:480px;padding:0 12px;margin-top:12px;flex:none}.g-hint-msg{position:absolute;inset:0 12px;display:flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:14px;background:linear-gradient(180deg,#8a5428,var(--wood-dark));border:3px solid #4a2a12;color:#fff8ec;font-size:15px;font-weight:700;line-height:1.45;text-align:center;word-break:keep-all;box-shadow:0 6px 18px #4a2a1259;opacity:0;transform:translateY(-4px) scale(.97);transition:opacity .25s ease,transform .25s ease;pointer-events:none;z-index:8}.g-hint-msg:after{content:"";position:absolute;left:50%;top:100%;border:9px solid transparent;border-top-color:#4a2a12;transform:translate(-50%)}.g-hint-msg.show{opacity:1;transform:translateY(0) scale(1)}.g-hint-msg .type-rest{color:transparent}.g-rule{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:124px;padding:10px 6px 8px;border-radius:8px;background:linear-gradient(180deg,#fff8ea,#f7e6c8);border:3px solid var(--wood-dark);box-shadow:0 3px 0 var(--wood-dark);color:var(--text);font-size:15px;font-weight:800;line-height:1.35;text-align:center;word-break:keep-all}.g-rule-art{display:grid;justify-content:center;align-content:center}.art-tile{position:relative;border-radius:3px}.art-tile img,.art-tile svg{position:absolute;inset:4%;width:92%;height:92%;object-fit:contain}.g-rule span{font-size:14px;line-height:1.3}.g-rule span{color:var(--text)}.arena{position:relative;flex:1;min-height:0;width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 6px 4px}.arena.practice{padding-top:150px}.board{display:block;width:100%;flex:1;min-height:0;max-height:100%}.g-bulb{position:relative;flex:none;width:44px;height:44px;overflow:visible}.g-bulb-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-54%)}.g-badge{position:absolute;left:26px;top:-9px;padding:2px 7px;border-radius:999px;background:#63a53b;color:#fff;font-size:11px;font-weight:800;letter-spacing:.3px;white-space:nowrap;z-index:1}.g-badge.ad{background:#6d7fd0}.g-badge.empty{background:#9aa3b8}@keyframes intro-fade{0%{opacity:0}to{opacity:1}}@keyframes intro-spring{0%{opacity:0;transform:scale(.55)}55%{opacity:1;transform:scale(1.08)}78%{transform:scale(.97)}to{opacity:1;transform:scale(1)}}#screen-game.intro .g-left,#screen-game.intro .g-title,#screen-game.intro .g-stats{animation:intro-fade .35s ease-out both}#screen-game.intro .g-rule{animation:intro-spring .45s ease-out both}#screen-game.intro .g-rule:nth-child(1){animation-delay:.08s}#screen-game.intro .g-rule:nth-child(2){animation-delay:.16s}#screen-game.intro .g-rule:nth-child(3){animation-delay:.24s}#screen-game.intro .board{animation:intro-spring .5s ease-out .3s both}@media(prefers-reduced-motion:reduce){#screen-game.intro .g-left,#screen-game.intro .g-title,#screen-game.intro .g-stats,#screen-game.intro .g-rule,#screen-game.intro .board{animation-duration:.01s;animation-delay:0s}}.game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#2f5a1f47;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:18px;z-index:10;animation:popup-fade .15s ease-out both}.overlay-card{animation:popup-spring .2s ease-out both;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(86%,320px);padding:22px 22px 18px;text-align:center}.overlay-level{padding:3px 14px;border-radius:999px;background:var(--wood);border:2px solid var(--wood-dark);color:#fff8ec;font-size:13px;font-weight:900;letter-spacing:1px}.overlay-title{font-size:38px;font-weight:900;letter-spacing:3px;line-height:1.1;color:var(--leaf-hi);text-shadow:0 4px 0 var(--leaf-dark),3px 0 0 var(--leaf-dark),-3px 0 0 var(--leaf-dark),0 -3px 0 var(--leaf-dark),3px 3px 0 var(--leaf-dark),-3px 3px 0 var(--leaf-dark)}.overlay-card.over .overlay-title{font-size:28px;letter-spacing:1px;white-space:nowrap;color:#ff9a4a;text-shadow:0 4px 0 var(--wood-dark),3px 0 0 var(--wood-dark),-3px 0 0 var(--wood-dark),0 -3px 0 var(--wood-dark),3px 3px 0 var(--wood-dark),-3px 3px 0 var(--wood-dark)}.overlay-sub{min-height:1.4em;font-size:13px;font-weight:700;letter-spacing:.5px;color:var(--text-dim);margin-bottom:4px}.overlay-btn{width:100%;min-height:52px;border-radius:16px;font-size:18px;letter-spacing:2px}.game-cut{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:32px;background:#1e243cb8;z-index:20;animation:popup-fade .3s ease-out both}.game-cut-msg{white-space:pre-line;text-align:center;font-size:15px;line-height:1.8;font-weight:700;color:#fff;letter-spacing:.5px}.tutor{position:absolute;left:0;right:0;top:0;display:flex;justify-content:center;padding:6px 10px;pointer-events:none;z-index:12}.tutor-bubble{pointer-events:auto;width:100%;max-width:440px;padding:12px 16px 10px}.tutor-bubble.pop{animation:popup-spring .25s ease-out both}.tutor-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.tutor-skip{padding:4px 10px;border:2px solid var(--wood);border-radius:999px;background:#fffaf0;font-family:inherit;font-size:11px;font-weight:700;color:var(--wood-dark);cursor:pointer}.tutor-text{white-space:pre-line;font-size:14px;line-height:1.6;font-weight:600;color:var(--text)}.tutor-next{display:block;margin:8px auto 0;background:linear-gradient(180deg,var(--leaf-hi),var(--leaf));border:2px solid var(--leaf-dark);color:#fff;text-shadow:0 1px 0 var(--leaf-dark)}@media(max-width:430px){.g-top{padding:0 8px}.g-left{gap:6px}.g-round,.g-bulb{width:40px;height:40px}.g-bulb-icon{width:30px;height:30px}.g-badge{left:22px;font-size:10px;padding:2px 6px}.g-title{font-size:21px}.g-stats{gap:4px}.g-stat{height:34px;padding:0 7px 0 3px;font-size:16px;gap:2px}.g-stat-face{width:24px;height:24px}.g-stat .heart{width:21px;height:19px}}@media(max-height:740px){.g-rule{min-height:100px;gap:5px}.g-rule span{font-size:13px}}.tutor-focus{position:relative;z-index:3;box-shadow:0 0 0 3px #ffd23f,0 0 10px 4px #ffd23f8c}.tutor-focus:after{content:"";position:absolute;inset:-3px;border-radius:inherit;box-shadow:0 0 0 2px #ffd23f,0 0 22px 10px #ffffffbf;pointer-events:none;animation:tutor-focus .55s ease-in-out infinite alternate}@keyframes tutor-focus{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.tutor-focus:after{animation:none;opacity:.6}}.g-badge.hidden{display:none}.tutor-dim{position:fixed;inset:0;background:#141c0c99;z-index:30;animation:intro-fade .25s ease-out both}#tutor.tutor-lift{z-index:31}.g-stat.tutor-lift{position:relative;z-index:31}#screen-game.meadow:before{animation-play-state:paused}