:root{--background-image: linear-gradient(transparent, transparent)}*{box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f8ff;background:#03070d;font-synthesis:none;-webkit-font-smoothing:antialiased;--blue: #55b7ff;--muted: #93a9be;--border: rgba(100,180,255,.13);--surface: rgba(10,24,40,.82);color-scheme:dark}body{margin:0;min-width:280px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.52}button:focus-visible,a:focus-visible{outline:2px solid #83cdff;outline-offset:4px}button{transition:background .18s,border-color .18s,transform .18s,opacity .18s}button:active:not(:disabled){transform:scale(.97)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#03070d40,#03070deb),var(--background-image),radial-gradient(ellipse at 90% 24%,#0b2b4c66,transparent 45%),radial-gradient(ellipse at 0% 65%,#0a24404d,transparent 48%),#03070d;background-size:cover;background-position:center}.atmosphere:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 0%,#03070d44 85%)}.wave{position:absolute;width:720px;height:420px;border:1px solid #439bec1c;border-radius:45% 55% 60% 40%;box-shadow:0 -15px 60px #238aff0b,inset 0 15px 40px #238aff0a;transform:rotate(-38deg);animation:drift 28s ease-in-out infinite alternate}.wave-one{left:calc(50% - 810px);top:220px}.wave-two{right:calc(50% - 780px);top:60px;transform:rotate(30deg);animation-delay:-8s}.molecule{position:absolute;width:170px;stroke:#88caff;stroke-width:.7;fill:#58b4ff21;opacity:.15;filter:drop-shadow(0 0 8px #239dff)}.molecule-one{left:calc(50% - 400px);top:100px;transform:rotate(-20deg)}.molecule-two{right:calc(50% - 370px);top:480px;transform:rotate(45deg) scale(.7);opacity:.1}.app-shell{width:min(100%,744px);margin:0 auto;padding:max(22px,var(--app-safe-top, 0px)) max(24px,env(safe-area-inset-right),var(--app-safe-right, 0px)) calc(130px + max(env(safe-area-inset-bottom),var(--app-safe-bottom,0px))) max(24px,env(safe-area-inset-left),var(--app-safe-left,0px));min-height:100dvh}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 28px}.brand{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:720;letter-spacing:-.8px}.brand-icon{display:grid;place-items:center;width:38px;height:38px;color:#b2dbff;border:1px solid #71b3eb33;border-radius:13px;background:radial-gradient(circle at 30% 20%,#29517580,transparent 70%),linear-gradient(145deg,#183b58cc,#0b1929e6);box-shadow:0 0 18px #168bff14,inset 0 1px #b2dbff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-icon>img{display:block;width:28px;height:28px;object-fit:contain}.brand-light{font-weight:350;color:#b9d2e7}.brand small{display:block;color:#7990a5;font-size:7px;letter-spacing:1.75px;margin-top:3px;font-weight:500}.header-label{display:flex;align-items:center;gap:6px;color:#8ca3b8;font-size:8px;font-weight:600;letter-spacing:1.2px;white-space:nowrap}.status-dot{display:inline-block;height:5px;width:5px;flex-shrink:0;border-radius:50%;background:#6abfe8;box-shadow:0 0 9px #2899ff66}.offline-dot{background:#d19c56;box-shadow:none}.hero{text-align:center;padding:28px 0 35px;transition:padding .25s}.hero-symbol{position:relative;display:grid;place-items:center;margin:0 auto 28px;width:92px;height:92px;border:1px solid #71b3eb33;border-radius:30px;background:radial-gradient(circle at 30% 20%,#29517580,transparent 70%),linear-gradient(145deg,#183b58cc,#0b1c2fe6);box-shadow:0 0 70px #228eff1a,inset 0 1px #b2dbff1a,inset 0 0 20px #91c5ff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:rotate(-5deg)}.hero-symbol>img{display:block;width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 14px #2f8cff33);transform:rotate(5deg)}.hero-ring{position:absolute;inset:-13px;border:1px solid #78bfff12;border-radius:40px;transform:rotate(13deg)}.eyebrow{font-size:9px;line-height:1.5;letter-spacing:2px;font-weight:600;color:#779dbb;margin-bottom:14px}.hero h1{font-size:clamp(28px,6.8vw,40px);line-height:1.16;font-weight:670;letter-spacing:-1.1px}.hero h1 span{color:#82c6fc}.hero p{font-size:13px;line-height:1.75;margin-top:16px;color:var(--muted)}.hero-compact{padding:10px 0 24px}.hero-compact .hero-symbol,.hero-compact .eyebrow,.hero-compact p{display:none}.hero-compact h1{font-size:25px}.hero-compact h1 br{display:none}.hero-compact h1 span{margin-left:6px}.search-form{margin-bottom:32px}.search-box{min-height:60px;display:flex;align-items:center;gap:13px;padding:0 16px;border-radius:17px;border:1px solid #73b8ee3b;background:linear-gradient(125deg,#122236cc,#0b1725d9);box-shadow:0 6px 32px #0004,inset 0 1px #ffffff05;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#7aaacb;transition:border-color .2s,box-shadow .2s}.search-box:focus-within{border-color:#459bf8;box-shadow:0 0 0 3px #288cff13,0 6px 32px #0004}.search-box input{color:#eef7ff;background:transparent;border:0;outline:0;width:100%;min-width:0;height:58px;font-size:15px}.search-box input::placeholder{color:#91aabe;opacity:1}input::-webkit-search-cancel-button{display:none}.input-hint{display:flex;justify-content:space-between;gap:8px;padding:11px 2px 0;font-size:10px;color:#7990a7}.input-hint span{color:#8b9eb1}.icon-button{width:44px;height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;color:#9ab4cc;border-radius:12px;background:transparent}.icon-button:hover{background:#24476155;color:#ecf6ff}.clear-button{margin-right:-10px}.section-kicker{display:flex;align-items:center;justify-content:center;gap:10px;color:#8da2b6;font-size:8px;letter-spacing:2px}.tiny-line{width:19px;height:1px;background:#7396b5}.how-it-works{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:23px}.how-it-works>div{position:relative;border:1px solid #81a8ca14;border-radius:14px;padding:21px 9px 18px;background:linear-gradient(160deg,#101e2b80,#07111b44)}.how-it-works svg{width:21px;height:21px;color:#8dbfe5;margin-bottom:14px}.how-it-works h2{font-size:11px;font-weight:550;letter-spacing:-.2px}.how-it-works p{font-size:9px;line-height:1.7;color:#8da3b7;margin-top:7px}.step-number{position:absolute;right:9px;top:11px;font-size:8px;color:#547088}.quiet-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#8ba2b5;font-size:10px;padding:22px 0 3px}.quiet-note svg{width:13px;height:13px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:22px 0 15px}.section-heading h2{font-weight:550;font-size:15px}.section-heading>span{color:#92aec7;font-size:12px}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.game-card{border:1px solid var(--border);border-radius:17px;overflow:hidden;background:var(--surface);box-shadow:0 10px 28px #0002;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.game-image{width:100%;aspect-ratio:460/215;position:relative;overflow:hidden;background:#102339}.game-image img{width:100%;height:100%;object-fit:cover;display:block}.image-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#0a182b44)}.image-fallback{height:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:radial-gradient(ellipse,#143955,#0a1726);color:#77a6c8;font-size:10px;letter-spacing:2px}.game-content{padding:15px}.game-platform{display:flex;align-items:center;gap:4px;font-size:8px;letter-spacing:1.7px;color:#88a2b8}.game-platform svg{width:11px;height:11px}.game-content h3{margin:9px 0 17px;font-weight:570;font-size:16px;line-height:1.35;overflow-wrap:anywhere}.button{border:1px solid transparent;min-height:46px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;color:#eaf6ff;font-size:13px;font-weight:550}.button svg{width:17px;height:17px}.button-primary{background:linear-gradient(125deg,#276bb2,#20548d);border-color:#63b1f242;box-shadow:0 5px 25px #1a79dc18}.button-primary:hover{background:#2b71b7}.button-secondary{background:#15324c88;border-color:#559fdb2e;color:#add6f8}.button-secondary:hover{background:#1c4164aa}.button-added{background:#173e5e70;border-color:#489ce946;color:#8acaff;opacity:1!important}.add-button{width:100%;min-height:44px}.results-note{text-align:center;font-size:11px;color:#92a7bb;margin:21px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.page-heading h1{font-size:30px;font-weight:650;letter-spacing:-.9px;display:flex;align-items:center;gap:12px}.page-heading .eyebrow{margin-bottom:10px}.heading-count{font-size:14px;background:#1b3551;color:#a6c9e7;padding:5px 9px;border-radius:9px;letter-spacing:0}.heading-icon{width:46px;height:46px;display:grid;place-items:center;color:#8eb9db;background:#10233899;border:1px solid var(--border);border-radius:14px}.page-description{margin-top:11px;font-size:13px;color:var(--muted)}.filter-tabs{display:inline-flex;gap:4px;padding:4px;background:#0c1828a6;border:1px solid var(--border);border-radius:13px;margin:26px 0 17px}.filter-tabs button{border:0;background:transparent;color:#9cafc3;font-size:12px;min-height:44px;padding:10px 14px;border-radius:9px}.filter-tabs button.active{background:#193551;color:#d2e8fd;box-shadow:inset 0 1px #5a96c91c}.filter-tabs button span{margin-left:7px;color:#93bddc;font-size:10px}.monitor-note{display:flex;align-items:center;gap:7px;color:#8faac0;font-size:10px;margin-bottom:19px}.monitor-note>svg{margin-left:auto;width:14px;height:14px}.favorites-list{display:grid;gap:20px}.favorite-banner{position:relative}.favorite-banner .game-image{max-height:250px}.favorite-banner .image-shade{background:linear-gradient(180deg,#0001 10%,#06101ff2)}.favorite-title{position:absolute;bottom:17px;left:17px;right:62px}.favorite-title h2{margin-top:9px;font-size:22px;font-weight:630;letter-spacing:-.35px;overflow-wrap:anywhere}.status-badge{display:inline-block;font-size:10px;color:#bdcddd;background:#061423c4;border:1px solid #c8dcf117;border-radius:6px;padding:5px 8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-badge.on-sale{color:#a7e5ed;border-color:#51b8d13d;background:#10393dcc}.remove-button{position:absolute;right:10px;top:10px;color:#dee8f0;border-color:#ffffff17;background:#08131dbb;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.remove-button:hover{background:#4f2332cf;color:#ffc5c5}.price-list{padding:2px 18px}.price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #789dbe11}.price-row:last-child{border-bottom:0}.price-market{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:570;min-width:0}.flag{font-size:22px}.price-market small{display:block;font-size:9px;color:#8da5bb;font-weight:400;margin-top:4px;max-width:115px;line-height:1.4}.price-values{text-align:right;flex-shrink:0;max-width:58%}.price-values strong{display:block;font-size:17px;font-weight:620;color:#d9e9f7}.price-discounted .price-values strong{color:#8cceff}.price-values .price-status{font-size:11px;font-weight:400;color:#98b2c7;line-height:1.45}.price-before{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-bottom:5px}.price-before s{font-size:10px;color:#8fa3b7}.discount-badge{font-size:9px;padding:3px 5px;background:#164050;color:#9edde4;border-radius:5px}.discount-end{display:block;color:#8ba3b8;font-size:9px;line-height:1.5;margin-top:5px}.checked-at{border-top:1px solid #789dbe0e;padding:10px 18px;font-size:9px;color:#8aa2b7;background:#06101b44}.checked-at.stale{color:#dbc399}.pending-price{padding:18px 0;font-size:12px;color:var(--muted)}.settings-heading{margin:32px 0 22px}.settings-label{display:flex;align-items:center;gap:8px}.settings-label svg{color:#88b8de;width:19px}.settings-label h2{font-size:16px;font-weight:580}.settings-heading p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:10px;max-width:460px}.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.market-card{position:relative;display:flex;align-items:flex-start;flex-direction:column;text-align:left;min-height:141px;border:1px solid var(--border);border-radius:15px;padding:15px;background:#0c1b2aba;color:#e4effb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.market-card:hover{border-color:#7dbfed55;background:#122b42bb}.market-card.selected{border-color:#4fa3f0a6;background:linear-gradient(125deg,#123457b3,#0d243adb);box-shadow:0 0 17px #2f8cff0b,inset 0 1px #88caff10}.market-flag{font-size:25px;margin-bottom:11px}.market-currency{font-weight:620;font-size:14px;margin-bottom:5px}.market-name{font-size:10px;line-height:1.35;color:#abc0d2;margin-bottom:9px}.market-code{font-size:8px;color:#8ba4b9;letter-spacing:.4px;margin-top:auto}.market-check{position:absolute;top:14px;right:13px;width:16px;height:16px;border:1px solid #55718c55;border-radius:50%;display:grid;place-items:center}.selected .market-check{background:#428cdc;color:#fff;border-color:transparent}.market-check svg{height:12px;width:12px;stroke-width:2.5}.settings-save{padding:22px 0}.selection-summary{display:flex;gap:8px;align-items:flex-start;justify-content:space-between;margin-bottom:14px;font-size:11px;color:#a1b7ca}.selection-summary strong{color:#d0e7f9;margin-left:5px}.save-status{text-align:right;font-size:9px;color:#8dacc5;max-width:50%;line-height:1.5}.save-button{width:100%}.info-card{display:flex;align-items:flex-start;gap:13px;border:1px solid var(--border);border-radius:15px;background:#0b1c2b8a;padding:18px;margin-top:7px}.info-icon{color:#9ccbee}.info-card h3{font-size:12px;font-weight:560}.info-card p{margin-top:7px;font-size:11px;color:#a0b4c6;line-height:1.7}.settings-footnote{display:flex;gap:10px;padding:18px 5px;align-items:flex-start;color:#91a7bc}.settings-footnote svg{width:15px;height:15px;margin-top:2px}.settings-footnote p{font-size:10px;line-height:1.7}.bottom-nav{position:fixed;z-index:10;left:50%;transform:translate(-50%);bottom:calc(14px + max(env(safe-area-inset-bottom),var(--app-safe-bottom,0px)));width:min(calc(100% - 32px),510px);border-radius:21px;display:flex;padding:7px;background:#071625e8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #7fb6e025;box-shadow:0 8px 40px #0009,inset 0 1px #d6edff06}.bottom-nav button{flex:1;border:0;min-width:0;min-height:55px;background:transparent;border-radius:14px;color:#a3b5c6;font-size:10px;font-weight:500;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.bottom-nav button.active{color:#92ceff;background:linear-gradient(180deg,#21466b66,#17355433)}.nav-icon{position:relative;height:22px}.nav-count{position:absolute;right:-12px;top:-3px;font-size:7px;padding:2px 4px;border-radius:7px;background:#245b8e;color:#d7eeff;border:1px solid #143552}.app-footer{padding:32px 0 0;display:flex;flex-direction:column;align-items:center;gap:7px;color:#8298ab;font-size:9px}.app-footer span:last-child{color:#6f8497;font-size:8px}.page{animation:enter .22s ease-out}.empty-state{text-align:center;padding:42px 15px}.empty-orbit{height:65px;width:65px;margin:0 auto 22px;display:grid;place-items:center;color:#83bae3;background:radial-gradient(circle,#21426388,#0a1c2c);border:1px solid #84b4da21;border-radius:23px;box-shadow:0 0 45px #1977bb0d}.empty-orbit svg{width:27px;height:27px}.empty-state h2{font-size:19px;font-weight:600;letter-spacing:-.3px}.empty-copy{font-size:12px;color:var(--muted);line-height:1.85;margin:13px 0 23px}.notice{margin:20px 0;padding:15px;background:#312d2480;color:#dbc9ab;border:1px solid #b6935426;border-radius:13px;font-size:12px;line-height:1.7;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.text-button{display:inline-flex;align-items:center;gap:6px;color:#c8e4f9;min-height:44px;font-size:12px;background:transparent;border:0;padding:4px 0}.text-button svg{width:15px}.offline-banner{display:flex;gap:8px;align-items:center;font-size:11px;background:#302b20b0;color:#dccaaf;border-radius:10px;padding:12px;margin-bottom:15px}.offline-banner svg{width:16px;height:16px}.toast{position:fixed;z-index:30;bottom:calc(101px + max(env(safe-area-inset-bottom),var(--app-safe-bottom,0px)));left:50%;transform:translate(-50%);width:min(calc(100% - 32px),490px);display:flex;align-items:center;gap:11px;padding:8px 10px 8px 15px;border:1px solid #7bb3df4f;border-radius:15px;background:#122d43f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 6px 30px #0007;font-size:12px;line-height:1.5;color:#d6e8f8}.toast>span{flex:1;overflow-wrap:anywhere}.toast>svg{width:17px;color:#7dd5dd}.toast-error{background:#322a29f5;border-color:#bd8a654b}.toast-error>svg{color:#edb47e}.auth-page{text-align:center;padding:55px 10px 35px}.auth-page .hero-symbol{margin-bottom:36px}.auth-page h1{font-size:clamp(26px,6vw,36px);font-weight:620;white-space:pre-line;line-height:1.25;letter-spacing:-.8px}.auth-page p{font-size:13px;line-height:1.85;color:var(--muted);margin:22px auto;max-width:360px}.auth-hint{display:flex;gap:8px;align-items:center;justify-content:center;color:#90adc3;font-size:10px;margin:25px 0}.auth-hint svg{width:15px;height:15px}.confirm-dialog{width:min(360px,calc(100% - 32px));padding:27px 23px 23px;border:1px solid #8bc7f34f;border-radius:23px;color:#eaf5ff;background:#0d2032f5;box-shadow:0 25px 80px #000a}.confirm-dialog::backdrop{background:#020810bb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-icon{color:#92c5ef;margin-bottom:16px}.confirm-dialog h2{font-size:21px;font-weight:600;letter-spacing:-.4px}.confirm-dialog p{margin:14px 0 24px;font-size:13px;line-height:1.8;color:#a9bed1;overflow-wrap:anywhere}.confirm-dialog strong{font-weight:550;color:#cddfeb}.dialog-actions{display:flex;gap:10px}.dialog-actions button{flex:1}.button-danger{color:#f5cdcd;background:#6c354470;border-color:#bb66734f}.boot-loading{padding-top:35px}.skeleton{min-height:210px}.skeleton-image{height:115px;background:#173047}.skeleton-line{background:#173047;height:13px;width:75%;margin:18px 15px;border-radius:5px}.skeleton-line.short{width:45%;margin-top:0}.skeleton{position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,#94c9f211 50%,transparent 75%);transform:translate(-100%);animation:shimmer 1.7s infinite}.is-loading svg{animation:spin 1.5s linear infinite}@keyframes shimmer{to{transform:translate(100%)}}@keyframes enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{to{translate:0 25px;rotate:5deg}}@media(min-width:600px){.hero{padding-top:45px;padding-bottom:40px}.hero-compact{padding:20px 0}.how-it-works>div{padding:24px 20px}.how-it-works h2{font-size:14px}.how-it-works p{font-size:11px}.how-it-works svg{width:25px;height:25px}.market-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.market-card{padding:13px 11px}.market-check{right:10px}.favorites-list{gap:24px}}@media(max-width:380px){.app-shell{padding-left:17px;padding-right:17px}.header-label{font-size:7px;letter-spacing:.8px}.hero{padding-top:20px}.hero-symbol{height:77px;width:77px;border-radius:26px}.hero-symbol>img{width:54px;height:54px}.hero-compact h1{font-size:21px}.how-it-works{gap:7px}.how-it-works>div{padding-left:8px;padding-right:5px}.how-it-works h2{font-size:10px}.how-it-works p{font-size:8px}.game-grid{grid-template-columns:1fr}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-card{min-height:130px}.price-list{padding-inline:13px}.price-market{gap:7px}.price-values strong{font-size:15px}.favorite-title h2{font-size:19px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}