:root{color:#173f35;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f0e5;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 12%,#eebc4c2e,#0000 28rem),radial-gradient(circle at 88% 72%,#2e7d691f,#0000 30rem),#f6f0e5;min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible,.game-board:focus-visible{outline-offset:3px;outline:3px solid #e7ad3d}.app-shell{width:min(100%,760px);min-height:100vh;margin:0 auto;padding:22px 18px 30px}.topbar{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:20px;display:grid}.topbar h1{letter-spacing:-.04em;margin:3px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.85rem,5vw,2.5rem);line-height:1}.eyebrow{color:#8a6940;letter-spacing:.16em;margin:0;font-size:.68rem;font-weight:700}.brand-mark{background:#173f35;border-radius:15px;width:50px;height:50px;position:relative;box-shadow:0 8px 20px #173f3529}.brand-mark span{background:#f6c95f;border-radius:50%;width:10px;height:10px;position:absolute}.brand-mark span:first-child{top:11px;left:11px}.brand-mark span:nth-child(2){top:20px;left:29px}.brand-mark span:nth-child(3){top:31px;left:12px}.brand-mark:after{content:"";border:3px solid #fff8e9;border-left:0;border-radius:0 12px 12px 0;position:absolute;inset:15px 16px 14px;transform:rotate(24deg)}.icon-button{color:#173f35;cursor:pointer;background:#ffffff6b;border:1px solid #173f352e;border-radius:50%;width:42px;height:42px;font-size:1.1rem;font-weight:700}.game-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf8e0;border:1px solid #173f351f;border-radius:28px;padding:clamp(18px,4vw,32px);box-shadow:0 24px 70px #42321c1f}.daily-meta{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.daily-meta p{margin:0 0 3px;font-weight:700}.daily-meta span{color:#7b766d;text-transform:capitalize;font-size:.88rem}.timer{color:#173f35;font-variant-numeric:tabular-nums;background:#efe8db;border-radius:999px;padding:9px 13px;font-weight:700}.word-slots{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px;display:flex}.word-slot{color:#70685c;background:#faf7f1;border:1px solid #ddd4c4;border-radius:10px;align-items:center;gap:7px;min-height:34px;padding:7px 9px 7px 12px;display:flex}.word-slot span{letter-spacing:.07em;font-size:.78rem}.word-slot small{color:#fff;background:#9a9286;border-radius:6px;place-items:center;min-width:20px;height:20px;font-weight:700;display:grid}.word-slot.solved{color:#173f35;background:#e7f2ed;border-color:#83b7a4}.word-slot.solved small{background:#2f7d69}.game-board{--gap:clamp(5px, 1.5vw, 10px);grid-template-columns:repeat(var(--grid-size), 1fr);gap:var(--gap);aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;width:min(100%,520px);margin:0 auto;padding:4px;display:grid;position:relative}.letter-cell,.wall{aspect-ratio:1;border-radius:clamp(9px,2.3vw,16px);min-width:0;min-height:0}.letter-cell{z-index:2;color:#173f35;background:var(--cell-color,#fffdf8);font-size:clamp(1rem, calc(5rem / var(--grid-size)), 1.55rem);cursor:pointer;border:1px solid #173f3529;place-items:center;font-weight:700;transition:transform .12s,background .18s,box-shadow .18s;display:grid;position:relative;box-shadow:0 4px 10px #222f2714}.letter-cell:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 14px #222f271f}.letter-cell:disabled{color:#fff;opacity:1}.letter-cell.is-draft{color:#fff;background:#173f35;transform:scale(.94)}.letter-cell.is-hint{animation:.7s ease-in-out 3 hint-pulse}.letter-cell.is-cursor:after{content:"";pointer-events:none;border:2px solid #173f3547;border-radius:10px;position:absolute;inset:5px}.wall{background:repeating-linear-gradient(135deg,#d8d0c3,#d8d0c3 5px,#cec5b7 5px 10px);box-shadow:inset 0 0 0 1px #5b4d3714}.path-layer{z-index:3;pointer-events:none;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;inset:4px;overflow:visible}@keyframes hint-pulse{50%{background:#f6c95f;transform:scale(1.06);box-shadow:0 0 0 7px #f6c95f38}}.game-message{text-align:center;color:#68635b;min-height:23px;margin:18px 0 12px;font-size:.9rem}.actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.actions button{color:#173f35;cursor:pointer;background:#f2ede4;border:1px solid #173f3526;border-radius:999px;padding:9px 13px;font-weight:600}.actions button span{color:#fff;background:#2f7d69;border-radius:50%;place-items:center;min-width:19px;height:19px;margin-left:4px;font-size:.72rem;display:inline-grid}.actions button:disabled{opacity:.42;cursor:default}.result-card{text-align:center;color:#fff;background:#173f35;border-radius:22px;margin-top:24px;padding:24px}.result-card .eyebrow{color:#f6c95f}.result-time{font-variant-numeric:tabular-nums;margin:4px 0 13px;font-family:Georgia,Times New Roman,serif;font-size:3rem}.result-stats{color:#d7e5df;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-bottom:18px;font-size:.88rem;display:flex}.primary-button{color:#173f35;cursor:pointer;background:#f6c95f;border:0;border-radius:999px;padding:12px 22px;font-weight:700;box-shadow:0 7px 18px #00000021}.share-status{color:#d7e5df;margin:12px 0 0;font-size:.83rem}footer{text-align:center;color:#81796e;padding:18px 8px 0;font-size:.78rem}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12231e8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.rules-modal{color:#173f35;background:#fffdf8;border-radius:26px;width:min(100%,480px);padding:30px;position:relative;box-shadow:0 28px 90px #00000040}.rules-modal h2{margin:6px 0 18px;font-family:Georgia,Times New Roman,serif;font-size:1.8rem}.rules-modal ol{padding-left:22px}.rules-modal li{margin:11px 0;padding-left:4px}.rules-modal>p:not(.eyebrow){color:#68635b;line-height:1.55}.modal-close{color:#173f35;cursor:pointer;background:#efe9dd;border:0;border-radius:50%;width:36px;height:36px;font-size:1.45rem;position:absolute;top:15px;right:16px}@media (width<=520px){.app-shell{padding:14px 10px 24px}.game-card{border-radius:22px;padding:16px 12px 20px}.brand-mark{width:44px;height:44px}.word-slot{padding-left:9px}.word-slot span{font-size:.69rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}