.daily-section{padding:36px;margin:0 auto 70px;scroll-margin-top:20px}.daily-header{background:#302d46;color:#fff;border-radius:30px;padding:32px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.daily-header h2{font-size:clamp(30px,4vw,48px);margin:10px 0}.daily-header p{max-width:58ch;color:#e3ddee}.daily-header .primary{background:#f7de79;color:#302d46;font-weight:850;box-shadow:0 4px 0 #090816}.daily-header .primary:hover{background:#ffe999}.day-sticker{background:#cdbdf4;color:#302d46;transform:rotate(7deg);border:3px solid white;box-shadow:5px 6px 0 #14111f;border-radius:24px;padding:28px;font-size:34px;font-weight:950;line-height:1.1;text-align:center}.journey-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:24px 0}.journey-step{background:white;color:#214c40;border:1px solid #d3ded6;border-radius:20px;text-align:left;padding:18px;margin:0;font-weight:750}.journey-step b{display:block;font-size:24px;margin-bottom:10px}.journey-step.done{background:#a6eacd}.journey-step:hover{background:#e6eddf}.muted{color:#5c6c63;font-size:14px}.daily-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.outline{background:transparent!important;color:inherit!important;border:1.5px solid currentColor!important}.leaderboard{margin-top:40px;background:#fff;border:1px solid #d3ded6;border-radius:26px;padding:26px}.leaderboard h3{margin-top:0}.leaderboard table{width:100%;border-collapse:collapse;text-align:left}.leaderboard td{padding:14px 10px;border-bottom:1px solid #eae4f2;font-variant-numeric:tabular-nums}.leaderboard tr:first-child td:first-child{color:#8b6514;font-weight:900}.leaderboard td:last-child{text-align:right}.arena{background:#f7f8f2;position:fixed;inset:0;z-index:20;overflow:auto;padding:24px max(20px,calc((100vw - 1100px)/2));overscroll-behavior:contain}.arena-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.arena-head button{margin:0}.arena-head h2{font-size:24px;margin:0}.arena-layout{display:grid;grid-template-columns:minmax(0,620px) minmax(230px,1fr);gap:32px;align-items:start}.arena-board{min-width:0;max-width:620px}.game-help{margin:0 0 18px;font-size:15px}.arena-tools{background:#fff;border:1px solid #d3ded6;border-radius:26px;padding:24px;position:sticky;top:0}.arena-tools button{width:100%}.board{display:grid;grid-template-columns:repeat(var(--n),1fr);background:white;border:1px solid #bac9bf;border-radius:14px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.board button{border-radius:0;background:transparent;color:#243c33;margin:0;padding:0;min-height:0;aspect-ratio:1;font-size:clamp(15px,3vw,24px);font-weight:750;border:.5px solid #e3dbea;position:relative;cursor:pointer}.board button:hover{background:#eae4f2}.board button.selected{background:#dceee3}.board button.found{background:#a6eacd}.board button.hinted{box-shadow:inset 0 0 0 3px #a06930}.board button.given{font-weight:900;color:#243c33}.board button.entry{color:#316c59;font-weight:550}.board button.conflict:after{content:'!';color:#ae4033;position:absolute;top:0;right:3px;font-size:12px}.sudoku-board{border:2px solid #214c40}.sudoku-board button:nth-child(3n){border-right:2px solid #7f9c8f}.sudoku-board button:nth-child(9n){border-right:0}.sudoku-board button:nth-child(n+19):nth-child(-n+27),.sudoku-board button:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #7f9c8f}.sudoku-board small{font-size:11px;font-weight:400;word-spacing:4px}.controls{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.controls button{margin:0;min-width:44px;min-height:44px;padding:8px 13px}.number-pad{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}.number-pad button{min-width:0;padding:10px 0;font-size:22px}.word-list{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.word-list span{padding:6px 12px;border-radius:30px;background:#eae4f2;font-size:14px;font-weight:700}.word-list .found{background:#a6eacd;text-decoration:line-through}.guess-rows{max-width:340px;margin:auto;display:grid;gap:7px}.guess-row{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:5px}.guess-cell{height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #ccd8d0;border-radius:9px;font-size:24px;font-weight:800;position:relative}.guess-cell i{font-style:normal;font-size:10px;position:absolute;bottom:2px;right:4px}.guess-cell.exact{background:#214c40;color:white}.guess-cell.present{background:#f7de79}.guess-cell.absent{background:#6b6275;color:white}.word-input{display:flex;gap:10px;margin:18px 0}.word-input input{width:100%;min-width:0;background:white;color:#243c33;border:1.5px solid #839b8e;border-radius:12px;padding:13px;font:750 20px system-ui;text-transform:uppercase;letter-spacing:5px}.word-input button{margin:0}.keyboard{max-width:440px;margin:15px auto}.key-row{display:flex;gap:4px;margin:6px 0}.key-row button{flex:1;min-width:0;margin:0;padding:13px 0;border-radius:7px;background:white;color:#214c40;border:1px solid #d3ded6;font-weight:800;font-size:15px}.rack{position:relative;max-width:330px;aspect-ratio:1;margin:12px auto;background:#eae4f2;border-radius:50%;touch-action:none}.rack button{position:absolute;width:56px;height:56px;margin:0;padding:0;transform:translate(-50%,-50%);border-radius:50%;background:white;color:#214c40;font-weight:850;font-size:25px;z-index:2}.rack button.selected{background:#214c40;color:white}.rack svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.rack polyline{fill:none;stroke:#214c40;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.selected-word{text-align:center;min-height:40px;font-size:26px;font-weight:850}.word-slots{display:flex;flex-wrap:wrap;gap:10px}.word-slots span{letter-spacing:6px;border-radius:8px;padding:7px;background:#eae4f2;font-size:18px;font-weight:750}.word-slots .found{background:#a6eacd}.pixel-scroll{overflow:auto;padding:2px;max-width:100%}.pixel-table{border-collapse:collapse;font-variant-numeric:tabular-nums;table-layout:fixed;width:100%;min-width:320px}.pixel-table.zoom{min-width:580px}.pixel-table td{padding:0}.pixel-table th{font-size:13px;font-weight:550;line-height:1.5;text-align:right;vertical-align:bottom;white-space:pre;padding:4px}.pixel-table thead th{text-align:center}.pixel-table tbody th{width:62px;vertical-align:middle}.pixel-table button{aspect-ratio:1;display:block;width:100%;min-height:26px;padding:0;margin:0;border-radius:0;border:.5px solid #acbfb2;background:white;color:#214c40;font-size:15px}.pixel-table .filled{background:#214c40;color:white}.trace-wrap{position:relative}.trace-wrap svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.trace-wrap polyline{fill:none;stroke:#214c40;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trace-board{gap:3px;padding:6px;background:#eae4f2;border:0}.trace-board button{border-radius:9px;border:0;background:white}.trace-board button.blocked{background:#d2c9dc;color:transparent}.trace-board button.selected{background:#a6eacd}.toast{min-height:1.7em;margin-top:12px;font-weight:650;font-size:14px}.result-card{border-radius:28px;padding:30px;background:#e8e1f8;text-align:center;margin:18px 0;animation:celebrate .6s cubic-bezier(.2,.8,.2,1)}.result-card h2{font-size:40px;font-weight:950;letter-spacing:-2px}.result-card .result-score{font-size:56px;font-weight:900;color:#302d46}.result-card .spark{font-size:40px;color:#806021}.share-link{overflow-wrap:anywhere;font-size:13px;padding:12px;background:white;border-radius:12px}.status-pill{padding:5px 12px;border-radius:20px;background:#eae4f2;font-size:13px}.danger{color:#943b32!important}.daily-section dialog{border:0;border-radius:24px;padding:30px;max-width:480px}.daily-section dialog::backdrop{background:#101e1880}.arena button:disabled{opacity:.55;cursor:wait}.timer{font-variant-numeric:tabular-nums}.beta{font-size:10px;letter-spacing:1px;border:1px solid #8e9c93;border-radius:6px;padding:2px 6px;vertical-align:middle}.hero{padding-top:46px;padding-bottom:70px}h1{font-weight:950;letter-spacing:-3px;line-height:1.02}.tile{border:2px solid #214c40;box-shadow:5px 6px 0 #214c40}.art{transform:rotate(-6deg)}.sparkle{color:#302d46}.mint{background:#a6eacd}.coral{background:#ffb39b}.butter{background:#f7de79}.lavender{background:#cdbdf4}button,.button{transition:transform .15s,background .15s}button:active,.button:active{transform:translateY(2px)}@keyframes celebrate{from{transform:translateY(15px) scale(.95);opacity:0}to{transform:none;opacity:1}}@media(max-width:760px){.daily-section{padding:20px;margin-bottom:35px}.daily-header{padding:24px;grid-template-columns:1fr}.day-sticker{display:none}.journey-steps{grid-template-columns:1fr 1fr}.journey-step:last-child{grid-column:1/-1}.arena{padding:16px}.arena-layout{grid-template-columns:1fr;gap:20px}.arena-tools{position:static}.arena-head h2{font-size:18px}.arena-head button{padding:10px;font-size:13px}.board{max-width:500px;margin:auto}.arena-tools{padding:18px}.arena-tools .hint-info{margin-bottom:0}.arena-board{margin:auto;width:100%}.leaderboard{padding:18px}.hero .art{max-width:280px}.journey-step b{display:inline;margin-right:10px}.journey-step{padding:15px;font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.invited .hero,.invited .quiet,.invited .how{display:none}.invited .daily-section{padding-top:24px}.invite-card{padding:clamp(24px,5vw,48px);background:#e8e1f8;color:#302d46;border:2px solid #302d46;border-radius:28px;box-shadow:6px 7px 0 #302d46;margin-bottom:36px}.invite-card h2{font-size:clamp(26px,4vw,42px);max-width:22ch;line-height:1.1}.invite-score{font-size:clamp(40px,6vw,64px)}.invite-card .muted{color:#554e68}.share-dialog{background:#f8f5eb;color:#302d46;border:0;border-radius:24px;padding:24px;width:min(560px,calc(100vw - 32px));max-height:90dvh;overflow:auto}.share-dialog::backdrop{background:#161020a6}.share-dialog h2{margin:0 0 18px}.share-dialog canvas{display:block;max-width:100%;width:auto;max-height:50dvh;margin:auto;border-radius:16px}.share-controls{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.share-controls button,.share-controls a{margin:0;font-size:14px;min-height:44px}.share-dialog input{width:100%;padding:12px;border:1px solid #655e80;border-radius:10px;font:14px system-ui;box-sizing:border-box}.share-dialog .muted{color:#554e68}.share-dialog p[role=status]{font-size:14px}
