.dudoku-container{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#f9f9f9;flex-direction:column;align-items:center;min-height:100dvh;font-family:Nunito,Quicksand,Varela Round,sans-serif;display:flex}.dudoku-header{justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:420px;padding:12px 16px;display:flex}.dudoku-header-btn{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e8e8e8;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.dudoku-header-btn:active{background:#f0f0f0;transform:scale(.95)}.dudoku-level-info{flex-direction:column;align-items:center;gap:2px;display:flex}.dudoku-level-label{color:#999;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.dudoku-level-number{color:#333;font-size:18px;font-weight:800}.dudoku-status-row{align-items:stretch;gap:7px;width:min(420px,100vw - 24px);padding:4px 0 0;display:flex}.dudoku-lives{background:#fff;border:1.5px solid #f0d9d9;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:0;min-width:43px;padding:4px 5px;display:flex;box-shadow:0 3px 8px #744f3412}.dudoku-lives-heart{font-size:15px;line-height:18px;transition:all .2s}.dudoku-lives-heart-lost{opacity:.25;transform:scale(.8)}.dudoku-rules{background:#fffaf0;border:1.5px solid #ead8bd;border-radius:14px;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 3px 8px #744f3412}.dudoku-rule{color:#75583f;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;padding:6px 4px;font-size:9px;font-weight:800;line-height:1.15;display:flex}.dudoku-rule+.dudoku-rule{border-left:1px solid #ead8bd}.dudoku-rule-diagram{background:#fff;border:1px solid #b98b5e;border-radius:3px;flex:none;grid-template-rows:repeat(3,9px);grid-template-columns:repeat(3,9px);gap:1px;padding:1px;display:grid}.dudoku-rule-cell{background:#f2e6d8;border-radius:1px;place-items:center;display:grid;position:relative}.dudoku-rule-cell-highlighted{background:#f3cc86}.dudoku-rule-cell-duck svg{z-index:1;width:15px;height:15px;position:absolute}.dudoku-rule-diagram-touch .dudoku-rule-cell:first-child:after{content:"×";z-index:2;color:#e44f55;font-size:15px;font-weight:900;line-height:1;position:absolute;bottom:-7px;right:-5px}.dudoku-grid-wrapper{justify-content:center;width:100%;padding:12px 16px 18px;display:flex;position:relative}.dudoku-grid-outer{background:linear-gradient(145deg,#fffefa 0%,#fff8ef 56%,#f4e9df 100%);border:2px solid #fffffff0;border-radius:30px;width:min(420px,100vw - 32px);padding:14px;position:relative;box-shadow:0 18px 32px #d39d652e,0 5px 10px #744f341a,inset 7px 7px 12px #ccbeb26b,inset -7px -7px 12px #fffffff2}.dudoku-grid{background:#fffdf8;border-radius:18px;gap:3px;width:100%;padding:3px;display:grid;box-shadow:inset 3px 3px 7px #aa927e2e,inset -2px -2px 5px #ffffffeb}.dudoku-cell{aspect-ratio:1;isolation:isolate;cursor:pointer;background:var(--cell-color);box-shadow:inset 0 2px 1px #ffffff75,inset 2px 0 1px #ffffff2e,inset 0 -3px 2px color-mix(in srgb,var(--cell-color)65%,#6d514d),0 2px 2px #6c4e462e;border-radius:clamp(7px,2vw,11px);justify-content:center;align-items:center;transition:transform .12s,filter .15s,box-shadow .15s;display:flex;position:relative;overflow:visible;border:0!important}.dudoku-cell:before{content:"";z-index:-1;pointer-events:none;filter:blur(1.1px);background:#ffffff57;border-radius:999px;width:22%;height:8%;position:absolute;top:9%;left:11%}.dudoku-cell:hover{filter:saturate(1.05)brightness(1.02);transform:translateY(-1px)}.dudoku-cell:active{transform:translateY(2px)scale(.96);box-shadow:inset 0 2px 5px #67463e33,inset 0 -1px 1px #ffffff73}.dudoku-cell-error{z-index:2;animation:.4s ease-in-out dudoku-shake;box-shadow:inset 0 0 0 3px #ff4f65,0 0 12px #ff415b8c!important}.dudoku-cell-feedback{z-index:3;animation:dudoku-cell-wave .42s cubic-bezier(.2,.85,.35,1)var(--feedback-delay)both}@keyframes dudoku-cell-wave{0%,to{filter:brightness()saturate()}42%{filter:brightness(1.16)saturate(1.12);box-shadow:inset 0 2px 1px #ffffff9e,inset 0 -3px 2px color-mix(in srgb,var(--cell-color)65%,#6d514d),0 0 0 2px #fff8cbb8,0 4px 8px #6c4e462e;transform:translateY(-2px)scale(1.035)}}.dudoku-cell-hint{z-index:5;animation:.65s ease-in-out infinite alternate dudoku-hint-breathe}@keyframes dudoku-hint-breathe{0%{filter:brightness(1.02);box-shadow:inset 0 2px 1px #ffffff75,0 2px 2px #6c4e462e}to{filter:brightness(1.2)saturate(1.12);transform:translateY(-2px)scale(1.04);box-shadow:inset 0 2px 1px #ffffffb3,0 0 0 3px #ffe65cd1,0 0 14px #ffd335a8}}@keyframes dudoku-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.dudoku-x-mark{opacity:1;pointer-events:none;filter:drop-shadow(0 2px #4b352f57)drop-shadow(0 3px 2px #4b352f33);position:absolute;inset:20%}.dudoku-x-mark svg{width:100%;height:100%}.dudoku-x-mark line{stroke:#fffdf8;stroke-width:6px;stroke-linecap:round;filter:drop-shadow(0 -1px #ffffffd1);stroke-dasharray:29;stroke-dashoffset:29px;animation:.18s ease-out forwards dudoku-draw-x}.dudoku-x-mark line:nth-child(2){animation-delay:.1s}@keyframes dudoku-draw-x{to{stroke-dashoffset:0}}.dudoku-x-mark-error{opacity:1;pointer-events:none;animation:.4s ease-in-out dudoku-shake;position:absolute;inset:20%}.dudoku-x-mark-error svg{width:100%;height:100%}.dudoku-x-mark-error line{stroke:#ff3b3b;stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 1px 2px #ff3b3b66)}.dudoku-duck{pointer-events:none;transform-origin:50% 78%;animation:.32s cubic-bezier(.22,1.18,.36,1) dudoku-pop-in;position:absolute;inset:12%}@keyframes dudoku-pop-in{0%{opacity:0;transform:translateY(8px)scale(.35)}58%{opacity:1;transform:translateY(-3px)scale(1.14)}78%{transform:translateY(1px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.dudoku-grid-celebrating{animation:.72s cubic-bezier(.2,.85,.3,1) dudoku-board-celebrate}.dudoku-grid-celebrating .dudoku-cell{animation:.52s ease-in-out both dudoku-victory-cell}.dudoku-grid-celebrating .dudoku-cell:nth-child(3n+1){animation-delay:40ms}.dudoku-grid-celebrating .dudoku-cell:nth-child(3n+2){animation-delay:.1s}.dudoku-grid-celebrating .dudoku-cell:nth-child(3n){animation-delay:.16s}@keyframes dudoku-board-celebrate{0%,to{transform:scale(1)}42%{transform:scale(1.025)rotate(-.35deg)}68%{transform:scale(.995)rotate(.25deg)}}@keyframes dudoku-victory-cell{0%,to{filter:brightness()}48%{filter:brightness(1.2)saturate(1.16);transform:translateY(-3px)}}.dudoku-victory-burst{z-index:20;pointer-events:none;position:absolute;inset:0;overflow:visible}.dudoku-victory-burst i{--burst-angle:calc(var(--burst-index)*25.714deg);opacity:0;width:8px;height:13px;animation:dudoku-burst .92s cubic-bezier(.16,.75,.3,1)calc(var(--burst-index)*18ms)both;background:#e78a77;border-radius:4px;position:absolute;top:50%;left:50%}.dudoku-victory-burst i:nth-child(3n+2){background:#81b9d9}.dudoku-victory-burst i:nth-child(3n){background:#e5c36d}@keyframes dudoku-burst{0%{opacity:0;transform:translate(-50%,-50%)rotate(var(--burst-angle))translateY(0)scale(.4)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)rotate(var(--burst-angle))translateY(-165px)rotate(190deg)scale(.9)}}.dudoku-cell-region-top{border-top:2.5px solid var(--region-border)}.dudoku-cell-region-bottom{border-bottom:2.5px solid var(--region-border)}.dudoku-cell-region-left{border-left:2.5px solid var(--region-border)}.dudoku-cell-region-right{border-right:2.5px solid var(--region-border)}.dudoku-footer{justify-content:center;align-items:center;gap:12px;width:100%;max-width:420px;padding:12px 16px 24px;display:flex}.dudoku-footer-btn{color:#555;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e8e8e8;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.dudoku-footer-btn:active{background:#f0f0f0;transform:scale(.95)}.dudoku-footer-btn:disabled{opacity:.4;cursor:not-allowed}.dudoku-footer-btn-primary{color:#5c4a00;background:#ffd93d;border-color:#e8c42a;font-weight:700}.dudoku-footer-btn-primary:active{background:#f0c830}@keyframes dudoku-fade-in{0%{opacity:0}to{opacity:1}}.dudoku-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#00000080;justify-content:center;align-items:center;animation:.3s dudoku-fade-in;display:flex;position:fixed;inset:0}.dudoku-overlay-card{text-align:center;background:#fff;border-radius:24px;width:90%;max-width:320px;padding:36px 28px;animation:.4s cubic-bezier(.34,1.56,.64,1) dudoku-pop-in;box-shadow:0 12px 48px #00000026}.dudoku-overlay-emoji{margin-bottom:12px;font-size:56px}.dudoku-overlay-title{color:#333;margin-bottom:4px;font-size:24px;font-weight:800}.dudoku-overlay-subtitle{color:#888;margin-bottom:16px;font-size:14px;line-height:1.5}.dudoku-overlay-stats{justify-content:center;gap:24px;margin:16px 0 24px;display:flex}.dudoku-overlay-stat{text-align:center}.dudoku-overlay-stat-value{color:#333;font-size:22px;font-weight:800}.dudoku-overlay-stat-label{color:#999;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.dudoku-overlay-btn{cursor:pointer;border:none;border-radius:14px;width:100%;margin-bottom:8px;padding:14px;font-size:16px;font-weight:700;transition:all .15s;display:block}.dudoku-overlay-btn:active{transform:scale(.97)}.dudoku-overlay-btn-primary{color:#5c4a00;background:#ffd93d}.dudoku-overlay-btn-secondary{color:#666;background:#f5f5f5}.dudoku-overlay-btn-danger{color:#fff;background:#ff4f65}@media (max-width:380px){.dudoku-status-row{gap:5px;width:calc(100vw - 16px)}.dudoku-lives{min-width:38px;padding-inline:3px}.dudoku-rule{gap:2px;padding-inline:2px;font-size:8px}.dudoku-rule-diagram{grid-template-rows:repeat(3,8px);grid-template-columns:repeat(3,8px)}.dudoku-grid-outer{border-radius:24px;padding:10px}.dudoku-grid{border-radius:15px;gap:2px;padding:2px}.dudoku-footer-btn{gap:4px;padding:8px 14px;font-size:13px}.dudoku-footer{gap:8px}}@media (prefers-reduced-motion:reduce){.dudoku-cell,.dudoku-cell-feedback,.dudoku-cell-hint,.dudoku-duck,.dudoku-x-mark line,.dudoku-grid-celebrating,.dudoku-grid-celebrating .dudoku-cell,.dudoku-victory-burst i,.dudoku-overlay,.dudoku-overlay-card{animation-duration:.001ms!important;animation-delay:0s!important}}