:root{--bg:#121113;--surface:#1c1a1e;--surface2:#252228;--text:#f7f3f4;--muted:#9d979f;--accent:#f09a70;--accent2:#d98ab7;--line:#332f35}*{box-sizing:border-box}body{margin:0;background:#0c0b0d;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}.phone{width:100%;max-width:600px;min-height:100vh;margin:auto;background:var(--bg);padding:0 20px 90px;position:relative;overflow:hidden}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:23px;font-weight:800;letter-spacing:-1px}.brand span{color:var(--accent);margin-left:3px}.avatar{width:34px;height:34px;border:1px solid #5b555e;border-radius:50%;display:grid;place-items:center;color:#c5bec6;font-size:20px}.hero{padding:30px 0 42px}.eyebrow{color:var(--accent);font-size:13px;letter-spacing:2px;margin:0 0 18px}.hero h1{font-size:47px;line-height:1.06;letter-spacing:-2px;margin:0 0 20px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-copy{color:var(--muted);max-width:260px;line-height:1.6;margin-bottom:28px}.primary-btn{display:flex;align-items:center;justify-content:space-between;gap:28px;width:max-content;min-width:160px;border:0;border-radius:14px;padding:15px 18px;background:var(--accent);color:#21191a;font-size:15px;font-weight:750;cursor:pointer}.primary-btn span{font-size:20px;line-height:0}.section{margin-top:20px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-head h2{font-size:20px;margin:0}.section-head a,.muted{font-size:12px;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.game-scroller{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.game-scroller::-webkit-scrollbar{display:none}.game-card{min-width:170px;min-height:155px;border:1px solid var(--line);border-radius:15px;padding:14px;display:flex;flex-direction:column;background:linear-gradient(135deg,#302329,#23232d)}.game-card-top{display:flex;justify-content:space-between;font-size:10px}.game-card-top b{color:#efaf92;font-weight:500}.game-card-top i{font-style:normal;color:#caa7c4}.game-card strong{font-size:16px;margin-top:auto}.game-card small{font-size:11px;color:var(--muted);line-height:1.4;margin-top:6px}.free-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:15px 2px}.free-row>span:nth-child(2){display:grid;gap:4px;flex:1}.free-row strong{font-size:14px}.free-row small{font-size:11px;color:var(--muted)}.free-row>b{font-size:23px;color:var(--muted);font-weight:300}.free-symbol{width:34px;height:34px;border-radius:10px;background:#3e2d36;display:grid;place-items:center;color:var(--accent);font-size:19px}.category-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:17px;min-height:142px;display:flex;flex-direction:column;position:relative}.category-card strong{font-size:17px;margin-top:auto}.category-card small{color:var(--muted);font-size:11px;margin-top:6px;line-height:1.45}.category-card label{position:absolute;right:12px;top:12px;font-size:10px;color:#efb695;border:1px solid #684b42;border-radius:20px;padding:3px 6px}.category-card label.vip{color:#dca9c9;border-color:#624b60}.category-icon{font-size:25px;color:var(--accent)}.c1 .category-icon,.c4 .category-icon{color:#bca2e3}.c2 .category-icon,.c5 .category-icon{color:#e49cc1}.recommend{display:flex;justify-content:space-between;align-items:center;padding:19px;border-radius:16px;background:linear-gradient(120deg,#2d252a,#26252e);border:1px solid var(--line)}.recommend h3{margin:12px 0 7px;font-size:17px}.recommend p{margin:0;color:var(--muted);font-size:12px}.pill{display:inline-block;color:#e8ae92;background:#4d302c;border-radius:20px;padding:5px 8px;font-size:10px}.arrow{font-size:25px;color:var(--accent)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:600px;padding:10px 30px 13px;display:flex;justify-content:space-around;background:rgba(18,17,19,.92);border-top:1px solid var(--line);backdrop-filter:blur(12px);z-index:5}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;color:#817b83;font-size:11px}.bottom-nav a.active{color:var(--accent)}.bottom-nav b{font-size:22px;font-weight:400}.game-head{padding:14px 0 22px}.back{color:var(--muted);font-size:13px;display:inline-block;margin-bottom:24px}.game-head h1{font-size:38px;margin:15px 0 8px}.game-head p{color:var(--muted);margin:0}.game-stage{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:26px 18px 22px;text-align:center}.stage-ring{width:220px;height:220px;margin:4px auto 22px;border-radius:50%;display:grid;place-items:center;border:1px solid #5d4246;box-shadow:0 0 0 11px #282026,0 0 0 12px #543944;background:radial-gradient(circle,#29242b,#18161a 70%)}.stage-ring strong,.stage-ring small{display:block}.stage-mark{display:block;font-size:29px;color:var(--accent);margin-bottom:13px}.stage-ring strong{font-size:15px}.stage-ring small{font-size:11px;color:var(--muted);margin-top:7px}.play{margin:0 auto}.result{background:#29242a;border-radius:14px;padding:18px;text-align:left;margin-bottom:16px}.result-label{color:var(--accent);font-size:11px}.result p{font-size:19px;line-height:1.5;margin:10px 0}.result small{font-size:11px;color:var(--muted)}.safety{display:flex;gap:9px;align-items:center;color:#78727a;font-size:11px;padding:19px 3px}.safety p{margin:0}.profile-head{text-align:center;padding:30px 0 34px}.profile-avatar{width:76px;height:76px;border:1px solid #655a64;border-radius:50%;display:grid;place-items:center;font-size:45px;margin:0 auto 15px;color:#b3aab5}.profile-head h1{font-size:24px;margin:0 0 8px}.profile-head p{font-size:12px;color:var(--muted);margin:0 0 20px}.outline-btn{display:inline-block;border:1px solid #6e5556;border-radius:11px;padding:11px 23px;color:#f2b08e;font-size:13px}.menu-list{border-top:1px solid var(--line)}.menu-list a{height:59px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);font-size:14px}.menu-list span{color:var(--accent);font-size:20px}.menu-list i{font-style:normal;color:var(--muted);margin-left:auto;font-size:23px}.admin-link{text-align:center;color:var(--muted);font-size:12px;margin-top:34px}.admin-link span{color:var(--accent)}@media(min-width:601px){body{padding:20px 0}.phone{border-radius:26px;box-shadow:0 12px 50px #0008;min-height:calc(100vh - 40px)}}
/* Stage 2 interaction surfaces */
.game-shell{padding-bottom:28px}.game-shell .topbar{display:none}.game-toolbar{display:flex;justify-content:space-between;align-items:center;padding-top:22px}.game-toolbar .back{margin:0}.icon-btn,.close-modal,.close-result{background:none;border:0;color:var(--muted);font-size:20px;cursor:pointer}.game-intro{padding:24px 0 18px}.game-intro h1{font-size:34px;margin:14px 0 7px}.game-intro p{color:var(--muted);font-size:13px;margin:0}.game-stage{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:22px 16px 16px;position:relative;overflow:hidden}.wheel-wrap{height:286px;display:grid;place-items:center;position:relative}.pointer{position:absolute;z-index:2;top:3px;font-size:24px;color:var(--accent);text-shadow:0 2px 8px #000}.wheel{width:236px;height:236px;border-radius:50%;background:conic-gradient(#8e5567 0 45deg,#3e3347 45deg 90deg,#a06e55 90deg 135deg,#443c54 135deg 180deg,#87515f 180deg 225deg,#394252 225deg 270deg,#9d6b5b 270deg 315deg,#3f344a 315deg 360deg);border:8px solid #2e252b;box-shadow:0 0 0 1px #76515a,0 10px 30px #0008;display:grid;place-items:center;transition:transform 1.45s cubic-bezier(.12,.66,.18,1)}.wheel.spinning{transform:rotate(1080deg)}.wheel-core{width:92px;height:92px;border-radius:50%;background:#241f25;border:1px solid #81555b;display:grid;place-items:center;align-content:center;box-shadow:0 0 25px #0008}.wheel-core span{font-size:25px;color:var(--accent)}.wheel-core small{font-size:10px;color:var(--muted);margin-top:5px}.stage-hint{color:var(--muted);font-size:12px;margin:6px 0 18px}.play{margin:auto;min-width:175px;justify-content:center}.play:disabled{opacity:.65}.round-info{border-top:1px solid var(--line);margin-top:21px;padding-top:14px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.round-info button{border:0;background:none;color:var(--muted);font:inherit}.card-wrap{height:286px;display:grid;place-items:center;perspective:900px}.playing-card{width:184px;height:244px;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1);cursor:pointer}.playing-card.flipped{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:18px;border:1px solid #74515a;display:grid;place-items:center;align-content:center;box-shadow:0 12px 30px #0008}.card-front{background:radial-gradient(circle at 30% 20%,#4a2937,#201c24 65%)}.card-front span{font-size:12px;color:#e6aa96;letter-spacing:2px}.card-front strong{font-size:25px;margin:10px}.card-front small{font-size:11px;color:var(--muted)}.card-back{transform:rotateY(180deg);background:#2b212b;color:#f0ad8e;font-size:16px}.result-overlay{position:fixed;inset:0;background:#0b090dcc;z-index:10;display:grid;place-items:center;padding:20px;animation:fade .2s ease}.result-card{width:min(100%,430px);background:#241f26;border:1px solid #75515b;border-radius:22px;padding:29px 22px 22px;text-align:center;position:relative;box-shadow:0 20px 50px #0009}.close-result{position:absolute;right:15px;top:11px;font-size:27px}.result-label{color:var(--accent);font-size:11px;letter-spacing:1px}.result-card p{font-size:25px;line-height:1.42;margin:19px 4px 18px;overflow-wrap:anywhere}.result-action{color:#f3b397;font-size:18px;font-weight:700}.result-action small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:7px}.result-actions{border-top:1px solid var(--line);padding-top:18px;margin-top:21px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.result-actions .primary-btn{min-width:150px}.ghost-btn{background:#302a32;border:1px solid #48404a;color:#c7bec8;border-radius:10px;padding:12px 13px;font-size:12px}.modal{display:none;position:fixed;inset:0;background:#0b090dcc;z-index:8;align-items:flex-end;padding:15px}.modal.show{display:flex;animation:fade .2s}.modal-card{width:min(100%,600px);margin:auto;background:#252127;border:1px solid var(--line);border-radius:20px;padding:24px 20px;position:relative}.modal-card h2{font-size:19px;margin:0 0 22px}.close-modal{position:absolute;right:16px;top:13px;font-size:26px}.modal-card label,.settings-list label{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:15px 0;font-size:14px}.modal-card input,.settings-list input{accent-color:var(--accent);width:18px;height:18px}.intensity{padding-top:19px;font-size:13px}.intensity div{display:flex;gap:8px;margin-top:12px}.intensity button{flex:1;padding:10px;background:#302a32;border:1px solid var(--line);border-radius:9px;color:var(--muted)}.intensity button.selected{background:#4a302e;color:var(--accent);border-color:#72504a}.loading,.empty{text-align:center;padding:120px 20px;color:var(--muted)}.loading span{display:inline-block;width:28px;height:28px;border:2px solid #57434a;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.empty-icon{font-size:42px;color:#8d6871}.empty h2{color:var(--text);font-size:19px}.empty p{font-size:13px;line-height:1.7}.empty.compact{padding:70px 10px}.membership-teaser{display:flex;justify-content:space-between;align-items:center;border:1px solid #59454c;background:#292128;border-radius:15px;padding:17px;margin-bottom:26px}.membership-teaser span,.membership-teaser small{display:block;color:var(--muted);font-size:11px}.membership-teaser strong{display:block;font-size:19px;margin:6px 0}.membership-teaser a{color:var(--accent);font-size:12px}.simple-page{padding-top:22px}.simple-page h1{font-size:36px;margin:15px 0 9px}.page-copy{color:var(--muted);line-height:1.6;font-size:13px;margin-bottom:30px}.simple-page form{display:grid;gap:17px}.simple-page label{font-size:12px;color:var(--muted);display:grid;gap:8px}.simple-page input{background:#211e23;border:1px solid var(--line);border-radius:10px;padding:14px;color:var(--text);outline:0}.simple-page form .primary-btn{margin-top:5px;width:100%;justify-content:center}.form-foot{text-align:center;font-size:12px;color:var(--muted);margin-top:21px}.form-foot a{color:var(--accent)}.legal{display:block;text-align:center;color:#6d6670;font-size:10px;margin-top:50px}.vip-card{border:1px solid #806052;background:linear-gradient(135deg,#3b292d,#272128);border-radius:18px;padding:23px;margin:25px 0}.vip-star{font-size:30px;color:var(--accent)}.vip-card>strong{display:block;margin:14px 0 4px;font-size:18px}.price{display:flex;align-items:baseline;gap:5px;margin-bottom:20px}.price b{font-size:31px;color:#f0b092}.price small{color:var(--muted);font-size:11px}.vip-card .primary-btn{width:100%;justify-content:center}.benefits{list-style:none;padding:0;margin:25px 0;display:grid;gap:17px;color:#c5bdc5;font-size:13px}.benefits li:before{content:'✓';color:var(--accent);margin-right:10px}.settings-list{margin-top:25px;border-top:1px solid var(--line)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{from{opacity:0}to{opacity:1}}@media(max-width:370px){.hero h1{font-size:42px}.wheel{width:218px;height:218px}.wheel-wrap{height:265px}.playing-card{width:168px;height:226px}.result-card p{font-size:22px}}

.safe-area{padding-bottom:env(safe-area-inset-bottom)}.session-count{display:block;color:#77707a;font-size:10px;margin-top:10px}.flash-note{margin:12px 0;color:#e6ad91;background:#3d2c2b;border:1px solid #62433d;padding:9px 12px;border-radius:10px;font-size:11px}.no-animation{animation:none!important}.result-action small{display:block}.game-stage{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.modal-card{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.topbar{padding-top:env(safe-area-inset-top)}
.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px}.check input{width:16px}.muted-link{display:block;text-align:center;color:var(--accent);font-size:12px}.legal-page h2{font-size:18px;margin:28px 0 10px}.legal-page p{font-size:13px;line-height:1.8;color:var(--muted)}.legal-copy{font-size:11px!important}.saved-list{border-top:1px solid var(--line);margin-top:25px}.saved-list .free-row{padding:17px 2px}
.plan-grid{display:grid;gap:13px;margin-top:22px}.plan-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:18px;position:relative}.plan-card.recommended{border-color:#8b6054;background:linear-gradient(135deg,#33272b,#252128)}.plan-card>strong{display:block;font-size:18px}.plan-card>small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.plan-badge{position:absolute;right:14px;top:14px;color:var(--accent);font-size:10px}.plan-card .price{margin:15px 0}.plan-card .price b{font-size:28px}.plan-card del{color:#77707a;font-size:11px}.plan-card ul{padding:0;list-style:none;color:#c7bec7;font-size:12px;line-height:2;margin:0 0 13px}.plan-card li:before{content:'✓';color:var(--accent);margin-right:7px}.plan-card .primary-btn{width:100%;justify-content:center}.vip-active{background:#3a2e30;color:#efb092;border:1px solid #664941;padding:12px;border-radius:10px;font-size:12px}.order-pay-card{display:grid;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;margin:25px 0}.order-pay-card strong{font-size:32px;color:#f0b092}.order-pay-card small{font-size:11px;color:var(--muted)}.dev-only{display:grid;gap:10px}.dev-only>span{color:var(--accent);font-size:11px}.dev-only p{color:var(--muted);font-size:12px;line-height:1.6}.dev-only .primary-btn{width:100%;justify-content:center}.dev-only .ghost-btn{width:100%}.payment-result-icon{font-size:60px;color:var(--accent);margin:50px 0 15px}.result-page .result-actions{justify-content:flex-start}.result-page .result-actions a{display:flex;text-decoration:none;align-items:center;justify-content:center}