:root{--clr-bg:#1e9c7c;--clr-bg-end:#0e5e4b;--clr-primary:#ff4081;--clr-secondary:#2196f3;--clr-accent:gold;--clr-text:#fff;--clr-overlay:#0f419bd1;--clr-border:#ffffff47;--radius-btn:14px;--radius-card:20px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--clr-bg);width:100%;height:100%;color:var(--clr-text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow:hidden}#app{background:linear-gradient(to bottom, var(--clr-bg), var(--clr-bg-end));touch-action:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#game{position:absolute;top:0;bottom:0;left:0;right:0}.board{touch-action:none;display:block;position:absolute;top:0;left:0}.screen{padding:calc(var(--safe-t) + 12px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 12px) calc(var(--safe-l) + 16px);z-index:10;justify-content:center;align-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.screen.is-on{display:flex}.screen--dim{z-index:30;background:#0a286e8c}.screen--hud{pointer-events:none;z-index:20;justify-content:stretch;align-items:stretch;padding:0;display:none}.screen--hud.is-on{display:block}#scr-loading{background:linear-gradient(to bottom, var(--clr-bg), var(--clr-bg-end));z-index:50}.panel{background:var(--clr-overlay);border:2px solid var(--clr-border);border-radius:var(--radius-card);flex-direction:column;align-items:center;gap:10px;width:min(420px,100%);max-height:100%;padding:18px 20px;display:flex;overflow-y:auto;box-shadow:0 16px 48px #00002859}.panel--clear{box-shadow:none;background:0 0;border:none}.logo-sub{letter-spacing:6px;opacity:.9;text-shadow:0 2px 6px #00000040;font-size:14px;font-weight:800}.logo{color:#ffe600;-webkit-text-stroke:3px #b36000;text-shadow:0 4px #b36000,0 8px 18px #00000059;font-size:max(56px,min(13vh,104px));font-style:italic;font-weight:900;line-height:.9}.tagline{letter-spacing:2px;text-transform:uppercase;opacity:.9;margin-bottom:4px;font-size:13px;font-weight:700}.title{text-transform:uppercase;letter-spacing:1px;font-size:26px;font-style:italic;font-weight:900}.text{text-align:center;opacity:.95;font-size:15px;line-height:1.45}.btn{min-width:220px;min-height:46px;font:inherit;letter-spacing:1px;text-transform:uppercase;color:#fff;background:var(--clr-secondary);border-radius:var(--radius-btn);cursor:pointer;border:2px solid #ffffff59;padding:10px 22px;font-size:17px;font-weight:800;transition:transform 80ms,filter .15s;box-shadow:0 4px #00000038,inset 0 2px #ffffff40}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(2px);box-shadow:0 2px #00000038}.btn:focus-visible{outline:3px solid var(--clr-accent);outline-offset:2px}.btn--primary{background:var(--clr-primary)}.btn--danger{background:#c62828}.btn--small{min-width:64px;min-height:36px;padding:4px 12px;font-size:14px}.btn--icon{width:52px;min-width:52px;height:52px;padding:0;font-size:22px}.row{gap:12px;margin-top:4px;display:flex}.cards{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.card{border:2px solid var(--clr-border);color:#fff;width:112px;font:inherit;cursor:pointer;background:#ffffff24;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}.card:focus-visible{outline:3px solid var(--clr-accent)}.card__num{color:#ffe600;text-shadow:0 3px #b36000;font-size:34px;font-style:italic;font-weight:900}.card__name{font-size:14px;font-weight:800}.card__meta{opacity:.85;text-align:center;min-height:30px;font-size:12px;line-height:1.3}.card[disabled]{opacity:.45;cursor:not-allowed}#scr-levels .panel{width:min(520px,100%)}.world-nav{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.world-nav__name{text-align:center;flex:1;font-size:22px}.world-nav .btn[disabled]{opacity:.35;cursor:default}.cards--grid{grid-template-columns:repeat(5,84px);gap:8px;display:grid}.cards--grid .card{border-radius:12px;gap:2px;width:auto;padding:6px 4px}.cards--grid .card__num{font-size:26px}.cards--grid .card__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.cards--grid .card__meta{white-space:nowrap;min-height:0;font-size:11px}.card.is-done{border-color:var(--clr-accent)}.star{color:#ffffff47}.star.is-on{color:#ffe600;text-shadow:0 2px #b36000}.world-nav__stars{color:#ffe600;margin-top:2px;font-size:14px;font-style:normal;display:block}.res-stars{letter-spacing:6px;min-height:44px;margin:0;font-size:44px;line-height:1}.res-stars .star{display:inline-block}.res-stars .star.is-on{animation:.45s cubic-bezier(.3,1.6,.5,1) both starPop}.res-stars .star:nth-child(2).is-on{animation-delay:.25s}.res-stars .star:nth-child(3).is-on{animation-delay:.5s}.res-stars.is-calm .star.is-on{animation:none}.res-starhint{opacity:.85;text-align:center;min-height:0;margin:0;font-size:13px}.res-starhint:empty{display:none}#scr-results .panel>*{flex-shrink:0}@keyframes starPop{0%{opacity:0;transform:scale(0)rotate(-40deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.res-stars .star.is-on{animation:none}}.stats{grid-template-columns:auto auto;gap:4px 18px;font-size:16px;display:grid}.stats dt{opacity:.8}.stats dd{text-align:right;font-weight:800}.badge{background:var(--clr-accent);color:#1a1a2e;border-radius:20px;padding:3px 12px;font-weight:900;display:none}.badge.is-on{display:block}.warn{color:#ffd0d0;text-align:center;font-size:13px;display:none}.warn.is-on{display:block}.opt{justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:40px;font-weight:700;display:flex}.opt input[type=checkbox]{width:26px;height:26px;accent-color:var(--clr-primary)}.opt input[type=range]{width:140px;accent-color:var(--clr-primary)}.hud{padding:calc(var(--safe-t) + 8px) calc(var(--safe-r) + 12px) 0 calc(var(--safe-l) + 12px);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.hud__left,.hud__right{align-items:center;gap:10px;display:flex}.hud__pill{text-shadow:0 1px 2px #0006;background:#0a286e73;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:18px;font-weight:900;display:inline-flex}.hud__btn{pointer-events:auto;color:#fff;cursor:pointer;background:#0a286e80;border:2px solid #ffffff80;border-radius:50%;width:44px;height:44px;font-size:16px;font-weight:900}.toast{left:50%;top:calc(var(--safe-t) + 60px);color:#1a1a2e;text-align:center;opacity:0;pointer-events:none;background:#ffd700f0;border-radius:18px;max-width:min(560px,90%);padding:7px 16px;font-size:15px;font-weight:800;transition:opacity .25s;position:absolute;transform:translate(-50%)}.toast.is-on{opacity:1}.bar{background:#ffffff4d;border-radius:6px;width:220px;height:12px;margin-top:12px;overflow:hidden}.bar__fill{background:var(--clr-accent);width:10%;height:100%;transition:width .2s}.about-btn{right:calc(var(--safe-r) + 12px);bottom:calc(var(--safe-b) + 10px);z-index:40;font:inherit;color:#fff;cursor:pointer;background:#0a286e80;border:2px solid #ffffff80;border-radius:16px;padding:6px 14px;font-size:13px;font-weight:700;display:none;position:fixed}body.in-menu .about-btn{display:block}.about-btn--home{right:auto;left:calc(var(--safe-l) + 12px);text-decoration:none}.seo-info{z-index:70;border:2px solid var(--clr-border);-webkit-user-select:text;user-select:text;background:#0a286ef2;border-radius:18px;padding:24px;line-height:1.5;display:none;position:fixed;top:5%;bottom:5%;left:5%;right:5%;overflow-y:auto}body.show-about .seo-info{display:block}.about{max-width:720px;margin:0 auto;font-size:15px}.seo-info h1{margin:4px 44px 10px 0;font-size:24px;line-height:1.25}.seo-info h2{text-transform:uppercase;letter-spacing:2px;color:#ffffffa6;margin:22px 0 10px;font-size:13px}.seo-info p{margin:0 0 10px}.seo-info a{color:#ffe600}.about__lead{color:#ffffffeb;font-size:16px}.keys{gap:6px;display:grid}.keys__row{background:#ffffff12;border-radius:10px;grid-template-columns:180px 1fr;align-items:center;gap:14px;padding:6px 10px;display:grid}.keys__row--main{background:#ffe60029;outline:2px solid #ffe60080}.keys__k{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.keys__k small{opacity:.6;font-size:12px}.seo-info kbd{text-align:center;color:#0a2870;background:#fff;border-radius:7px;min-width:30px;padding:3px 8px;font-family:inherit;font-size:14px;font-weight:800;line-height:1.2;box-shadow:0 3px #00000059}.lvls{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.lvl{background:#ffffff1a;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;font-size:13px;line-height:1.35;display:flex}.lvl b{font-size:15px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips a{background:#ffffff1f;border-radius:18px;padding:7px 14px;font-size:14px;font-weight:700;text-decoration:none}.chips a:hover{background:#ffe60040}.chips a:focus-visible{background:#ffe60040}@media (max-width:640px){.keys__row{grid-template-columns:1fr;gap:4px}.lvls{grid-template-columns:1fr}}.about-close{float:right;color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;width:36px;height:36px;font-size:18px;position:sticky;top:0}@media (max-height:420px){.panel{gap:6px;padding:10px 16px}.btn{min-height:40px;padding:6px 18px;font-size:15px}.logo{font-size:56px}.title{font-size:21px}.res-stars{letter-spacing:4px;min-height:30px;font-size:30px}}.hud__left{flex:auto;min-width:0}.hud__level{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-size:16px;overflow:hidden}@media (max-width:420px){.hud__pill{padding:5px 10px;font-size:15px}.hud__left{gap:6px}}.ctrl{padding:0 calc(var(--safe-r) + 12px) calc(var(--safe-b) + 10px) calc(var(--safe-l) + 12px);justify-content:center;gap:18px;display:flex;position:absolute;bottom:0;left:0;right:0}.ctrl__btn{pointer-events:auto;color:#fff;width:64px;height:64px;line-height:1;font:inherit;cursor:pointer;touch-action:none;background:#0a286e8c;border:2px solid #fff9;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:26px;font-weight:900;display:flex;box-shadow:0 4px 12px #00002840}.ctrl__btn small{text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:10px;font-weight:800}.ctrl__btn:active{background:#0a286ebf;transform:scale(.94)}.ctrl__btn:focus-visible{outline:3px solid var(--clr-accent);outline-offset:2px}.ctrl__btn[disabled]{opacity:.4}@media (orientation:landscape){.ctrl{width:calc(var(--safe-r) + 96px);padding:0 var(--safe-r) 0 0;flex-direction:column;justify-content:center;align-items:center;top:0;left:auto}}.world-lock{max-width:320px;display:none}.world-lock.is-on{display:block}.card__stars{letter-spacing:1px;font-size:13px;line-height:1}.og-title{z-index:80;text-align:left;position:absolute;top:10%;left:6%}.og-title .logo{font-size:150px}.og-title .logo-sub{letter-spacing:10px;font-size:28px}.og-sub{text-shadow:0 3px 10px #00000059;margin-top:10px;font-size:40px;font-weight:900}.cards--grid .card__name{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;text-align:center;justify-content:center;align-items:center;min-height:2.3em;line-height:1.15;display:flex}.hud__level{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;line-height:1.15;display:-webkit-box}@media (max-width:420px){.hud__level{font-size:13px}}@media (max-width:500px){.cards--grid{grid-template-columns:repeat(3,1fr);width:100%}.cards--grid .card:last-child:nth-child(3n+1){grid-column:2}}#app{background:radial-gradient(ellipse at 50% 30%, var(--clr-bg), var(--clr-bg-end) 75%)}.btn{position:relative}.btn__tick{color:#ffe600;display:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.btn__tick.is-on{display:inline}.btn--mode{text-align:left;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:0 12px;padding:8px 18px;display:grid}.btn--mode b{font-size:18px}.btn--mode small{opacity:.8;letter-spacing:1px;grid-column:1;font-size:12px}.mode-suits{grid-area:1/2/span 2;gap:3px;display:flex}.mode-suits i{background:#fff;border-radius:8px;place-items:center;width:30px;height:30px;font-size:22px;font-style:normal;display:grid}.s0{color:#22305a}.s1{color:#e3264b}.s2{color:#ee7a10}.s3{color:#1e8e4e}.stats-table{border-collapse:collapse;width:100%;font-size:15px}.stats-table th,.stats-table td{text-align:right;border-bottom:1px solid #ffffff2e;padding:5px 6px}.stats-table th:first-child,.stats-table td:first-child{text-align:left;opacity:.85;font-weight:700}.stats-table thead th{color:#ffe600;font-weight:900}.hud__right{gap:8px}.hud__right .hud__pill{padding:5px 10px;font-size:16px}@media (max-width:480px){.hud__right .hud__pill{gap:3px;padding:4px 7px;font-size:13px}.hud__right{gap:5px}.hud__level{max-width:30vw}.hud__btn{width:38px;height:38px}}.ctrl__btn--deal{position:relative}.ctrl__btn--deal.is-pulse{animation:1s ease-in-out 3 pulse}.ctrl__btn[disabled]{opacity:.4;cursor:default}.ctrl__badge{color:#5a2e00;background:#ffe600;border:2px solid #fff;border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:13px;font-weight:900;display:grid;position:absolute;top:-4px;right:-4px}.deal-stack{background:linear-gradient(135deg,#4fa3ff,#1f56c8);border:2px solid #fff;border-radius:4px;width:22px;height:28px;margin-bottom:1px;box-shadow:3px -3px 0 -1px #1f56c8,3px -3px 0 1px #fff}@keyframes pulse{50%{transform:scale(1.12);box-shadow:0 0 0 6px #ffe6008c}}@media (prefers-reduced-motion:reduce){.ctrl__btn--deal.is-pulse{outline:3px solid #ffe600;animation:none}}body.og .ctrl,body.clean .ctrl{display:none}#scr-mode .btn{width:min(340px,100%)}.toast{top:auto;bottom:calc(var(--safe-b) + 100px)}@media (orientation:landscape){.toast{bottom:calc(var(--safe-b) + 14px)}}body.og .board{transform-origin:98% 40%;transform:scale(.52)}body.og .og-title .logo{font-size:118px}body.clean .board{transform:translate(5.5%)}