body{font-family:Zilla Slab;margin:0;padding:0}html.theme-swapping *,html.theme-swapping *:before,html.theme-swapping *:after{transition:none!important;animation:none!important}*,*:before,*:after{box-sizing:border-box}.theme-toggle{display:inline-flex;align-items:center;box-sizing:border-box;gap:6px;height:25px;padding:4px 10px;border-radius:20px;border:1px solid color-mix(in srgb,var(--blue-soft) 40%,var(--surface-border));background:color-mix(in srgb,var(--surface-bg) 90%,var(--blue-soft) 10%);color:color-mix(in srgb,var(--surface-text),var(--blue-hard) 12%);font-family:Zilla Slab;font-size:.8rem;cursor:pointer;transition:transform .12s ease}.theme-toggle-icon-only{display:inline-flex;align-items:center;box-sizing:border-box;height:20px;padding:6px 10px;border-radius:20px;border:1px solid color-mix(in srgb,var(--blue-soft) 40%,var(--surface-border));background:color-mix(in srgb,var(--surface-bg) 90%,var(--blue-soft) 10%);color:color-mix(in srgb,var(--surface-text),var(--blue-hard) 12%);font-family:Zilla Slab;font-size:.8rem;cursor:pointer;transition:transform .12s ease}.theme-toggle:hover{transform:translateY(-1px)}.theme-toggle .tt-ico{line-height:1}.theme-toggle .tt-label{text-transform:capitalize}:root{--tag-tint: 14%;--tag-border: 45%;--tag-fgmix: 12%}html[data-theme=dark]{--tag-tint: 22%;--tag-border: 55%;--tag-fgmix: 8%}.homeContainer{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--surface-bg);color:var(--surface-text);padding:20px}.mainTitle{font-size:3rem;font-weight:700;margin-bottom:40px;text-align:center;color:var(--surface-text)}.homeButtons{display:flex;flex-direction:column;gap:16px;width:100%;max-width:300px;transition:opacity .12s ease,transform .12s ease}.playMenu{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:444px;margin:0 auto}.homeButton{--btn-bg: color-mix(in srgb, var(--surface-bg) 85%, var(--surface-text) 15%);--btn-bg-hover: color-mix(in srgb, var(--surface-bg) 80%, var(--surface-text) 20%);--btn-border: color-mix(in srgb, var(--surface-border) 70%, transparent);--btn-border-h: color-mix(in srgb, var(--surface-border) 55%, var(--blue-soft) 45%);background:var(--btn-bg);color:var(--surface-text);padding:14px 20px;border-radius:8px;text-align:center;font-size:1.2rem;cursor:pointer;transition:transform .15s ease,background-color .25s ease,border-color .25s ease,box-shadow .2s ease;border:1px solid var(--btn-border);box-sizing:border-box}.homeButton:hover{background:var(--btn-bg-hover);transform:scale(1.02);border-color:var(--btn-border-h)}.homeButton:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--blue-soft) 45%,transparent);border-color:color-mix(in srgb,var(--blue-soft) 60%,var(--surface-border))}.backButton.persistent{margin-top:1rem;font-size:.9rem;text-align:center;text-decoration:underline;cursor:pointer;color:color-mix(in srgb,var(--surface-text) 88%,var(--blue-hard) 12%);transition:color .2s ease,opacity .2s ease}.backButton.persistent:hover{color:color-mix(in srgb,var(--surface-text) 76%,var(--blue-hard) 24%)}.howToText{font-size:1rem;color:color-mix(in srgb,var(--surface-text) 85%,var(--surface-bg) 15%);line-height:1.6;text-align:center;max-width:300px}.homeContainer.menu-opening .homeButtons{opacity:0;pointer-events:none}.optionsMenu{display:flex;flex-direction:column;align-items:center;width:100%;max-width:444px;margin:0 auto}.optionsRow{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid color-mix(in srgb,var(--surface-text) 20%,transparent)}.builtByGabe{position:absolute;bottom:0;margin-bottom:.5rem}.builtByGabe a,.builtByGabe a:visited,.builtByGabe a:hover,.builtByGabe a:active{color:inherit}.board-container{display:flex;flex-direction:column;align-items:center;font-family:Zilla Slab;color:var(--surface-text);margin:clamp(.3rem,1.2vw,.5rem) 0}.board{width:85%;max-width:85vw;margin-inline:auto;display:flex;flex-direction:column;gap:6px}.guess-row{width:100%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--tile-gap, .4rem)}.letter{box-sizing:border-box;width:100%;aspect-ratio:1 / 1;border:3px solid var(--surface-border);background-color:var(--surface-bg);color:var(--surface-text);display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-weight:700;border-radius:4px;font-size:clamp(1rem,5.2vw,1.5rem);transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out,transform .1s ease}.letter.current-input{transform:scale(1.1);border-color:color-mix(in srgb,var(--blue-hard) 55%,var(--surface-border));transition:transform .1s ease}.letter.inactive,.letter.blocked{border:2px solid var(--surface-border);opacity:.35}.board .guess-row:first-child .letter.blocked.loaded{visibility:visible;opacity:.35}.correct{background-color:var(--green-hard);border-color:var(--green-hard);color:var(--on-green-hard, #fff)}.present{background-color:var(--yellow-hard);border-color:var(--yellow-hard);color:var(--on-yellow-hard, #222)}.absent{background-color:color-mix(in srgb,var(--surface-text) 48%,var(--surface-bg));border-color:color-mix(in srgb,var(--surface-text) 48%,var(--surface-bg));color:#fff}.status-message{margin-top:1.5rem;font-size:1.2rem;color:var(--surface-text)}.devWord{font-family:Zilla Slab}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}.shake{animation:shake .4s ease-in-out}@keyframes bounce-up-down{0%{transform:translateY(0)}30%{transform:translateY(-15%)}60%{transform:translateY(5%)}to{transform:translateY(0)}}.letter.correct.bounce{animation:bounce-up-down .6s ease}.sixer-entry{background-color:var(--yellow-soft)!important;color:var(--on-yellow-soft, #222);cursor:pointer;border:2px solid color-mix(in srgb,var(--yellow-hard) 60%,var(--surface-border));animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.sixer-locked{opacity:1!important}@media (prefers-reduced-motion: reduce){.letter.current-input,.shake,.letter.correct.bounce,.sixer-entry{animation:none!important;transform:none!important}}.keyboard{width:min(100%,444px);padding:0px .3rem;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:var(--row-gap);--row-gap: clamp(4px, .8vmin, 14px);margin-top:auto;margin-bottom:clamp(.3rem,1.2vw,.5rem);font-family:Zilla Slab;color:var(--surface-text)}.keyboard-row{--gap: .3rem;--cols: 10;--unit: clamp(26px, (100% - (var(--cols) - 1) * var(--gap)) / var(--cols), 44px);width:100%;display:flex;justify-content:center;gap:var(--gap)}.key{--span: 1;box-sizing:border-box;flex:0 0 auto;width:calc(var(--unit) * var(--span));aspect-ratio:1/1;padding:0;border:1px solid var(--surface-border);border-radius:4px;font-size:clamp(14px,.9rem,16px);font-family:Zilla Slab;font-weight:700;background-color:color-mix(in srgb,var(--surface-bg) 85%,var(--surface-text) 15%);color:var(--surface-text);cursor:pointer;transition:transform .08s ease;position:relative;display:flex;align-items:center;justify-content:center}.key:hover{background-color:color-mix(in srgb,var(--surface-bg) 78%,var(--surface-text) 22%)}.key:active{transform:translateY(1px)}.key .zone-count{position:absolute;top:-4px;right:-4px;width:clamp(14px,var(--unit) * .35,18px);height:clamp(14px,var(--unit) * .35,18px);border-radius:50%;background-color:var(--surface-text);color:var(--surface-bg);font-size:clamp(.55rem,var(--unit) * .24,.7rem);font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.85;font-variant-numeric:lining-nums;border:1px solid color-mix(in srgb,var(--surface-text) 60%,transparent)}.key.special{--span: 1.6;aspect-ratio:auto;padding-inline:.4rem;background-color:color-mix(in srgb,var(--surface-bg) 92%,var(--blue-soft) 8%);border-color:color-mix(in srgb,var(--blue-soft) 40%,var(--surface-border));color:color-mix(in srgb,var(--surface-text),var(--blue-hard) 10%)}.key:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--blue-soft) 55%,transparent);border-color:color-mix(in srgb,var(--blue-soft) 60%,var(--surface-border))}.key.correct{background-color:var(--green-hard);border-color:color-mix(in srgb,var(--green-hard) 55%,var(--surface-border));color:var(--on-green-hard, #fff)}.key.present{background-color:var(--yellow-hard);border-color:color-mix(in srgb,var(--yellow-hard) 55%,var(--surface-border));color:var(--on-yellow-hard, #fff)}.key.absent{background-color:color-mix(in srgb,var(--surface-text) 50%,var(--surface-bg));border-color:color-mix(in srgb,var(--surface-text) 60%,var(--surface-bg));color:#fff}.keyzone{opacity:.4}.keyzone-row-0,.keyzone-halves-0,.keyzone-grid-0,.keyzone-row-1,.keyzone-halves-1,.keyzone-grid-1,.keyzone-row-2,.keyzone-halves-2,.keyzone-grid-2,.keyzone-grid-3,.keyzone-grid-4,.keyzone-grid-5{opacity:1}.keyzone-row-0{background-color:#f3e5f5!important;color:#000!important}.keyzone-row-1{background-color:#e0f7fa!important;color:#000!important}.keyzone-row-2{background-color:#ffe0b2!important;color:#000!important}.keyzone-halves-0{background-color:#dcedc8!important;color:#000!important}.keyzone-halves-1{background-color:#ffcdd2!important;color:#000!important}.keyzone-grid-0{background-color:#e6f1db!important;color:#000!important}.keyzone-grid-1{background-color:#f9d9e8!important;color:#000!important}.keyzone-grid-2{background-color:#d9f6e9!important;color:#000!important}.keyzone-grid-3{background-color:#f5eef6!important;color:#000!important}.keyzone-grid-4{background-color:#f4f1d5!important;color:#000!important}.keyzone-grid-5{background-color:#ffe2da!important;color:#000!important}:root{--perk-height: 20px;--perk-radius: 10px}.perk-button{font-family:Zilla Slab;font-size:clamp(.6rem,2.4vw,.7rem);margin:clamp(1px,.2vw,2px) clamp(1px,.2vw,2px);display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:lining-nums;height:var(--perk-height);line-height:1;padding:0 10px;min-width:0;border-radius:var(--perk-radius);border:1px solid var(--surface-border);background:color-mix(in srgb,var(--surface-bg) 92%,var(--blue-soft) 8%);color:var(--surface-text);cursor:pointer;transition:transform .12s ease,filter .12s ease}.perk-button:hover{filter:brightness(.98)}.perk-button:active{transform:translateY(1px)}.perk-button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--blue-soft) 55%,transparent);border-color:color-mix(in srgb,var(--blue-soft) 55%,var(--surface-border))}.perk-button .perk-ico{font-size:1rem;line-height:1}.perk-button.--green{background:var(--green-soft);color:var(--on-green-soft, #222);border-color:color-mix(in srgb,var(--green-soft) 40%,var(--surface-border))}.perk-button.--yellow{background:var(--yellow-soft);color:var(--on-yellow-soft, #222);border-color:color-mix(in srgb,var(--yellow-soft) 40%,var(--surface-border))}.perk-button.--blue{background:var(--blue-soft);color:var(--on-blue-soft, #222);border-color:color-mix(in srgb,var(--blue-soft) 40%,var(--surface-border))}.perk-button.--red{background:var(--red-soft);color:var(--on-red-soft, #222);border-color:color-mix(in srgb,var(--red-soft) 40%,var(--surface-border))}.perk-button.--confirm{background:var(--green-hard);color:var(--on-green-hard, #fff);border-color:color-mix(in srgb,var(--green-hard) 55%,var(--surface-border))}.perk-button.--danger{background:var(--red-hard);color:var(--on-red-hard, #fff);border-color:color-mix(in srgb,var(--red-hard) 55%,var(--surface-border))}.perk-button[disabled],.perk-button.is-locked{opacity:.5;cursor:default;filter:none}@keyframes perkPulse{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.04);filter:brightness(1.06)}70%{transform:scale(1.03);filter:brightness(1.03)}to{transform:scale(1);box-shadow:0 0 color-mix(in srgb,currentColor 0%,transparent);filter:brightness(1)}}.perk-button.perk-shift-held{animation:perkPulse .9s ease-out infinite}.perk-button.--sm{--perk-height: 26px;font-size:.72rem;padding:0 8px}.perk-row.equal .perk-button{flex:1 1 120px;justify-content:center}.perkDisplay{box-sizing:border-box;width:100%;max-width:95vw;padding:.5rem 1rem;border:1px solid var(--surface-border);border-radius:8px;background-color:color-mix(in srgb,var(--surface-bg) 92%,var(--blue-soft) 8%);display:flex;flex-direction:column;--label-fs: clamp(.72rem, 1.6vw, .85rem);--label-py: clamp(2px, .6vw, 4px);--label-px: clamp(6px, 1.8vw, 8px)}.cash-counter{font-variant-numeric:lining-nums;font-size:var(--label-fs)}.topPerksSection{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--label-py);border-bottom:1px dashed color-mix(in srgb,var(--surface-border) 70%,transparent);margin-bottom:var(--label-py)}.inventoryTitle{font-size:var(--label-fs);color:var(--surface-text);font-weight:600}.perkGrid{display:flex;justify-content:space-around;flex-wrap:wrap;gap:2px}.perk-empty{font-size:var(--label-fs)}.game-screen{display:flex;flex-direction:column;align-items:center;flex:1;max-width:444px;margin:0 auto;font-family:Zilla Slab,serif;width:100%;color:var(--surface-text)}.modifiersDisplay{container-type:inline-size;display:flex;flex-direction:column;flex-wrap:wrap;background:color-mix(in srgb,var(--surface-text) 4%,var(--surface-bg));border-radius:10px;width:100%;max-width:95vw;padding:clamp(6px,1.6vw,8px) clamp(8px,2.2vw,12px);margin:clamp(.3rem,1.2vw,.5rem) 0;border:1px solid var(--surface-border);--chip-fs: clamp(.72rem, 1.8vw, .85rem);--chip-py: clamp(2px, .6vw, 4px);--chip-px: clamp(6px, 1.8vw, 10px);--label-fs: clamp(.72rem, 1.6vw, .85rem);--label-py: clamp(2px, .6vw, 4px);--label-px: clamp(6px, 1.8vw, 8px);--group-gap: clamp(4px, 1.6vw, 8px);--sep-h: clamp(12px, 3vw, 18px)}.modifiersDisplay.is-boss{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--red-hard) 12%,transparent)}.mod-group{display:flex;align-items:center;gap:var(--group-gap);flex-wrap:wrap;padding:2px 0}.mod-label{font-weight:600;font-size:var(--label-fs);opacity:.9;padding:var(--label-py) var(--label-px);border-radius:999px;border:1px solid var(--surface-border);color:var(--surface-text);background:color-mix(in srgb,var(--surface-bg) 85%,var(--blue-soft) 15%)}.mod-label.good{background:color-mix(in srgb,var(--surface-bg) 85%,var(--green-soft) 15%)}.mod-chip{padding:var(--chip-py) var(--chip-px);border-radius:999px;font-size:var(--chip-fs);line-height:1;border:1px solid var(--surface-border);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform .12s ease;color:var(--surface-text);background:color-mix(in srgb,var(--surface-bg) 92%,var(--blue-soft) 8%)}.mod-chip:hover{transform:translateY(-1px);box-shadow:0 1px color-mix(in srgb,var(--surface-text) 6%,transparent)}.mod-chip.good{background:color-mix(in srgb,var(--surface-bg) 90%,var(--green-soft) 10%);border-color:color-mix(in srgb,var(--green-soft) 35%,var(--surface-border));color:color-mix(in srgb,var(--surface-text),var(--green-hard) 8%)}.mod-chip.bad.passive{background:color-mix(in srgb,var(--surface-bg) 88%,var(--yellow-soft) 12%);border-color:color-mix(in srgb,var(--yellow-soft) 35%,var(--surface-border));color:color-mix(in srgb,var(--surface-text),var(--yellow-hard) 10%)}.mod-chip.bad.active{background:color-mix(in srgb,var(--surface-bg) 86%,var(--red-soft) 14%);border-color:color-mix(in srgb,var(--red-soft) 40%,var(--surface-border));color:color-mix(in srgb,var(--surface-text),var(--red-hard) 12%)}.mod-upgraded{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--yellow-hard) 22%,transparent)}.mod-none{color:color-mix(in srgb,var(--surface-text) 55%,var(--surface-bg));font-style:italic}.hud{display:flex;flex-direction:column;align-items:center;margin-top:.5rem;width:100%;color:var(--surface-text)}.active-perks{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.5rem}.perk-tag{background:color-mix(in srgb,var(--surface-bg) 90%,var(--blue-soft) 10%);border:1px solid color-mix(in srgb,var(--blue-soft) 35%,var(--surface-border));color:color-mix(in srgb,var(--surface-text),var(--blue-hard) 10%);border-radius:8px;padding:.25rem .6rem;font-size:.9rem;font-weight:500}.board-container{flex-grow:1;display:flex;flex-direction:column;justify-content:center;width:100%}.gameButtons{display:flex;gap:8px;align-items:center;justify-content:center;margin:6px 0 8px;height:auto;--label-py: clamp(4px, .8vw, 6px);--label-px: clamp(8px, 2.2vw, 10px)}.gb-btn{display:inline-flex;align-items:center;gap:8px;padding:var(--label-py) var(--label-px);border-radius:10px;border:1px solid var(--surface-border);background:color-mix(in srgb,var(--surface-bg) 94%,var(--blue-soft) 6%);color:var(--surface-text);font-size:.9rem;font-family:Zilla Slab;cursor:pointer;transition:transform .12s ease}.gb-btn:hover{background:color-mix(in srgb,var(--surface-bg) 90%,var(--blue-soft) 10%)}.gb-btn.is-active{background:color-mix(in srgb,var(--surface-bg) 82%,var(--blue-soft) 18%);border-color:color-mix(in srgb,var(--blue-soft) 45%,var(--surface-border));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--blue-hard) 18%,transparent)}.gb-label{line-height:1;font-size:clamp(.72rem,3.4vw,.9rem)}.gb-btn{-webkit-tap-highlight-color:transparent}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-scrim);display:flex;align-items:center;justify-content:center;z-index:9999}.popup-content{background:var(--surface-bg);color:var(--surface-text);display:flex;flex-direction:column;justify-content:center;padding:1rem 2rem;border-radius:12px;width:95%;max-width:calc(444px * .95);height:fit-content;max-height:80%;border:1px solid var(--surface-border);box-shadow:0 0 20px #0000004d;position:relative}.popup-close{position:absolute;top:-.3rem;right:.2rem;font-size:1.7rem;cursor:pointer;background:none;border:none;color:var(--surface-text);opacity:.85}.popup-close:hover{opacity:1}.itemTopPart{display:flex;flex-direction:row;align-items:center}.itemPopup{margin-left:10px;font-size:.9rem;opacity:.95;height:fit-content;padding:2px 12px;border-radius:20px;background:var(--blue-soft);color:var(--on-blue-soft);border:1px solid var(--surface-border)}.itemName{font-weight:600;font-size:1.1rem}.closeButton{position:absolute;right:1rem;top:1rem;font-size:2rem}.closeButton:hover{cursor:pointer}.useButton{width:fit-content;padding:2px 16px;font-size:1rem;border-radius:20px;border:1px solid var(--surface-border);font-family:Zilla Slab;background-color:var(--green-soft);color:var(--on-green-soft);transition:transform .12s ease,filter .12s ease}.useButton:hover{cursor:pointer;filter:brightness(.97)}.useButton:active{transform:translateY(1px)}.useButton.is-danger{background-color:var(--red-hard);color:var(--on-red-hard)}.useButton.is-confirm{background-color:var(--green-hard);color:var(--on-green-hard)}.itemBottomPart{display:flex;flex-direction:column;justify-content:space-between}.itemBodyText{padding-top:1rem}.shop-container{display:flex;flex-direction:column;align-items:center;flex:1;max-width:444px;margin:0 auto;font-family:Zilla Slab,serif;width:100%;color:var(--surface-text);--shop-text-fs: clamp(.72rem, 3.8vw, .95rem);--shop-small-fs: clamp(.64rem, 1.2vw, .85rem);--shop-pad: clamp(.3rem, 1.2vw, .5rem);--shop-py: clamp(4px, 1.4vw, 8px);--shop-px: clamp(6px, 3.2vw, 16px)}.shopHeader{font-size:clamp(1rem,3.2vw,1.4rem);margin:clamp(.3rem,1.2vw,.5rem) 0}.perk-options{display:flex;flex-direction:column;width:100%;max-width:95vw;gap:clamp(.3rem,1.2vw,.5rem);justify-content:center;align-items:center}.cash-display{position:relative;display:inline-flex;align-items:center;gap:8px;margin-bottom:clamp(.3rem,1.2vw,.5rem);font-size:clamp(.85rem,2.4vw,1.1rem);color:var(--surface-text)}.cash-amount{font-size:1.1rem;font-weight:700;font-variant-numeric:lining-nums}.cash-delta{position:absolute;right:-40px;top:50%;transform:translateY(-50%);font-weight:700;opacity:0;animation:cashFloat .55s ease-out forwards;pointer-events:none}.cash-delta.pos{color:var(--green-hard)}.cash-delta.neg{color:var(--red-hard)}@keyframes cashFloat{0%{transform:translate(6px,-50%);opacity:0}20%{transform:translateY(-60%);opacity:1}to{transform:translateY(-90%);opacity:0}}.perk-card{background:color-mix(in srgb,var(--surface-bg) 85%,var(--surface-text) 15%);color:var(--surface-text);font-family:Zilla Slab;padding:clamp(.5rem,10vw,.75rem) clamp(.3rem,10vw,1rem);border-radius:10px;width:100%;font-size:1rem;border:1px solid var(--surface-border);transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease,border-color .14s ease,color .14s ease;position:relative;text-align:left;font-variant-numeric:lining-nums;font-weight:600;overflow:hidden}.perk-card:hover:not(.is-disabled){cursor:pointer;background:color-mix(in srgb,var(--surface-bg) 78%,var(--surface-text) 22%);transform:scale(1.03)}.perk-card:disabled,.perk-card.is-disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.06)}.perk-card.is-buying{animation:perkPop .16s ease-out}@keyframes perkPop{0%{transform:scale(1)}50%{transform:scale(.97)}to{transform:scale(1)}}.perk-badge{position:absolute;right:12px;bottom:10px;padding:4px 8px;border-radius:999px;font-size:.8rem;background:var(--green-hard);color:var(--on-green-hard, #fff);border:1px solid color-mix(in srgb,var(--green-hard) 55%,var(--surface-border));opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .4s ease,transform .4s ease}.perk-card.is-bought .perk-badge,.perk-card.is-locked .perk-badge{opacity:1;transform:translateY(0)}.perk-name{font-size:clamp(10px,3.8vw,16px)}.perk-card.is-spinning .perk-name{position:relative;overflow:hidden}.perk-card.is-spinning .perk-name:after{content:"";position:absolute;left:-30%;top:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,currentColor 25%,transparent),transparent);animation:shimmer .7s ease-out forwards}@keyframes shimmer{to{left:120%}}.perk-card.is-pulsing{animation:shopPulse .8s ease-in-out infinite}.perk-hotkey{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border:none;border-radius:inherit;font-size:1.4rem;font-weight:800;letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);background:#00000080;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);opacity:1;pointer-events:none;z-index:1}.perk-hotkey.hk-disabled{opacity:.45}.choiceTopPart{display:flex;justify-content:space-between;align-items:baseline}.offer-tag{--accent: var(--blue-soft);display:inline-flex;align-items:center;gap:6px;padding:2px 8px;font-size:clamp(9px,3.2vw,14px);border-radius:999px;margin-left:6px;background-color:color-mix(in srgb,var(--surface-bg) calc(100% - var(--tag-tint)),var(--accent) var(--tag-tint));border:1px solid color-mix(in srgb,var(--accent) var(--tag-border),var(--surface-border));color:color-mix(in srgb,var(--surface-text) calc(100% - var(--tag-fgmix)),var(--accent) var(--tag-fgmix));transition:background-color .15s,border-color .15s,color .15s}.offer-tag[data-kind=skill]{--accent: var(--green-soft)}.offer-tag[data-kind=perk]{--accent: var(--blue-soft)}.offer-tag[data-kind=perk]{--accent: var(--yellow-soft)}.perk-description{margin-top:var(--shop-pad);font-weight:500;font-size:var(--shop-text-fs);color:color-mix(in srgb,var(--surface-text) 90%,var(--surface-bg));opacity:.9}.nextButton{margin-top:.5rem;padding:12px 24px;font-size:1rem;font-family:Zilla Slab;background:color-mix(in srgb,var(--surface-bg) 88%,var(--blue-soft) 12%);color:color-mix(in srgb,var(--surface-text),var(--blue-hard) 10%);border:1px solid color-mix(in srgb,var(--blue-soft) 40%,var(--surface-border));border-radius:8px;position:relative;overflow:hidden;transition:transform .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out}.nextButton:hover{cursor:pointer;background:color-mix(in srgb,var(--surface-bg) 80%,var(--blue-soft) 20%);transform:scale(1.03)}.shop-inventory-panel{width:100%;max-width:95vw;margin-top:var(--shop-pad);display:flex;flex-direction:column;justify-content:center;align-items:center}.yourInventory{font-size:clamp(1rem,4.8vw,1.3rem);font-weight:600;margin-bottom:.5rem;text-decoration:underline;color:var(--surface-text)}.inv-section{box-sizing:border-box;width:100%;padding:clamp(.3rem,1.2vw,.5rem) 1rem;border:1px solid var(--surface-border);border-radius:8px;background-color:color-mix(in srgb,var(--surface-bg) 92%,var(--blue-soft) 8%);display:flex;flex-direction:column;margin-bottom:.5rem}.inv-title{font-size:var(--shop-text-fs);color:var(--surface-text);font-weight:600}.inv-grid{display:flex;justify-content:space-around;flex-wrap:wrap;gap:2px}.inv-empty{opacity:.7;font-style:italic;font-size:var(--shop-small-fs);padding:4px 0;color:color-mix(in srgb,var(--surface-text) 75%,var(--surface-bg))}.inv-chip{font-family:Zilla Slab;font-size:var(--shop-small-fs);margin:2px;font-variant-numeric:lining-nums;display:inline-flex;align-items:center;justify-content:center;height:var(--perk-height);line-height:1;padding:0 10px;min-width:0;border-radius:var(--perk-radius);border:1px solid var(--surface-border);background:color-mix(in srgb,var(--surface-bg) 92%,var(--blue-soft) 8%);color:var(--surface-text);cursor:pointer;transition:transform .12s ease,filter .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.inv-chip.changed{animation:invPulse .7s ease-out}@keyframes invPulse{0%{transform:scale(1);box-shadow:0 0 color-mix(in srgb,currentColor 25%,transparent)}40%{transform:scale(1.06);box-shadow:0 0 0 6px color-mix(in srgb,currentColor 25%,transparent)}to{transform:scale(1);box-shadow:0 0 color-mix(in srgb,currentColor 0%,transparent)}}.shop-reroll{display:flex;justify-content:center;margin:var(--shop-pad)}.shopActionButton{padding:var(--shop-py) var(--shop-px);border-radius:10px;font-family:Zilla Slab;border:1px solid color-mix(in srgb,var(--blue-soft) 40%,var(--surface-border));background:color-mix(in srgb,var(--surface-bg) 90%,var(--blue-soft) 10%);color:color-mix(in srgb,var(--surface-text),var(--blue-hard) 10%);font-size:var(--shop-text-fs);transition:transform .12s ease,background .12s ease,box-shadow .12s ease,border-color .12s ease;cursor:pointer;position:relative;overflow:hidden}.shopActionButton:hover:not(:disabled){background:color-mix(in srgb,var(--surface-bg) 82%,var(--blue-soft) 18%);transform:translateY(-1px);box-shadow:0 2px color-mix(in srgb,var(--surface-text) 18%,transparent)}.shopActionButton:disabled{opacity:.6;cursor:not-allowed}.hotkey-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:inherit;font-size:clamp(.9rem,3.2vw,1.1rem);font-weight:800;letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);background:#00000080;pointer-events:none;z-index:1}.hotkey-overlay.hk-disabled{background:#00000038;color:#ffffffb3}.rerollButton.is-pulsing,.nextButton.is-pulsing{animation:shopPulse .8s ease-in-out infinite}@keyframes shopPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}#bottomShopButton{margin-bottom:var(--shop-pad)}.deathScreen-wrap{position:relative;min-height:calc(100vh - 120px);display:grid;place-items:center;padding:24px}.deathScreen-card{background:var(--surface-bg, #111);color:var(--surface-text, #fff);border:1px solid var(--surface-border, #2a2a2a);border-radius:16px;padding:22px 24px;box-shadow:0 10px 30px #00000059;text-align:center;max-width:444px;width:100%;font-variant-numeric:lining-nums tabular-nums}.deathScreen-title{font-size:clamp(20px,3.5vw,28px);font-weight:800;margin:0 0 6px}.deathScreen-sub{opacity:.9;margin:0 0 14px}.deathScreen-stats{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;gap:10px;margin:14px 0 18px;width:100%}.stat-chip{display:inline-flex;align-items:center;width:fit-content;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--surface-border);background:var(--surface-bg);font-weight:600;font-size:.9rem;font-variant-numeric:lining-nums;text-wrap:nowrap}.tone-yellow{background:color-mix(in srgb,var(--surface-bg, #111) 90%,var(--yellow-soft, #6b5c1a) 10%)}.tone-blue{background:color-mix(in srgb,var(--surface-bg, #111) 90%,var(--blue-soft, #2a3d57) 10%)}.tone-green{background:color-mix(in srgb,var(--surface-bg, #111) 90%,var(--green-soft, #1d3e2a) 10%)}.tone-red{background:color-mix(in srgb,var(--surface-bg, #111) 90%,var(--red-soft, #4a1c1c) 10%)}.deathScreen-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn{border:1px solid var(--surface-border, #2a2a2a);background:var(--surface-bg, #111);color:var(--surface-text, #fff);border-radius:999px;padding:8px 14px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease;font-family:inherit}.btn:hover{transform:translateY(-1px)}.btn-primary{background:color-mix(in srgb,var(--surface-bg, #111) 80%,var(--blue-soft, #4a6fa1) 20%);border-color:color-mix(in srgb,var(--blue-soft, #4a6fa1) 60%,var(--surface-border, #2a2a2a))}.btn-soft{background:color-mix(in srgb,var(--surface-bg, #111) 88%,var(--yellow-soft, #6b5c1a) 12%)}.btn-ghost{opacity:.9}.motes-stage{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.mote-bit{position:absolute;top:0;border-radius:2px;opacity:0}.endScreen-wrap{position:relative;display:grid;place-items:center;width:100%;padding:1.25rem;min-height:calc(100svh - 56px);background:var(--surface-bg);color:var(--surface-text)}.endScreen-card{width:100%;max-width:520px;text-align:center;background:color-mix(in srgb,var(--surface-bg) 90%,var(--blue-soft) 10%);border:1px solid var(--surface-border);border-radius:16px;padding:1.25rem 1.25rem 1.1rem;box-shadow:0 10px 30px color-mix(in srgb,var(--surface-text) 12%,transparent)}.endScreen-title{margin:0;font-size:clamp(1.6rem,3.6vw,2.2rem);line-height:1.1}.title-accent{background:linear-gradient(90deg,var(--green-hard),var(--blue-hard),var(--yellow-hard));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 color-mix(in srgb,var(--surface-text) 20%,transparent));animation:hueShift 6s linear infinite}@keyframes hueShift{0%{filter:drop-shadow(0 1px 0 color-mix(in srgb,var(--surface-text) 20%,transparent))}50%{filter:drop-shadow(0 1px 0 color-mix(in srgb,var(--surface-text) 10%,transparent))}to{filter:drop-shadow(0 1px 0 color-mix(in srgb,var(--surface-text) 20%,transparent))}}.endScreen-sub{opacity:.9;margin:.35rem 0 .8rem}.endScreen-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:.9rem}.stat-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--surface-border);background:var(--surface-bg);font-weight:600;font-size:.9rem;font-variant-numeric:lining-nums}.tone-green{background:color-mix(in srgb,var(--surface-bg) 85%,var(--green-soft) 15%);color:color-mix(in srgb,var(--surface-text),var(--green-hard) 12%)}.tone-yellow{background:color-mix(in srgb,var(--surface-bg) 85%,var(--yellow-soft)15%);color:color-mix(in srgb,var(--surface-text),var(--yellow-hard)12%)}.tone-blue{background:color-mix(in srgb,var(--surface-bg) 85%,var(--blue-soft) 15%);color:color-mix(in srgb,var(--surface-text),var(--blue-hard) 12%)}.tone-red{background:color-mix(in srgb,var(--surface-bg) 85%,var(--red-soft) 15%);color:color-mix(in srgb,var(--surface-text),var(--red-hard) 12%)}.endScreen-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.btn{font-family:Zilla Slab;font-size:1rem;padding:10px 14px;border-radius:10px;cursor:pointer;border:1px solid var(--surface-border);transition:transform .12s ease,background .12s ease,border-color .12s ease}.btn-primary{background:var(--green-hard);color:var(--on-green-hard, #fff);border-color:color-mix(in srgb,var(--green-hard) 55%,var(--surface-border))}.btn-primary:hover{transform:translateY(-1px)}.btn-ghost{background:color-mix(in srgb,var(--surface-bg) 92%,var(--blue-soft) 8%);color:color-mix(in srgb,var(--surface-text),var(--blue-hard) 10%);border-color:color-mix(in srgb,var(--blue-soft) 40%,var(--surface-border))}.btn-ghost:hover{background:color-mix(in srgb,var(--surface-bg) 85%,var(--blue-soft) 15%);transform:translateY(-1px)}.btn-soft{background:color-mix(in srgb,var(--surface-bg) 92%,var(--yellow-soft) 8%);color:color-mix(in srgb,var(--surface-text),var(--yellow-hard) 10%);border-color:color-mix(in srgb,var(--yellow-soft) 40%,var(--surface-border))}.btn-soft:hover{background:color-mix(in srgb,var(--surface-bg) 86%,var(--yellow-soft) 14%);transform:translateY(-1px)}.confetti-stage{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.confetti-bit{position:absolute;top:-10px;border-radius:2px;opacity:0}.gameContainer{display:flex;flex-direction:column;height:100svh;background-color:var(--surface-bg)}.gameTopPart{display:flex;flex-direction:column;justify-content:center;align-items:center}.navBar{position:sticky;display:flex;flex-direction:column;top:0;width:100%;background-color:var(--surface-bg);border-bottom:1px solid var(--surface-border);z-index:1000;justify-content:center;align-items:center;padding:0 .3rem}.roundInfo{display:flex;justify-content:center;margin-top:.5rem}.navContent{width:100%;max-width:444px;margin-bottom:clamp(2px,1.2vw,.5rem);gap:clamp(6px,1.6vw,12px);display:flex}.nav-left,.nav-right{flex:1;display:flex;align-items:flex-end}.nav-left{justify-content:flex-start}.menuButton{inline-size:clamp(20px,5.3vw,28px);block-size:clamp(20px,5.3vw,28px)}.menuButton:hover{cursor:pointer}.nav-right{justify-content:flex-end}.nav-center{flex:0 1 auto;display:flex;justify-content:center;align-items:center;min-width:0}.round-visual{padding:.5rem 0;text-align:center;width:100%;border-bottom:1px solid var(--surface-border);display:flex;flex-direction:column;align-items:center;gap:clamp(2px,1.2vw,6px);padding-block:0;color:var(--surface-text)}.navBar .round-visual{padding:0;border-bottom:none;gap:.25rem}.round-label{font-weight:600;display:inline-flex;align-items:center;font-size:clamp(.9rem,4vw,1rem);gap:clamp(4px,1.4vw,8px);color:var(--surface-text)}.round-badge{display:inline-flex;align-items:center;gap:.3rem;padding:clamp(2px,.6vw,4px) clamp(8px,1.8vw,12px);border-radius:999px;font-size:.8rem;line-height:1;border:1px solid var(--surface-border);vertical-align:middle;color:var(--surface-text);background:color-mix(in srgb,var(--surface-bg) 88%,var(--blue-soft) 12%)}.round-badge.boss{background:color-mix(in srgb,var(--surface-bg) 85%,var(--yellow-soft) 15%);border-color:color-mix(in srgb,var(--yellow-soft) 35%,var(--surface-border))}.round-badge.final{background:color-mix(in srgb,var(--surface-bg) 82%,var(--red-soft) 18%);border-color:color-mix(in srgb,var(--red-soft) 40%,var(--surface-border))}.round-badge.shop{background:color-mix(in srgb,var(--surface-bg) 86%,var(--blue-soft) 14%);border-color:color-mix(in srgb,var(--blue-soft) 40%,var(--surface-border))}.round-progress-bar{display:flex;justify-content:center;align-items:center;gap:.35rem}.round-step{--dot-bg: color-mix(in srgb, var(--surface-bg) 70%, var(--surface-border) 30%);--dot-bd: var(--surface-border);position:relative;display:inline-block;width:clamp(8px,3.5vw,16px);height:clamp(8px,3.6vw,16px);border-radius:50%;background:var(--dot-bg);border:1px solid var(--dot-bd);transition:transform .2s}.round-progress-bar .round-step.complete:nth-child(-n+3){--dot-bg: var(--blue-hard);--dot-bd: color-mix(in srgb, var(--blue-hard) 45%, var(--surface-border))}.round-progress-bar .round-step.complete:nth-child(n+4):nth-child(-n+6){--dot-bg: var(--green-hard);--dot-bd: color-mix(in srgb, var(--green-hard) 45%, var(--surface-border))}.round-progress-bar .round-step.complete:nth-child(n+7):nth-child(-n+9){--dot-bg: var(--yellow-hard);--dot-bd: color-mix(in srgb, var(--yellow-hard) 45%, var(--surface-border))}.round-progress-bar .round-step.complete:nth-child(10){--dot-bg: var(--red-hard);--dot-bd: color-mix(in srgb, var(--red-hard) 45%, var(--surface-border))}.round-progress-bar .round-step.active:nth-child(-n+3){--dot-bg: var(--blue-soft);--dot-bd: color-mix(in srgb, var(--blue-soft) 45%, var(--surface-border))}.round-progress-bar .round-step.active:nth-child(n+4):nth-child(-n+6){--dot-bg: var(--green-soft);--dot-bd: color-mix(in srgb, var(--green-soft) 45%, var(--surface-border))}.round-progress-bar .round-step.active:nth-child(n+7):nth-child(-n+9){--dot-bg: var(--yellow-soft);--dot-bd: color-mix(in srgb, var(--yellow-soft) 45%, var(--surface-border))}.round-progress-bar .round-step.active:nth-child(10){--dot-bg: var(--red-soft);--dot-bd: color-mix(in srgb, var(--red-soft) 45%, var(--surface-border))}.round-step.active{transform:scale(1.3)}.round-step.died{--dot-bg: var(--red-hard);--dot-bd: color-mix(in srgb, var(--red-hard) 45%, var(--surface-border))}.round-step.active.shop-outline{border-width:2px;border-color:color-mix(in srgb,var(--surface-text) 45%,var(--surface-border))}.pointsTimerDisplay{font-variant-numeric:lining-nums;display:flex;flex-direction:row;justify-content:space-between;width:100%;max-width:444px;margin-top:clamp(.3rem,1.2vw,.5rem);box-sizing:border-box;padding:0rem .5rem;font-size:clamp(.8rem,3.2vw,1rem)}.gameTimerDisplay{font-variant-numeric:lining-nums}.pauseOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:color-mix(in srgb,black 35%,transparent)}.pauseCard{background:var(--surface-bg, #fff);color:var(--surface-text, #111);border:1px solid var(--surface-border, #ddd);border-radius:16px;padding:18px 22px;box-shadow:0 10px 30px #0003;text-align:center;min-width:260px;max-width:90vw;font-variant-numeric:lining-nums tabular-nums}.pauseTitle{font-weight:700;margin-bottom:6px}.pauseSub{opacity:.8;font-size:.9rem;margin-bottom:12px}.pauseActions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.pauseBtn{border:1px solid color-mix(in srgb,var(--blue-soft) 40%,var(--surface-border));background:color-mix(in srgb,var(--surface-bg) 92%,var(--blue-soft) 8%);color:color-mix(in srgb,var(--surface-text),var(--blue-hard) 12%);border-radius:999px;padding:8px 12px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease;font-family:inherit}.pauseBtn:hover{transform:translateY(-1px)}.pauseBtn:focus{outline:none;box-shadow:none}.pauseHintText{padding-top:.5rem;font-size:.7rem}