.snakle-game{position:relative;width:100%;height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);display:flex;flex-direction:column;overflow:hidden}.snake-section{margin:0 14px;background:var(--color-surface);border-radius:var(--radius-card);padding:1px 6px 0;box-shadow:var(--shadow-soft)}.snake-interior{position:relative}.staged-overlay{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;padding-right:9.6%;pointer-events:none}.staged-row{display:flex;align-items:center;gap:4px;pointer-events:auto}.staged-row--shaking{animation:snk-shake .36s cubic-bezier(.2,.7,.3,1)}.staged-length-badge{border-radius:var(--radius-tile);background:var(--staged-accent-fill);color:var(--staged-accent-ink);font-family:var(--font-ui);font-weight:var(--font-weight-tile);display:flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0}.staged-empty-slot{border-radius:var(--radius-tile);border:1.5px dashed rgba(15,77,42,.5)}.action-row{display:flex;gap:6px;padding:0 2px 8px}.action-btn{border:none;border-radius:var(--radius-button);font-family:var(--font-ui);transition:all .16s;cursor:pointer}.action-btn--submit{flex:2;padding:9px 12px;font-weight:800;font-size:14px;background:var(--color-surface-muted);color:var(--color-text-muted);box-shadow:none;cursor:default}.action-btn--submit.action-btn--ready{background:var(--color-primary);color:var(--color-primary-on);box-shadow:var(--shadow-med);cursor:pointer}.action-btn--secondary{flex:1;padding:9px 8px;font-weight:700;font-size:12px;background:var(--color-surface);color:var(--color-text-muted);box-shadow:inset 0 0 0 1px var(--color-border);cursor:default}.action-btn--secondary:not(:disabled){color:var(--color-text);cursor:pointer}.tile-bank{margin:4px 14px 0;background:var(--color-surface);border-radius:var(--radius-card);padding:8px 10px;box-shadow:var(--shadow-soft);flex:1;display:flex;flex-direction:column;gap:6px}.tile-bank__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.tile-bank__left{display:flex;align-items:center;gap:6px}.tile-bank__label{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--color-text-muted)}.tile-bank__visibility-btn{border:none;background:none;padding:0;cursor:pointer;display:flex;align-items:center;transition:opacity .16s,color .16s}.tile-bank__visibility-btn--visible{color:var(--color-text);opacity:1}.tile-bank__visibility-btn--hidden{color:var(--color-text-muted);opacity:.5}.tile-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;place-items:center}.game-footer{display:flex;justify-content:space-between;align-items:center;padding:6px 18px 8px;font-size:11px;color:var(--color-text-muted);font-family:var(--font-ui)}.game-footer__restart-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-family:inherit;font-size:inherit;display:flex;align-items:center;gap:5px;padding:4px 6px;border-radius:8px}.game-footer__dev-btn{background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text-muted);cursor:pointer;font-family:inherit;font-size:inherit;padding:3px 8px;border-radius:8px}.tile{position:relative;border:none;padding:0;border-radius:var(--radius-tile);font-family:var(--font-ui);font-weight:var(--font-weight-tile);transition:transform .14s cubic-bezier(.2,.7,.3,1),background .15s,color .15s,box-shadow .15s;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;user-select:none}.tile--default{background:var(--color-tile-bg);color:var(--color-tile-text);box-shadow:inset 0 0 0 1px var(--color-tile-border),var(--shadow-soft);cursor:pointer}.tile--used{background:var(--color-tile-used-bg);color:var(--color-tile-used-text);box-shadow:inset 0 0 0 1px #0f2d1b0f;cursor:default}.tile--selected{background:var(--tile-accent-fill);color:var(--tile-accent-ink);box-shadow:inset 0 0 0 2px var(--tile-accent-ink);cursor:pointer}.tile--reserved{background:var(--color-tile-bg);color:var(--color-tile-used-text);box-shadow:inset 0 0 0 1.5px var(--tile-reserve-ink),var(--shadow-soft);cursor:pointer}.tile--animate-in{animation:snk-tilePop .22s cubic-bezier(.2,.9,.3,1.2) forwards}.tile__reserve-badge{position:absolute;top:-3px;right:-3px;width:11px;height:11px;border-radius:999px;background:var(--tile-reserve-badge-bg);border:1.5px solid var(--color-tile-bg);font-size:7px;color:var(--color-tile-bg);font-weight:800;display:flex;align-items:center;justify-content:center}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;position:relative;z-index:2}.header__menu-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text)}.header__logo{display:flex;align-items:center;gap:6px}.header__logo-name{font-family:var(--font-ui);font-weight:var(--font-weight-headline);font-size:22px;color:var(--color-text);letter-spacing:-.02em;line-height:1}.header__help-btn{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--color-border-strong);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);padding:0;margin-left:2px;font-family:var(--font-ui);font-weight:800;font-size:11px;line-height:1}.header__new-btn{height:28px;padding:0 10px;border-radius:var(--radius-button);border:none;background:var(--color-primary);color:var(--color-primary-on);font-family:var(--font-ui);font-weight:800;font-size:12px;cursor:pointer;box-shadow:var(--shadow-med)}.network-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f2d1b66;z-index:80;animation:snk-fadeIn .2s ease-out}.network-drawer{position:absolute;left:0;top:0;bottom:0;width:290px;background:var(--color-bg);z-index:81;padding:18px 16px;box-shadow:4px 0 30px #0000002e;animation:snk-drawerIn .28s cubic-bezier(.2,.8,.3,1);display:flex;flex-direction:column;font-family:var(--font-ui)}.network-drawer__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.network-drawer__brand{display:flex;align-items:center;gap:8px}.network-drawer__brand-name{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--color-text-muted);text-transform:uppercase}.network-drawer__close-btn{border:none;background:transparent;cursor:pointer;color:var(--color-text-muted);font-size:18px;padding:4px}.network-drawer__title{font-family:var(--font-ui);font-weight:900;font-size:20px;color:var(--color-text);letter-spacing:-.02em;margin-bottom:14px}.network-drawer__games{display:flex;flex-direction:column;gap:10px}.network-drawer__game-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-card);background:var(--color-surface);text-decoration:none;box-shadow:var(--shadow-soft);color:var(--color-text);cursor:pointer}.network-drawer__game-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.network-drawer__game-info{flex:1;min-width:0}.network-drawer__game-name{font-weight:800;font-size:14px;font-family:var(--font-ui)}.network-drawer__game-sub{font-size:11px;color:var(--color-text-muted)}.network-drawer__badge{font-size:9px;font-weight:800;padding:3px 7px;border-radius:999px}.network-drawer__badge--live{background:var(--accent-3-fill);color:var(--accent-3-ink)}.network-drawer__badge--here{background:var(--color-primary);color:var(--color-primary-on)}.network-drawer__badge--soon{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border-strong)}.network-drawer__spacer{flex:1}.network-drawer__section-title{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-top:20px;margin-bottom:10px}.network-drawer__stats-card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden}.network-drawer__stat{padding:12px 14px;display:flex;flex-direction:column;align-items:center;background:var(--color-surface)}.network-drawer__stat-value{font-size:26px;font-weight:900;color:var(--color-text);letter-spacing:-.02em;line-height:1}.network-drawer__stat-label{font-size:10px;font-weight:700;color:var(--color-text-muted);margin-top:4px}.hint-popup{position:absolute;left:16px;right:16px;bottom:92px;z-index:70;background:var(--color-surface);border-radius:var(--radius-card);padding:14px;box-shadow:0 8px 28px #0f2d1b2e,0 0 0 1px var(--color-border-strong);animation:snk-popIn .24s cubic-bezier(.2,.9,.3,1.2);font-family:var(--font-ui)}.hint-popup__close-btn{position:absolute;top:6px;right:8px;border:none;background:transparent;cursor:pointer;color:var(--color-text-muted);font-size:18px;padding:4px;line-height:1}.hint-popup__label{font-size:11px;font-weight:800;letter-spacing:.1em}.hint-popup__label--no-moves{color:var(--accent-6-ink);margin-bottom:6px}.hint-popup__label--hint{color:var(--accent-5-ink);margin-bottom:8px}.hint-popup__body-text{font-size:13px;color:var(--color-text);line-height:1.5}.hint-popup__anagram-row{display:flex;justify-content:center;gap:6px;margin-bottom:12px}.hint-popup__anagram-tile{width:32px;height:32px;border-radius:var(--radius-tile);background:var(--accent-5-fill);color:var(--accent-5-ink);font-family:var(--font-ui);font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center}.hint-popup__hint-caption{font-size:12px;color:var(--color-text-muted);margin-bottom:10px;text-align:center}.hint-popup__reveal-btn{width:100%;padding:8px;border:none;border-radius:var(--radius-button);background:var(--accent-5-ink);color:#fff;font-family:var(--font-ui);font-weight:700;font-size:12px;cursor:pointer}.hint-popup__word{font-family:var(--font-ui);font-weight:800;font-size:22px;letter-spacing:.1em;color:var(--color-text);text-align:center;text-transform:uppercase;margin-bottom:6px}.hint-popup__word-caption{font-size:12px;color:var(--color-text-muted);text-align:center}.section-banner{position:absolute;top:72px;left:16px;right:16px;z-index:65;border-radius:var(--radius-card);box-shadow:0 10px 30px #0003;font-family:var(--font-ui)}.section-banner--invalid{background:#c73726;color:#fff;padding:12px 16px;font-weight:800;font-size:15px;text-align:center;animation:snk-bannerIn .32s cubic-bezier(.2,.9,.3,1.1),snk-bannerOut .32s cubic-bezier(.4,0,.6,1) 1.1s forwards}.section-banner--success{background:var(--banner-ink);color:#fff;display:flex;align-items:center;gap:10px;animation:snk-bannerIn .36s cubic-bezier(.2,.9,.3,1.1),snk-bannerOut .36s cubic-bezier(.4,0,.6,1) var(--banner-out-delay, 1.3s) forwards}.section-banner--section{padding:10px 14px}.section-banner--group{padding:14px 16px}.section-banner__icon{border-radius:999px;background:var(--banner-fill);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.section-banner__label{font-size:10px;font-weight:800;letter-spacing:.1em;opacity:.85}.section-banner--group .section-banner__label{font-size:11px}.section-banner__message{font-size:14px;font-weight:800;font-family:var(--font-ui);margin-top:1px}.section-banner--group .section-banner__message{font-size:16px}.reserve-controls{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-surface-muted);border-radius:999px;font-family:var(--font-ui);font-size:10px;font-weight:800;letter-spacing:.06em;white-space:nowrap;flex:0 0 auto}.reserve-controls__label{color:var(--color-text-muted);margin-right:4px}.reserve-controls__mode-btn{border:none;padding:3px 7px;border-radius:999px;background:#0f4d2a0f;color:var(--color-text-muted);cursor:pointer;font-family:inherit;font-weight:inherit;font-size:inherit;transition:background .16s,color .16s;min-width:18px;box-shadow:none}.reserve-controls__mode-btn--active{background:var(--reserve-accent-fill);color:var(--reserve-accent-ink);box-shadow:inset 0 0 0 1.5px var(--reserve-accent-ink-alpha)}.reserve-controls__visibility-btn{border:none;background:none;padding:2px 2px 0;margin-left:2px;cursor:pointer;display:flex;align-items:center;transition:opacity .16s,color .16s}.reserve-controls__visibility-btn--visible{color:var(--color-text);opacity:1}.reserve-controls__visibility-btn--hidden{color:var(--color-text-muted);opacity:.5}.game-complete{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--color-bg);overflow:auto;display:flex;flex-direction:column;animation:snk-fadeIn .4s ease-out}.game-complete__header{padding:26px 20px 12px;text-align:center;position:relative;z-index:1}.game-complete__eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--color-text-muted);margin-bottom:6px}.game-complete__title{font-family:var(--font-ui);font-weight:900;font-size:32px;color:var(--color-text);letter-spacing:-.02em;line-height:1.05;margin-bottom:10px}.game-complete__snake-wrap{width:100%;max-width:340px;margin:0 auto}.game-complete__section{padding:0 20px;margin-bottom:12px;position:relative;z-index:1}.game-complete__card{background:var(--color-surface);border-radius:var(--radius-card);padding:14px;box-shadow:var(--shadow-soft)}.game-complete__card-label{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:8px}.game-complete__words-list{display:flex;flex-direction:column;gap:5px}.game-complete__word-row{display:flex;align-items:center;gap:8px}.game-complete__word-badge{font-size:10px;font-weight:800;color:var(--badge-ink);background:var(--badge-fill);padding:3px 7px;border-radius:999px;min-width:30px;text-align:center}.game-complete__word-text{font-family:var(--font-ui);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text)}.game-complete__divider{margin-top:12px;padding-top:10px;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;font-size:12px;color:var(--color-text-muted)}.game-complete__divider-value{color:var(--color-text);font-weight:700}.game-complete__stats-row{display:flex}.game-complete__stat{flex:1;text-align:center}.game-complete__stat-value{font-family:var(--font-ui);font-weight:900;font-size:24px;color:var(--color-text);line-height:1}.game-complete__stat-label{font-size:9px;font-weight:800;letter-spacing:.07em;color:var(--color-text-muted);text-transform:uppercase;margin-top:4px}.game-complete__actions{padding:0 20px 20px;position:relative;z-index:1}.game-complete__share-btn{width:100%;padding:13px;border:none;border-radius:var(--radius-button);color:var(--color-primary-on);font-family:var(--font-ui);font-weight:800;font-size:15px;cursor:pointer;box-shadow:var(--shadow-med);margin-bottom:8px;transition:background .2s}.game-complete__share-btn--default{background:var(--color-primary)}.game-complete__share-btn--copied{background:var(--accent-3-ink)}.game-complete__replay-btn{width:100%;padding:10px;border:none;border-radius:var(--radius-button);background:transparent;color:var(--color-text-muted);font-family:var(--font-ui);font-weight:700;font-size:13px;cursor:pointer}.confetti-rain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:95;overflow:hidden}.confetti-rain__piece{position:absolute;top:0}.welcome-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f2d1b8c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100;animation:snk-fadeIn .22s ease-out}.welcome-modal{background:var(--color-bg);border-radius:calc(var(--radius-card) + 4px);padding:22px 22px 18px;max-width:320px;box-shadow:0 20px 60px #00000040;animation:snk-modalIn .32s cubic-bezier(.2,.9,.3,1.1);font-family:var(--font-ui)}.welcome-modal__header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.welcome-modal__title{font-family:var(--font-ui);font-weight:var(--font-weight-headline);font-size:28px;color:var(--color-text);line-height:1;letter-spacing:-.02em}.welcome-modal__subtitle{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:12px}.welcome-modal__body{margin:0 0 10px;font-size:14px;line-height:1.5;color:var(--color-text)}.welcome-modal__list{margin:0 0 14px;padding-left:18px;font-size:13px;line-height:1.6;color:var(--color-text)}.welcome-modal__start-btn{width:100%;padding:11px 14px;border:none;border-radius:var(--radius-button);background:var(--color-primary);color:var(--color-primary-on);font-family:var(--font-ui);font-weight:800;font-size:14px;cursor:pointer;box-shadow:var(--shadow-med)}.confetti-burst{position:absolute;pointer-events:none;z-index:60}.confetti-burst__particle{position:absolute;left:0;top:0;border-radius:1px}:root{--color-bg: #EAF3E2;--color-surface: #FFFFFF;--color-surface-muted: #DCEED2;--color-text: #0F4D2A;--color-text-muted: #5A6F5E;--color-border: rgba(15,77,42,.1);--color-border-strong: rgba(15,77,42,.16);--color-primary: #0F4D2A;--color-primary-on: #FFFFFF;--color-tile-bg: #DCEED2;--color-tile-text: #0F4D2A;--color-tile-border: rgba(15,77,42,.2);--color-tile-used-bg: #CFE1C4;--color-tile-used-text: rgba(15,77,42,.22);--accent-3-fill: #FBE7CC;--accent-3-ink: #8A5A1F;--accent-4-fill: #F5C2B7;--accent-4-ink: #8A3528;--accent-5-fill: #E8E3FE;--accent-5-ink: #4A2FA0;--accent-6-fill: #FFE08A;--accent-6-ink: #7A5A14;--font-ui: "Mulish", system-ui, sans-serif;--font-weight-headline: 900;--font-weight-tile: 800;--radius-tile: 10px;--radius-card: 18px;--radius-button: 12px;--shadow-soft: 0 1px 2px rgba(15,77,42,.06), 0 0 0 1px rgba(15,77,42,.08);--shadow-med: 0 3px 12px rgba(15,77,42,.1), 0 0 0 1px rgba(15,77,42,.08)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#c5d9b8;font-family:Mulish,system-ui,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#root{height:100%;display:flex;justify-content:center;align-items:stretch}.game-wrapper{width:100%;max-width:430px;height:100%;position:relative;overflow:hidden;box-shadow:0 0 40px #00000026}@media (min-width: 600px){#root{align-items:center}.game-wrapper{max-width:520px;height:min(900px,95vh);border-radius:24px;box-shadow:0 24px 80px #00000047,0 0 0 1px #00000012}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:#eaf3e2;color:#5a6f5e;font-size:13px;font-weight:700}.loading-spinner{width:36px;height:36px;border:3px solid #DCEED2;border-top-color:#0f4d2a;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes snk-burst{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}@keyframes snk-ringPulse{0%{transform:scale(1);opacity:.9}to{transform:scale(2.6);opacity:0}}@keyframes snk-tilePop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@keyframes snk-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}@keyframes snk-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes snk-popIn{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes snk-modalIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes snk-drawerIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes snk-bannerIn{0%{transform:translateY(-30px) scale(.95);opacity:0}60%{transform:translateY(4px) scale(1.02);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes snk-bannerOut{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-20px) scale(.96);opacity:0}}@keyframes snk-rainFall{0%{transform:translate(var(--rx,0),-30px) rotate(0);opacity:1}85%{opacity:1}to{transform:translate(calc(var(--rx,0) + var(--rdx,0)),var(--ry,640px)) rotate(var(--rrot,720deg));opacity:0}}@keyframes snk-celebrateTitle{0%{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes snk-cascadePop{0%{transform:scale(1);filter:brightness(1) drop-shadow(0 0 0 rgba(255,215,95,0))}40%{transform:scale(1.55);filter:brightness(1.5) drop-shadow(0 0 8px rgba(255,215,95,.9))}to{transform:scale(1);filter:brightness(1) drop-shadow(0 0 0 rgba(255,215,95,0))}}.snk-celebrateTitle{animation:snk-celebrateTitle .7s cubic-bezier(.2,.9,.3,1.1) both}.snk-cascade{transform-box:fill-box;transform-origin:center;animation:snk-cascadePop .9s cubic-bezier(.2,.7,.3,1) both}.snk-eye{transform-box:fill-box;transform-origin:center;animation:snk-blink 5.4s ease-in-out infinite}.snk-tongue{transform-box:fill-box;transform-origin:100% center;animation:snk-tongueFlick 6.2s ease-in-out infinite}@keyframes snk-blink{0%,88%,to{transform:scaleY(1)}92%{transform:scaleY(.05)}96%{transform:scaleY(1)}}@keyframes snk-tongueFlick{0%,62%,to{transform:scaleX(1) rotate(0)}66%{transform:scaleX(1.25) rotate(0)}71%{transform:scaleX(1.55) rotate(7deg)}76%{transform:scaleX(1.45) rotate(-7deg)}82%{transform:scaleX(1.3) rotate(4deg)}88%{transform:scaleX(1.1) rotate(0)}}.snk-reserveBadge{animation:snk-reservedPulse 1.7s ease-out infinite}@keyframes snk-reservedPulse{0%{box-shadow:0 0 0 0 var(--ring-c, rgba(255,215,95,.55))}75%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}