@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#070512;--bg2:#100a22;--panel:rgba(18,14,38,.72);--panel2:rgba(26,19,52,.8);--line:rgba(255,255,255,.11);--text:#f7f2ff;--muted:#a9a0bb;--gold:#e7c67a;--gold2:#fff0b9;--violet:#8e6cff;--pink:#e27bcf;--cyan:#70dbd7;--tile:#171126;--tile2:#241942;--shadow:rgba(0,0,0,.42);--danger:#e6788b}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 0,#1c1236 0,#0b0719 38%,#05040c 100%);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}body{min-height:100vh}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#starfield{position:fixed;inset:0;width:100%;height:100%;z-index:-5;opacity:.8}.aurora{position:fixed;border-radius:50%;filter:blur(90px);opacity:.12;z-index:-4;pointer-events:none}.aurora-a{width:48vw;height:48vw;background:#7446ff;left:-18vw;top:10vh}.aurora-b{width:42vw;height:42vw;background:#d667bf;right:-20vw;bottom:-12vh}.app-shell{width:min(1680px,calc(100% - 40px));margin:20px auto 48px}.glass{background:linear-gradient(145deg,rgba(27,20,52,.8),rgba(11,9,25,.72));border:1px solid var(--line);box-shadow:0 20px 80px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.03);backdrop-filter:blur(22px)}.topbar{height:74px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 14px;position:sticky;top:12px;z-index:20}.brand-wrap,.top-actions,.brand{display:flex;align-items:center}.brand{gap:11px;background:none;border:0;cursor:pointer;color:var(--text);text-align:left}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#3d2d75,#15102c);border:1px solid rgba(231,198,122,.35);color:var(--gold);font-size:20px;box-shadow:inset 0 0 25px rgba(231,198,122,.08)}.brand strong{display:block;font-family:Cinzel,serif;font-size:16px;letter-spacing:.17em}.brand small{display:block;font-size:9px;letter-spacing:.5em;color:var(--gold);margin-top:2px}.edition{margin-left:18px;padding-left:18px;border-left:1px solid var(--line);font-size:10px;letter-spacing:.24em;color:var(--muted)}.top-actions{gap:8px}.icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);cursor:pointer;transition:.2s}.icon-btn:hover{background:rgba(255,255,255,.09);transform:translateY(-1px)}.screen{display:none}.screen.active{display:block}.home-screen{padding:56px 4px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:560px;align-items:center;gap:30px;padding:10px 4vw}.eyebrow{font-size:10px;letter-spacing:.28em;color:var(--gold);font-weight:700;margin:0 0 12px}.hero-copy h1{font-family:Cinzel,serif;font-weight:600;font-size:clamp(46px,5.6vw,88px);line-height:.99;margin:0 0 24px;letter-spacing:-.03em}.hero-copy h1 span{background:linear-gradient(90deg,var(--gold2),#caa3ff 55%,#f0a7d9);-webkit-background-clip:text;color:transparent}.hero-text{max-width:680px;font-size:17px;line-height:1.75;color:#bbb3c9}.hero-actions{display:flex;gap:12px;margin:32px 0 22px}.primary-btn,.secondary-btn{border:0;border-radius:13px;cursor:pointer;transition:.22s}.primary-btn{background:linear-gradient(135deg,#e7c67a,#b9964f);color:#171019;font-weight:800;box-shadow:0 12px 38px rgba(231,198,122,.18)}.primary-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.primary-btn.xl{height:54px;padding:0 24px;min-width:190px;display:flex;align-items:center;justify-content:space-between}.primary-btn b{font-size:20px}.secondary-btn{background:rgba(255,255,255,.055);border:1px solid var(--line);font-weight:650}.secondary-btn:hover{background:rgba(255,255,255,.1)}.secondary-btn.xl{height:54px;padding:0 22px}.secondary-btn.compact{height:40px;padding:0 16px}.feature-pills{display:flex;gap:8px;flex-wrap:wrap}.feature-pills span{border:1px solid var(--line);background:rgba(255,255,255,.035);padding:7px 10px;border-radius:999px;color:var(--muted);font-size:11px}.hero-orbit{height:520px;position:relative;display:grid;place-items:center;perspective:1200px}.orbit-ring{position:absolute;border:1px solid rgba(231,198,122,.17);border-radius:50%;transform:rotateX(68deg) rotateZ(12deg)}.ring-1{width:430px;height:430px}.ring-2{width:310px;height:310px;border-color:rgba(142,108,255,.25);transform:rotateX(68deg) rotateZ(-18deg)}.moon{width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fff5d4,#d5b869 45%,#816539 72%,#271831);box-shadow:0 0 90px rgba(231,198,122,.24),inset -22px -18px 55px rgba(35,17,58,.7)}.hero-card{position:absolute;width:160px;height:244px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:15px 12px;border:1px solid rgba(231,198,122,.44);box-shadow:0 28px 50px rgba(0,0,0,.44);font-family:Cinzel,serif}.hero-card small{align-self:flex-start;color:var(--gold)}.hero-card b{font-size:68px;font-weight:500}.hero-card span{font-size:11px;letter-spacing:.18em;color:var(--gold2)}.tarot-card{left:6%;top:14%;transform:rotate(-11deg);background:linear-gradient(150deg,#281a47,#0c0919)}.zodiac-card{right:3%;bottom:8%;transform:rotate(10deg);background:linear-gradient(150deg,#142b3b,#10101d);border-color:rgba(112,219,215,.38)}.zodiac-card small,.zodiac-card span{color:var(--cyan)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:44px 4px 20px}.section-heading h2{font:600 36px Cinzel,serif;margin:0}.section-heading>p{max-width:440px;color:var(--muted);font-size:13px;line-height:1.6}.mode-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.mode-card{min-height:250px;border:1px solid var(--line);border-radius:20px;padding:18px;position:relative;overflow:hidden;cursor:pointer;background:linear-gradient(160deg,rgba(35,26,64,.8),rgba(10,8,22,.95));transition:.25s}.mode-card:hover{transform:translateY(-6px);border-color:rgba(231,198,122,.4);box-shadow:0 28px 55px rgba(0,0,0,.3)}.mode-card::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-80px;background:var(--accent);filter:blur(45px);opacity:.18}.mode-icon{height:76px;font-size:44px;color:var(--accent-text);display:flex;align-items:center}.mode-card h3{font:600 21px Cinzel,serif;margin:8px 0}.mode-card p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.mode-meta{display:flex;justify-content:space-between;position:absolute;left:18px;right:18px;bottom:16px;font-size:10px;color:#c8c0d5}.mode-meta b{color:var(--gold)}.dashboard-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:12px;margin-top:12px}.panel{border-radius:20px;padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel h3{font:600 24px Cinzel,serif;margin:0}.sigil{font-size:38px;color:var(--gold)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px}.stats-grid div{padding:10px 20px;border-right:1px solid var(--line)}.stats-grid div:last-child{border:0}.stats-grid strong{display:block;font:600 32px Cinzel,serif}.stats-grid span{font-size:10px;letter-spacing:.14em;color:var(--muted)}.daily-panel{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.daily-symbol{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#2e1f55,#110e25);font-size:32px;color:var(--gold)}.daily-panel p:last-child{margin:4px 0 0;font-size:12px;color:var(--muted)}.daily-panel .secondary-btn{padding:12px 16px}.game-screen{padding:16px 0 0}.game-toolbar{min-height:82px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.game-identity{display:flex;align-items:center;gap:12px;min-width:250px}.game-identity h2{font:600 20px Cinzel,serif;margin:0}.game-identity .eyebrow{margin-bottom:3px}.game-stats{display:flex;gap:34px;align-items:center}.game-stats div{text-align:center}.game-stats span{display:block;font-size:8px;letter-spacing:.18em;color:var(--muted);margin-bottom:4px}.game-stats strong{font:600 19px Cinzel,serif}.game-layout{display:grid;grid-template-columns:245px 1fr;gap:12px;margin-top:12px;min-height:690px}.side-panel{border-radius:18px;padding:18px}.side-block{padding:9px 0 18px;margin-bottom:10px;border-bottom:1px solid var(--line)}.level-badge{display:flex;gap:12px;align-items:center}.level-badge>span{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font:600 20px Cinzel,serif;background:rgba(231,198,122,.09);border:1px solid rgba(231,198,122,.18);color:var(--gold)}.level-badge strong,.level-badge small{display:block}.level-badge small{font-size:10px;color:var(--muted);margin-top:3px}.progress{height:6px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--violet),var(--gold));transition:.3s}.side-block>small{display:block;color:var(--muted);font-size:9px;margin-top:8px}.objectives p:last-child{font-size:11px;color:var(--muted);line-height:1.55}.powerups button{width:100%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;text-align:left;gap:8px;border:0;background:none;padding:9px 5px;border-radius:10px;cursor:pointer}.powerups button:hover{background:rgba(255,255,255,.05)}.powerups button>span{font-size:19px;color:var(--gold)}.powerups strong,.powerups small{display:block}.powerups strong{font-size:11px}.powerups small{font-size:9px;color:var(--muted);margin-top:2px}.powerups em{font-style:normal;font-size:10px;background:rgba(255,255,255,.08);padding:4px 7px;border-radius:99px}.legend{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.free{background:var(--gold)}.dot.locked{background:#625a72}.board-shell{border-radius:18px;padding:16px;position:relative;overflow:hidden}.board-shell::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(115,75,179,.09),transparent 55%);pointer-events:none}.board-topline{height:32px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:9px;letter-spacing:.15em}.mahjong-board{height:620px;position:relative;margin:auto;max-width:1110px;user-select:none;touch-action:manipulation}.tile{position:absolute;width:64px;height:78px;border-radius:10px;background:linear-gradient(145deg,var(--tile2),var(--tile));border:1px solid rgba(255,255,255,.11);box-shadow:4px 5px 0 #08060f,7px 9px 18px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s,filter .16s,opacity .25s,border .16s;transform:translateZ(0);z-index:1}.tile:hover:not(.blocked){transform:translateY(-3px) scale(1.03);filter:brightness(1.13);z-index:50}.tile.blocked{filter:saturate(.65) brightness(.62);cursor:not-allowed}.tile.selected{border-color:var(--gold);box-shadow:0 0 0 2px rgba(231,198,122,.2),0 0 34px rgba(231,198,122,.28),4px 5px 0 #08060f;transform:translateY(-4px) scale(1.04);z-index:55}.tile.hint{animation:hintPulse .8s ease-in-out 3}.tile.matched{pointer-events:none;animation:matchOut .42s forwards}.tile .tile-glyph{font-size:29px;line-height:1;color:var(--tile-accent,var(--gold2));text-shadow:0 0 16px color-mix(in srgb,var(--tile-accent,var(--gold2)) 35%,transparent)}.tile .tile-name{font:600 7px Cinzel,serif;letter-spacing:.08em;color:#bcb2c9;margin-top:8px;text-transform:uppercase;max-width:55px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile .tile-corner{position:absolute;top:5px;left:6px;font-size:7px;color:var(--tile-accent,var(--gold));opacity:.8}.tile.zodiac{background:linear-gradient(145deg,#173248,#0d1829);--tile-accent:#78e3dd}.tile.tarot{background:linear-gradient(145deg,#3a2053,#160f29);--tile-accent:#efb5e2}.tile.classic{background:linear-gradient(145deg,#263545,#111921);--tile-accent:#e6d5a0}.tile.zen{background:linear-gradient(145deg,#263a35,#111d1a);--tile-accent:#a8e5c7}.tile.eclipse{background:linear-gradient(145deg,#482531,#180e18);--tile-accent:#ff9a8e}.no-moves{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);background:rgba(13,9,26,.92);border:1px solid rgba(230,120,139,.3);padding:10px 18px;border-radius:13px;display:flex;gap:12px;align-items:center;box-shadow:0 14px 40px rgba(0,0,0,.35);font-size:11px}.no-moves span{color:var(--muted)}.hidden{display:none!important}.game-bottom{height:52px;border-radius:14px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:10px;color:var(--muted)}.text-btn{border:0;background:none;color:var(--muted);cursor:pointer;font-size:10px}.text-btn:hover{color:var(--text)}.modal{position:fixed;inset:0;z-index:100;background:rgba(3,2,9,.74);display:grid;place-items:center;padding:20px;backdrop-filter:blur(10px)}.modal-card{width:min(520px,100%);border-radius:24px;padding:34px;text-align:center;position:relative}.modal-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:30px;color:var(--muted);cursor:pointer}.modal-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:rgba(231,198,122,.1);border:1px solid rgba(231,198,122,.2);font-size:32px;color:var(--gold)}.modal-card h2{font:600 32px Cinzel,serif;margin:0 0 16px}.modal-card p,.modal-card li{color:var(--muted);font-size:12px;line-height:1.7;text-align:left}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:24px}.modal-actions button{min-width:135px;padding:13px 16px}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,30px);opacity:0;z-index:200;background:rgba(20,15,38,.94);border:1px solid var(--line);border-radius:99px;padding:10px 16px;font-size:11px;box-shadow:0 14px 40px rgba(0,0,0,.35);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes hintPulse{50%{box-shadow:0 0 0 4px rgba(112,219,215,.2),0 0 40px rgba(112,219,215,.5);filter:brightness(1.3)}}@keyframes matchOut{50%{transform:scale(1.18) rotate(2deg);filter:brightness(1.5)}100%{opacity:0;transform:scale(.45) rotate(-8deg)}}
body.theme-solar{--bg:#120a0b;--bg2:#25100f;--panel:rgba(44,20,23,.73);--panel2:rgba(55,25,25,.8);--violet:#ff965e;--pink:#ff6e86;--cyan:#f1c376;--tile:#241113;--tile2:#3c1c20}
@media(max-width:1200px){.mode-grid{grid-template-columns:repeat(3,1fr)}.game-layout{grid-template-columns:1fr}.side-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.side-block{border:0;border-right:1px solid var(--line);padding:4px 12px;margin:0}.legend{display:none}.mahjong-board{height:600px}.game-stats{gap:18px}.edition{display:none}}
@media(max-width:800px){.app-shell{width:calc(100% - 18px);margin:9px auto 24px}.topbar{height:64px}.hero-grid{grid-template-columns:1fr;padding:28px 10px;min-height:auto}.hero-orbit{height:330px;order:-1}.moon{width:130px;height:130px}.ring-1{width:270px;height:270px}.ring-2{width:210px;height:210px}.hero-card{width:105px;height:160px;padding:9px;border-radius:13px}.hero-card b{font-size:42px}.hero-card span{font-size:7px}.hero-copy h1{font-size:43px}.mode-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.stats-grid div{padding:8px}.daily-panel{grid-template-columns:auto 1fr}.daily-panel button{grid-column:1/-1}.game-toolbar{align-items:flex-start;gap:12px;flex-wrap:wrap}.game-stats{order:3;width:100%;justify-content:space-around;border-top:1px solid var(--line);padding-top:10px}.game-layout{min-height:0}.side-panel{grid-template-columns:1fr 1fr}.board-shell{padding:8px;overflow:auto}.mahjong-board{height:540px;min-width:720px}.game-bottom{display:none}.tile{width:56px;height:68px}.tile .tile-glyph{font-size:24px}}
@media(max-width:500px){.brand strong{font-size:13px}.brand-mark{width:38px;height:38px}.top-actions .icon-btn:nth-child(2){display:none}.hero-actions{flex-direction:column}.primary-btn.xl,.secondary-btn.xl{width:100%}.mode-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.section-heading>p{display:none}.side-panel{grid-template-columns:1fr}.side-block{border-right:0;border-bottom:1px solid var(--line)}.stats-grid strong{font-size:24px}}
/* Mahjong IQ performance profile */
.dashboard-grid{grid-template-columns:1fr 1fr}.iq-panel{grid-column:1/-1}.iq-orb{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;font:700 24px Cinzel,serif;color:#171019;background:radial-gradient(circle at 35% 30%,#fff8d5,#e7c67a 55%,#8d6c2d);box-shadow:0 0 36px rgba(231,198,122,.2)}.iq-rank{display:flex;justify-content:space-between;gap:14px;margin:4px 0 18px}.iq-rank strong{font:600 16px Cinzel,serif}.iq-rank span{font-size:10px;color:var(--muted)}.iq-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.iq-bars>div{display:grid;grid-template-columns:72px 1fr 34px;gap:8px;align-items:center}.iq-bars span,.iq-bars em{font-size:9px;color:var(--muted);font-style:normal}.iq-bars em{text-align:right;color:var(--gold2)}.iq-bars i{height:7px;background:rgba(255,255,255,.07);border-radius:99px;overflow:hidden}.iq-bars b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--violet),var(--cyan),var(--gold));border-radius:99px;transition:.4s}.iq-mini{display:flex;gap:24px;border-top:1px solid var(--line);margin-top:18px;padding-top:14px;font-size:10px;color:var(--muted)}.iq-mini b{font:600 16px Cinzel,serif;color:var(--text);margin-right:4px}.iq-note{display:block;margin-top:12px;color:#7f778e;font-size:9px}.iq-result{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;text-align:left;margin:18px 0}.iq-result-score{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:rgba(231,198,122,.1);border:1px solid rgba(231,198,122,.28);font:700 27px Cinzel,serif;color:var(--gold)}.iq-result h4{margin:0 0 4px;font:600 17px Cinzel,serif}.iq-result p{margin:0!important}.iq-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.iq-breakdown div{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:10px;padding:8px;text-align:center}.iq-breakdown b{display:block;color:var(--gold2);font-size:13px}.iq-breakdown span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}@media(max-width:800px){.iq-bars{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.iq-panel{grid-column:auto}.iq-mini{flex-wrap:wrap}.game-stats{gap:10px}}@media(max-width:500px){.iq-bars{grid-template-columns:1fr}.iq-rank{display:block}.iq-rank span{display:block;margin-top:5px}.iq-breakdown{grid-template-columns:1fr 1fr}}