@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--ink:#172033;--muted:#687086;--paper:#fffdf8;--line:#1720331f;--coral:#f06449;--violet:#7658ed;--lime:#c9f45c;background:#f7f5ef;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f7f5ef;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}::selection{background:var(--lime);color:var(--ink)}.app-shell{min-height:100vh;overflow:hidden}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);min-height:84px;margin:0 auto;display:flex}.brand{align-items:center;gap:12px;font:700 1.12rem Manrope,sans-serif;text-decoration:none;display:flex}.brand-mark{color:#fff;background:var(--ink);width:42px;height:42px;box-shadow:5px 5px 0 var(--brand-accent);border-radius:13px;place-items:center;transition:box-shadow .35s;display:grid}.brand strong{font-weight:800}.header-tag{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.84rem}.hero{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center;gap:60px;width:min(1180px,100% - 40px);min-height:440px;margin:0 auto;padding:74px 0 64px;display:grid}.hero-copy{max-width:760px}.eyebrow{color:var(--coral);text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:700;display:inline-block}.hero h1{letter-spacing:-.075em;margin:18px 0 24px;font:800 clamp(3rem,7vw,6.7rem)/.94 Manrope,sans-serif}.hero h1 span{color:var(--violet)}.hero p{max-width:620px;color:var(--muted);margin:0;font-size:clamp(1rem,2vw,1.24rem);line-height:1.7}.hero-orbit{height:320px;position:relative}.hero-orbit:before{content:"";border:1px solid #7658ed40;border-radius:50%;position:absolute;inset:25px}.hero-orbit:after{content:"";background:var(--lime);filter:blur(1px);border-radius:50%;position:absolute;inset:75px}.orbit-tile{z-index:1;border-radius:24px;place-items:center;width:86px;height:86px;font:800 1.7rem Manrope;animation:4s ease-in-out infinite float;display:grid;position:absolute;box-shadow:0 18px 35px #1f23322e}.tile-one{color:#fff;background:var(--coral);top:6px;left:42%;transform:rotate(8deg)}.tile-two{color:#fff;background:var(--violet);animation-delay:-1.5s;top:44%;right:2%}.tile-three{background:var(--paper);animation-delay:-2.7s;bottom:0;left:7%}@keyframes float{0%,to{translate:0}50%{translate:0 -13px}}.games-section{background:var(--ink);color:#fff;padding:76px max(20px,50vw - 590px) 96px}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px;display:flex}.section-heading h2{letter-spacing:-.05em;margin:8px 0 0;font:800 clamp(2rem,4vw,3.5rem)/1 Manrope}.section-heading p{color:#aeb7c9;max-width:420px;margin:0;line-height:1.6}.game-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.game-card{min-height:390px;color:var(--ink);border-radius:28px;flex-direction:column;padding:clamp(28px,4vw,46px);display:flex;position:relative;overflow:hidden}.game-card:after{content:"";border:36px solid #ffffff2e;border-radius:50%;width:210px;height:210px;position:absolute;top:-80px;right:-70px}.game-card--coral{background:#ff8066}.game-card--violet{background:#a18cff}.game-card-topline{justify-content:space-between;align-items:center;margin-bottom:52px;display:flex}.game-number{opacity:.5;font:800 2.4rem Manrope}.game-meta,.level-chip{border:1px solid #17203338;border-radius:999px;padding:8px 13px;font-size:.8rem;font-weight:700}.game-card .eyebrow{color:var(--ink);opacity:.65}.game-card h3{letter-spacing:-.06em;margin:8px 0 12px;font:800 clamp(2.2rem,5vw,4rem)/1 Manrope}.game-card p{max-width:530px;margin:0 0 32px;font-size:1.05rem;line-height:1.6}.primary-action{color:#fff;background:var(--ink);border:0;border-radius:999px;align-items:center;gap:28px;width:fit-content;margin-top:auto;padding:14px 18px 14px 22px;font-weight:700;transition:transform .18s,box-shadow .18s;display:flex}.primary-action span{font-size:1.3rem}.primary-action:hover{transform:translateY(-2px);box-shadow:0 10px 25px #17203340}.game-stage{width:min(1180px,100% - 32px);margin:0 auto;padding:48px 0 80px}.game-panel{gap:24px;display:grid}.game-panel-header{justify-content:space-between;align-items:start;gap:24px;display:flex}.game-panel-header h1{letter-spacing:-.065em;margin:5px 0 8px;font:800 clamp(2.6rem,6vw,5.2rem)/1 Manrope}.game-panel-header p{max-width:640px;color:var(--muted);margin:0;line-height:1.6}.back-button,.secondary-action,.level-action{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:12px 18px;font-weight:700}.back-button:hover,.secondary-action:hover{border-color:var(--ink)}.game-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.level-action{background:var(--ink);color:#fff}.level-action:disabled{opacity:.35;cursor:not-allowed}.game-stats{flex-wrap:wrap;gap:12px;display:flex}.stat-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;min-width:135px;padding:15px 18px}.stat-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;display:block}.stat-card strong{margin-top:3px;font:700 1.35rem Manrope;display:block}.board-card{text-align:center;border:1px solid var(--line);background:#e9e5da;border-radius:28px;padding:clamp(18px,4vw,38px);position:relative;overflow-x:auto}.game-board{border-collapse:separate;border-spacing:7px;margin:auto}.game-board td{padding:0}.boxesBtn{color:#fff;background:var(--ink);border:0;border-radius:16px;width:clamp(48px,7vw,68px);height:clamp(48px,7vw,68px);font-size:1.05rem;font-weight:800;transition:transform .12s,background .12s;box-shadow:0 4px #17203340}.boxesBtn:hover{background:var(--violet);transform:translateY(-2px)}.boxesBtn:active{transform:translateY(1px);box-shadow:0 1px #17203340}.boxesBtn.textred{color:#fff;background:var(--coral)}.loading-mask{z-index:2;cursor:wait;background:0 0;position:absolute;inset:0}.memory-notice{z-index:3;width:fit-content;max-width:100%;color:var(--ink);border:1px solid var(--line);background:#fffdf8f0;border-radius:999px;justify-content:center;align-items:center;gap:12px;margin:0 auto 20px;padding:10px 16px;display:flex;position:relative;box-shadow:0 8px 24px #1720331a}.memory-notice .spinner{flex:none}.spinner{border:3px solid #17203326;border-top-color:var(--violet);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{rotate:360deg}}.scores-panel{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,4vw,36px)}.scores-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.scores-heading h2{letter-spacing:-.04em;margin:4px 0 0;font:800 1.8rem Manrope}.score-table-wrap{overflow-x:auto}.score-table{border-collapse:collapse;text-align:left;width:100%}.score-table th{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem}.score-table th,.score-table td{border-bottom:1px solid var(--line);padding:13px 10px}.score-table tr:last-child td{border-bottom:0}.rank{background:#eeeafa;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.empty-scores{color:var(--muted);margin:0}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0c121fa8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--paper);border-radius:24px;width:min(470px,100%);padding:34px;position:relative;box-shadow:0 30px 80px #0000004d}.modal-card h2{margin:0 35px 12px 0;font:800 1.8rem Manrope}.modal-close{width:34px;height:34px;color:var(--ink);background:#ece9e0;border:0;border-radius:50%;font-size:1.4rem;position:absolute;top:16px;right:18px}.modal-card label{margin:18px 0 7px;font-weight:700;display:block}.modal-card input{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;padding:12px 14px}.modal-card small{color:var(--muted);margin:7px 0 20px;line-height:1.5;display:block}.modal-card .primary-action{margin-top:20px}.result-message{color:var(--violet);font-weight:700}.warning-text{color:var(--coral)}.site-footer{width:min(1180px,100% - 40px);min-height:92px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;font-size:.9rem;display:flex}.site-footer a{color:var(--ink);font-weight:700}@media (width<=800px){.header-tag{display:none}.hero{grid-template-columns:1fr;gap:18px;padding-top:56px}.hero-orbit{display:none}.game-card-grid{grid-template-columns:1fr}.section-heading,.game-panel-header{flex-direction:column;align-items:start}.game-panel-header .back-button{order:-1}.site-footer{flex-direction:column;justify-content:center;align-items:flex-start}}@media (width<=480px){.site-header,.hero{width:min(100% - 28px,1180px)}.hero h1{font-size:3.35rem}.games-section{padding-left:14px;padding-right:14px}.game-card{border-radius:22px;min-height:350px}.game-stage{width:min(100% - 20px,1180px);padding-top:30px}.boxesBtn{border-radius:12px}.game-board{border-spacing:4px}.memory-notice{text-align:left;border-radius:16px;align-items:flex-start;font-size:.86rem}}