@tailwind base;@tailwind components;@tailwind utilities;:root{--glass-bg:#1f45a7a6;--glass-fallback-bg:#2c2ab6cc;--glass-border:#ffffff59;--glass-blur:10px}@layer utilities{.card-cta,.icon-chip,.icon-chip--emerald,.icon-chip--indigo,.icon-chip--purple{@apply bg-emerald-600}.animate-slow-float{animation:slow-float 18s ease-in-out infinite}.animate-slow-float.delay-150{animation-delay:.15s}@keyframes slow-float{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}}@layer utilities{.card,.chip{@apply grid place-items-center w-10 h-10 rounded-xl text-white shadow}}.container{background:#0f172acc;border-radius:16px;box-shadow:0 10px 30px #0000004d;max-width:800px;overflow:hidden;width:100%}.title{flex:1 1;padding:0 16px;text-align:center}a:visited{color:inherit}@layer base{html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}body{background-color:#04395e;color:#f5f5f5;display:grid;height:auto;line-height:1.2;min-height:100%;overflow-x:hidden;overflow-y:auto;place-items:start center}[type=button],[type=reset],[type=submit],button{-webkit-appearance:none;appearance:none;background:none;border:none;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0}}@layer components{.glass{background:#1f45a7a6;background:var(--glass-bg);border:1px solid #ffffff59;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 6px 30px #00000014}@supports (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.glass{backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#1f45a7a6;background:var(--glass-bg)}}.no-backdrop .glass{background:#2c2ab6cc;background:var(--glass-fallback-bg)}.tutorial-scope .glass{--glass-bg:#fff8e1;--glass-border:#facc158c;--glass-blur:0px;color:#1f2937}.consent-scope .glass{--glass-bg:#e0f2fe;--glass-border:#93c5fda6;--glass-blur:0px;color:#0f172a}.glass--indigo{--glass-bg:#9822cfa6;--glass-fallback-bg:#2c2ab6cc;--glass-border:#ffffff59}.glass--white{--glass-bg:#ffffff80;--glass-fallback-bg:#ffffffd9;--glass-border:#ffffff80;color:#0f172a}.glass--emerald{--glass-bg:#10b9812e;--glass-fallback-bg:#10b98147;--glass-border:#10b98173}.glass--slate{--glass-bg:#64748b33;--glass-fallback-bg:#64748b59;--glass-border:#94a3b873}.glass--black{--glass-bg:#02061766;--glass-fallback-bg:#02061799;--glass-border:#94a3b840}.btn{gap:.5rem;padding:.4rem .75rem}.btn,.smlbtn{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;margin:.25rem;transition:all .15s ease}.smlbtn{gap:.2rem;padding:.2rem .5rem}.lrgbtn{align-items:center;border-radius:.375rem;display:inline-flex;font-size:1rem;font-weight:600;gap:1rem;justify-content:center;margin:.25rem;padding:.5rem;transition:all .15s ease;width:48%}.tutorial-scope .glass{background:#fff8e1}.consent-scope .glass{background:#e0f2fe}.btn-primary{background-color:#4f46e5;color:#fff}.btn-primary:hover{background-color:#4338ca}.btn-neutral{background-color:#e2e8f0;color:#1e293b}.btn-neutral:hover{background-color:#cbd5e1}.btn-warn{background-color:#f59e0b;color:#fff}.btn-warn:hover{background-color:#d97706}.btn-success{background-color:#059669;color:#fff}.btn-success:hover{background-color:#047857}.btn-menu{background-color:#0400ff;color:#fff}.btn-menu:hover{background-color:#4338ca}.btn-hollowgreen{background-color:#fff;border:2px solid green;color:green}.btn-hollowgreen:hover{background-color:green;color:#fff}.btn-green{background-color:#15803d;border:2px solid #166534;color:#fff}.btn-green:hover{background-color:#166534}.btn-yellow{background-color:#eab308;border:2px solid #a16207;color:#000}.btn-yellow:hover{background-color:#ca8a04}.btn-orange{background-color:#c2410c;border:2px solid #7c2d12;color:#fff}.btn-orange:hover{background-color:#9a3412}.btn-purple{background-color:#9333ea;border:2px solid #7e22ce;color:#fff}.btn-purple:hover{background-color:#7e22ce}.btn-white{background-color:#fff;border:2px solid #766e7c83;color:#000}.btn-white:hover{background-color:#b3b3b3}.btn-green:focus-visible,.btn-orange:focus-visible,.btn-purple:focus-visible,.btn-yellow:focus-visible{outline:3px solid #111827;outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.6}.badge{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.badge-green{background-color:#ecfdf5;border:1px solid #10b981;color:#065f46}.btn-cta{@apply w-full m-0 justify-center gap-3 text-xl px-6 py-4 rounded-xl}.btn-glass{@apply btn;backdrop-filter:blur(10px);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(var(--glass-blur));background:#1f45a7a6;background:var(--glass-bg);border:1px solid #ffffff59;border:1px solid var(--glass-border);border-radius:.75rem;box-shadow:0 6px 30px #0000001a,inset 0 1px 0 #ffffff1a;color:#fff;color:var(--glass-fg,#fff);position:relative}.btn-glass:hover{box-shadow:0 10px 30px #0000002e,inset 0 1px 0 #ffffff24;transform:translateY(-1px)}.btn-glass:active{filter:saturate(115%);transform:translateY(0)}}@layer components{.btn-glass:focus-visible{outline:3px solid #111827;outline-offset:2px}.btn-glass:disabled{cursor:not-allowed;opacity:.6}.no-backdrop .btn-glass{background:#2c2ab6cc;background:var(--glass-fallback-bg)}}.glass--white{--glass-bg:#e6e6e6b3;--glass-fallback-bg:#ffffffd9;--glass-border:#ffffff80;--glass-fg:#0f172a}.tint-green{--glass-bg:#22c55e80;--glass-fallback-bg:#22c55e52;--glass-border:#22c55e7a;--glass-fg:#fff}.tint-yellow{--glass-bg:#eab30842;--glass-fallback-bg:#eab30866;--glass-border:#facc158c;--glass-fg:#111827}.tint-orange{--glass-bg:#c2410c38;--glass-fallback-bg:#c2410c57;--glass-border:#ea580c80;--glass-fg:#fff}.tint-purple{--glass-bg:#8708ff38;--glass-fallback-bg:#9333ea57;--glass-border:#a855f780;--glass-fg:#fff}.tint-blue{--glass-bg:rgba(29,5,240,.616);--glass-fallback-bg:#9333ea57;--glass-border:hsla(0,0%,100%,.445);--glass-fg:#fff}@layer utilities{@keyframes menu-pop-in{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-menu-pop{animation:menu-pop-in .14s cubic-bezier(.2,.8,.2,1) both;transform-origin:top right}}.pin-top-right{inset-inline-end:.75rem;left:auto!important;position:absolute;right:.75rem!important;top:.5rem;z-index:10}@layer components{.btn-choice,.choice-item,.choice-list,.choice-row{@apply w-full max-w-[28rem] justify-center items-center
           text-xl sm:text-2xl px-6 py-4 rounded-2xl}.streak-box{@apply text-xl sm:text-2xl;align-items:center;display:inline-flex;gap:.25rem;-webkit-user-select:none;user-select:none;white-space:nowrap}}@layer utilities{.gap-small>*{margin:.25rem}}.svg-fixed{height:1000px!important;max-height:none!important;max-width:none!important;width:1200px!important}.badges{display:flex;flex-wrap:wrap;gap:8px}.badge{align-items:center;border:1px solid #0000;border-radius:6px;display:inline-flex;font-weight:600;padding:4px 10px}.badge-green{background:#ecfdf5}.badge-green,.badge-select{border-color:#10b981;color:#065f46}.badge-select{background:#95f3c7}.badge-blue{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.badge-gray{background:#f9fafb;border-color:#d1d5db;color:#374151}.badge-fail{background:#e93f0b;border-color:red;color:#374151;color:#fff}@keyframes nudge{0%,to{transform:translateX(0)}10%{transform:translateX(-50px)}20%{transform:translateX(50px)}30%{transform:translateX(-50px)}40%{transform:translateX(50px)}50%{transform:translateX(-50px)}60%{transform:translateX(50px)}70%{transform:translateX(-50px)}90%{transform:translateX(50px)}}.animate-shake{animation:nudge 5s ease-in-out}@keyframes areaPulseBlue{0%,to{fill:#1713e9}25%{fill:#1393e9}50%{fill:#77e6f5}75%{fill:#1370e9}}.area-pulse{animation:areaPulseBlue 3s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.area-pulse{animation:none}}.pp-pulse-wrap{position:relative}.pp-pulse-wrap:after{animation:ppPulseShadow 5s ease-in-out infinite;border-radius:90px;box-shadow:0 0 0 0 #6366f173;content:"";inset:5px;pointer-events:none;position:absolute}@keyframes pop{0%{opacity:0;transform:scale(.1)}60%{opacity:1;transform:scale(.1)}to{opacity:1;transform:scale(.1)}}@keyframes ppPulseShadow{0%{box-shadow:0 0 0 0 #1a358d73}70%{box-shadow:0 0 0 5px rgba(93,170,221,.637)}to{box-shadow:0 0 0 0 #fff}}@media (prefers-reduced-motion:reduce){.pp-pulse-wrap:after{animation:none}}@layer utilities{.animate-modal-in{animation:modal-in .18s ease-out both}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-backdrop-in{animation:backdrop-in .16s ease-out both}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.collapsible{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.collapsible.open{grid-template-rows:1fr}.collapsible>.inner{overflow:hidden}}[data-page=stats] .glass-panel{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:14px}[data-page=stats] .glass-tile{background:#ffffff24;border:1px solid #ffffff38;border-radius:10px;padding:14px 16px}[data-page=stats] .stat-label{color:#ffffffbf;font-size:.9rem}[data-page=stats] .stat-value{color:#fff;font-size:1.35rem;font-weight:700;margin-top:2px}[data-page=stats] .glass-table{background:#ffffff1a;border:1px solid #fff3}[data-page=stats] .table-head{background:#ffffff2e;color:#000000bf}[data-page=stats] .table-row{border-top:1px solid #ffffff2e;transition:background-color .12s ease-in-out}[data-page=stats] .table-row.diff-easy{background:linear-gradient(90deg,#10b9811a,#0000 40%);border-left:4px solid #10b98199}[data-page=stats] .table-row.diff-normal{background:linear-gradient(90deg,#f59e0b1a,#0000 40%);border-left:4px solid #f59e0b99}[data-page=stats] .table-row.diff-hard{background:linear-gradient(90deg,#f973161a,#0000 40%);border-left:4px solid #f9731699}[data-page=stats] .table-row.diff-master{background:linear-gradient(90deg,#8b5cf61f,#0000 40%);border-left:4px solid #8b5cf699}[data-page=stats] .table-row:hover{background-color:#ffffff1f}[data-page=stats] .glass-table table{border-collapse:initial;border-spacing:0}[data-page=stats] .table-row:hover td{background-color:#ffffff14}[data-page=stats] .table-row.diff-easy td{background:linear-gradient(90deg,#10b9811f,#0000 45%)}[data-page=stats] .table-row.diff-easy td:first-child{box-shadow:inset 100px 0 0 0 #10b981a6}[data-page=stats] .table-row.diff-normal td{background:linear-gradient(90deg,#f59e0b1f,#0000 45%)}[data-page=stats] .table-row.diff-normal td:first-child{box-shadow:inset 100px 0 0 0 #f59e0ba6}[data-page=stats] .table-row.diff-hard td{background:linear-gradient(90deg,#f973161f,#0000 45%)}[data-page=stats] .table-row.diff-hard td:first-child{box-shadow:inset 100px 0 0 0 #f97316a6}[data-page=stats] .table-row.diff-master td{background:linear-gradient(90deg,#8b5cf624,#0000 45%)}[data-page=stats] .table-row.diff-master td:first-child{box-shadow:inset 100px 0 0 0 #8b5cf6a6}@media (max-width:420px){.ach-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.ach-chip{font-size:11px;padding:2px 6px}}.tile{position:relative;width:50%}.tile:before{content:"";display:block;padding-top:66.6667%}.tile__inner{inset:0;position:absolute}.tile .btn--tile{align-items:center;border-radius:1rem;display:flex;height:100%;justify-content:center;min-height:0!important;padding:0!important;width:100%}.button-container{grid-gap:10px;border:2px solid #ccc;border-radius:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:200px;margin:50px auto;padding:20px;width:300px}.grid-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;transition:background-color .3s}.grid-button:hover{background-color:#45a049}.grid-button:active{background-color:#3d8b40}tile-section{grid-gap:0;display:grid;grid-auto-flow:column;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;height:150px}tile-section div{border:0 solid #000}.button-shiny{background:#434343;background-position:50%;background-repeat:no-repeat;background-size:110% 120%;border:1px solid #00000059;border-radius:var(--borderRadius);box-shadow:0 1px 0 #ffffff40,inset 0 1px 0 #ffffff40,inset 0 0 0 #00000080,inset 0 1.1em 0 #ffffff40,inset 0 -1.1em 1.25em #00000052,inset 0 1.1rem 1.25em #ffffff0d,inset 0 1.1em 6px #ffffff1a;color:#fff;display:inline-block;font-family:var(--fontPoppins);font-weight:600;letter-spacing:1px;margin:.618rem;overflow:hidden;padding:.718rem 1.618rem;position:relative;text-align:center;text-decoration:none;text-shadow:0 1px 2px #000c,0 -1px 2px #0003;transition:all .15s linear 0s}.button-shiny:hover{border-bottom:4px solid #0000008c;box-shadow:0 5px 6px #00000029,inset 0 1px 0 #ffffff40,inset 0 0 0 #00000040,inset 0 20px 0 #ffffff0a,inset 0 -20px 20px #00000052,inset 0 20px 20px #ffffff12;cursor:pointer;text-decoration:none}.darkTheme .button-shiny:hover{border-bottom:3px solid #0000008c;box-shadow:0 5px 6px #00000040,inset 0 1px 0 #ffffff40,inset 0 0 0 #00000040,inset 0 20px 0 #ffffff0a,inset 0 -20px 20px #00000052,inset 0 20px 20px #ffffff12;cursor:pointer;text-decoration:none}.button-shiny:active{border-bottom:0 solid #0000008c;box-shadow:1px 1px 1px #ffffffd9,0 1px 0 #ffffff40,inset 0 1px 0 #fff0,inset 0 0 5px #0006,inset 0 20px 0 #ffffff08,inset 0 -20px 20px #00000040,inset 0 20px 20px #ffffff0d;filter:saturate(120%)}.darkTheme .button-shiny:active{border-bottom:0 solid #0000009e;box-shadow:1px 1px 1px #ffffff1a,0 1px 0 #ffffff40,inset 0 1px 0 #fff0,inset 0 0 5px #0006,inset 0 20px 0 #ffffff08,inset 0 -20px 20px #00000040,inset 0 20px 20px #ffffff0d;filter:saturate(120%)}.button-shiny:before{left:9%;opacity:.6;top:0;width:50%}.button-shiny:after,.button-shiny:before{background:-webkit-linear-gradient(left,#fff0,#fff 50%,#fff0);border-radius:inherit;box-shadow:0 1px 5px #fff3;content:"";display:block;height:1.5px;padding:x 12px;position:absolute;transition:all .15s ease-in-out 0s}.button-shiny:after{bottom:0;opacity:.2;right:12%;width:40%}.button-shiny:active:after,.button-shiny:active:before,.button-shiny:hover:active:after,.button-shiny:hover:active:before{opacity:0}.button-shiny:hover:before{left:45%;opacity:1}.button-shiny:hover:after{opacity:.3;right:55%}.button-shiny .shine{animation:buttonGradientMove 13s infinite;-webkit-animation:buttonGradientMove 13s infinite;animation-play-state:running;background:linear-gradient(-115deg,#0000 20%,#b7b7b740 26%,#0000 32%),linear-gradient(-115deg,#0000 20%,#ffffff2e 35%,#0000 48%);background-blend-mode:color-burn,overlay;background-size:400% 800%,400% 1200%;border-radius:inherit;content:"";filter:blur(10px);height:200%;left:50%;mix-blend-mode:color-dodge;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .15s ease-in-out 0s;width:200%;z-index:0}.button-shiny:active .shine,.button-shiny:hover .shine{animation-play-state:paused;opacity:0}.button-shiny.gray{background:#555;background-position:50%;background-repeat:no-repeat;background-size:110% 120%}.button-shiny.dark-gray{background:#333;background-position:50%;background-repeat:no-repeat;background-size:110% 120%}.button-shiny.red{background:red;background-position:50%;background-repeat:no-repeat;background-size:110% 120%}.button-shiny.dark-red{background:#c00;background-position:50%;background-repeat:no-repeat;background-size:110% 120%}.button-shiny.green{background:#009700;background-position:50%;background-repeat:no-repeat;background-size:110% 120%}.button-shiny.blue{background:#003fb4;background-position:50%;background-repeat:no-repeat;background-size:110% 120%}@media (max-width:418px){.lrgbtn{display:flex;justify-content:center;width:98%!important}}@keyframes ppHaloPulse{0%{opacity:.22;transform:scale(1)}60%{opacity:.45;transform:scale(1.15)}to{opacity:.22;transform:scale(1)}}.pp-pulse{animation:ppHaloPulse 2.6s ease-in-out infinite}.grid-container{grid-gap:5px;background-color:#1e8fff00;display:grid;gap:5px;grid-template-columns:40px auto 60px;padding:0 5px 5px}.grid-container>div{background-color:#f1f1f100;color:#fff;font-size:30px;font-weight:700;padding:5px;text-align:center}@media (max-width:768px){.grid-container{row-gap:6px}.grid-container .text-center{margin-bottom:2px;margin-top:2px}}.pp-map-slot>.glass,.pp-map-slot>.pp-map-inner>.glass{height:clamp(340px,50vh,600px)}@media (max-width:768px){.pp-map-slot>.glass,.pp-map-slot>.pp-map-inner>.glass{height:clamp(300px,44svh,560px)}}@media (max-width:380px){.pp-map-slot>.glass,.pp-map-slot>.pp-map-inner>.glass{height:clamp(280px,42svh,520px)}}.app-root{align-items:center;background:#04395e;color:#e2e8f0;display:flex;flex-direction:column;min-height:100vh}.app-shell{max-width:480px;padding:1rem;width:100%}@media (min-width:768px){.app-shell{max-width:640px}}@media (min-width:1024px){.app-shell{max-width:900px}}@media (min-width:1440px){.app-shell{max-width:1000px}}.pp-board{margin:0 auto;width:100%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-red{0%{opacity:0}25%{opacity:.45}50%{opacity:0}75%{opacity:.45}to{opacity:0}}.flash-red-overlay{animation:pulse-red .6s ease-in-out 1}
/*# sourceMappingURL=main.fd0d2144.css.map*/