.app{text-align:center;background:#fff;border:2px solid #f3e4c8;border-radius:1.5rem;padding:1rem;box-shadow:0 8px 24px #2f4f7f1f}.app.in-game{padding:.6rem .75rem .9rem}.brand-wordmark{width:100%;max-width:400px;height:auto;margin:0 auto;display:block}.brand-illustration{width:46%;max-width:190px;height:auto;margin:-.2rem auto 0;display:block}.pick-title{color:var(--navy);margin:-.4rem 0 0;font-size:1.5rem}.start-screen{flex-direction:column;align-items:center;gap:.9rem;display:flex}.levels{grid-template-columns:1fr 1fr;gap:.8rem;width:100%;display:grid}.level-btn{background:var(--tile,var(--yellow));color:var(--navy);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border:none;border-radius:1.2rem;flex-direction:column;align-items:center;gap:.15rem;min-height:130px;padding:1rem .5rem;transition:transform .1s;display:flex;box-shadow:0 5px #2f4f7f38}.level-btn:first-child{--tile:#bfe0f5}.level-btn:nth-child(2){--tile:#c8e6a0}.level-btn:nth-child(3){--tile:#fdd57a}.level-btn:nth-child(4){--tile:#f9b98a}.level-btn:hover{transform:scale(1.03)}.level-btn:active{transform:scale(.96)}.level-btn:focus-visible{outline:4px solid var(--navy);outline-offset:3px}.level-icon{font-size:3.2rem;line-height:1.1}.level-age{font-size:1.8rem;font-weight:800}.level-grid{opacity:.8;font-size:.85rem}.btn{cursor:pointer;background:var(--accent);color:#fff;-webkit-tap-highlight-color:transparent;border:none;border-radius:1rem;min-width:48px;min-height:48px;padding:.7rem 1.3rem;font-size:1.2rem;font-weight:700;transition:transform .1s}.btn:hover{transform:scale(1.05)}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.btn-start{background:#c9650f;padding:.9rem 1.8rem;font-size:1.4rem}.btn-quiet{color:var(--navy);background:#fff1d0}.btn-icon{color:var(--navy);background:#fff1d0;padding:.4rem .8rem}.btn-print-link{background:var(--green);color:#1f3a12;font-size:1rem}.chips{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.topbar{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.actions-row{justify-content:center;gap:.8rem;margin-top:.9rem;display:flex}.print-dialog{background:#fff4dc;border-radius:1rem;flex-direction:column;align-items:center;gap:.8rem;margin-top:1rem;padding:1rem;display:flex}.print-dialog h2{color:var(--accent);font-size:1.1rem}.print-row{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.chip{color:var(--navy);cursor:pointer;background:#fff;border:2px solid #f0dcb4;border-radius:999px;min-height:44px;padding:.5rem .9rem;font-size:1rem;font-weight:700}.chip.on{background:var(--accent);color:#fff}.chip:focus-visible{outline-offset:2px;outline:3px solid #ffd166}.print-label{color:var(--navy);align-items:center;gap:.5rem;font-size:.95rem;display:flex}.print-input{text-align:center;border:2px solid #ddd;border-radius:.5rem;width:64px;min-height:48px;padding:.4rem;font-size:1.1rem}.print-check{cursor:pointer}.print-check input{width:1.2rem;height:1.2rem}.btn-print{background:var(--green);color:#1f3a12}.btn-cancel{background:#e4572e;padding:.5rem .9rem}.game-header{justify-content:space-between;align-items:center;gap:.5rem;min-height:48px;margin-bottom:.5rem;display:flex}.game-header-logo{width:auto;height:24px}.home-btn{color:var(--navy);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#fff1d0;border-radius:1rem;align-items:center;gap:.4rem;min-height:48px;padding:.5rem 1rem;font-size:1.05rem;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 3px #2f4f7f2e}.home-btn:active{transform:scale(.96)}.home-btn:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.start-screen .game-header{align-self:stretch;margin-bottom:0}.print-hint{color:var(--navy);text-align:center;max-width:30ch;font-size:.9rem}.install-hint{text-align:center;opacity:.85;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .8rem;max-width:32rem;margin:1.6rem auto .4rem;font-size:.95rem;display:flex}.install-btn{font:inherit;color:var(--navy);cursor:pointer;touch-action:manipulation;background:#fff;border:2px solid #f3e4c8;border-radius:999px;min-height:44px;padding:.5rem 1rem;font-weight:700}.install-btn:hover{border-color:var(--yellow)}.offline-badge{left:50%;bottom:calc(.8rem + env(safe-area-inset-bottom));z-index:50;width:max-content;max-width:calc(100vw - 1.5rem);color:var(--navy);text-align:center;pointer-events:none;background:#fff;border:2px solid #f3e4c8;border-radius:999px;padding:.5rem 1rem;font-size:.95rem;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 2px 8px #00000026}
