:root{color-scheme:dark;font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif;color:#f4f2ed;background:#050609;font-synthesis:none;text-rendering:optimizeLegibility;--obsidian: #050609;--pearl: #f4f2ed;--silver: #aeb5c0;--line: rgba(205, 214, 226, .28);--ruby: #a32d43;--emerald: #318266}*{box-sizing:border-box;letter-spacing:0}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;background:var(--obsidian)}button,input,textarea{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,.gesture-layer:focus-visible{outline:2px solid #f6f7f9;outline-offset:-4px}.immersive-app{position:relative;width:100%;height:100dvh;min-height:560px;overflow:hidden;isolation:isolate;background:#050609}.wardrobe-background{position:absolute;z-index:-3;top:0;right:0;bottom:0;left:0;background-image:url(/assets/arcane-wardrobe-bg.png);background-position:center center;background-repeat:no-repeat;background-size:cover;filter:brightness(.56) contrast(1.12) saturate(.82);transform:scale(1.015)}.wardrobe-background:after{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 150px 42px #040507;background:#02030533;content:""}.game-hud{position:absolute;z-index:40;top:0;right:0;left:0;height:82px;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:14px;padding:max(12px,env(safe-area-inset-top)) 24px 8px;pointer-events:none}.game-title{display:flex;min-width:0;align-items:center;justify-content:center;gap:12px;text-align:left;text-shadow:0 2px 16px #000}.title-logo-shell{position:relative;display:block;flex:0 0 38px;min-width:38px;max-width:38px;width:38px;height:38px;border:0;background:transparent;overflow:hidden;contain:layout paint}.title-logo-shell img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.45)}.game-title strong,.game-title small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-title strong{font-family:Didot,Bodoni MT,Songti SC,STSong,SimSun,serif;font-size:20px;font-weight:500}.game-title small{margin-top:2px;color:#9ca4af;font-family:Georgia,serif;font-size:9px}.hud-icon{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid rgba(184,194,207,.34);border-radius:50%;background:#07090c9e;color:#d7dde5;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-icon:hover{border-color:#e8eef5b8;background:#181c22c7}.hud-icon svg{width:18px}.hud-icon.is-hidden{visibility:hidden;pointer-events:none}.summoning-stage,.card-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.card-canvas{z-index:1;overflow:hidden}.card-canvas canvas{display:block;width:100%!important;height:100%!important}.gesture-layer{position:absolute;z-index:12;top:72px;right:0;bottom:0;left:0;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.gesture-layer:active{cursor:grabbing}.arcana-pagination{position:absolute;right:0;bottom:max(70px,calc(env(safe-area-inset-bottom) + 52px));left:0;display:flex;justify-content:center;gap:8px}.arcana-pagination span{width:22px;height:2px;background:#bcc6d33d;transition:width .3s ease,background-color .3s ease}.arcana-pagination span.is-active{width:42px;background:var(--tier-accent);box-shadow:0 0 12px var(--tier-accent)}.gesture-guide{position:absolute;right:12px;bottom:max(27px,calc(env(safe-area-inset-bottom) + 12px));left:12px;display:flex;align-items:center;justify-content:center;gap:7px;color:#e4eaf1a3;font-size:12px;text-shadow:0 2px 10px #000;animation:guide-breathe 2.8s ease-in-out infinite}.gesture-guide svg{width:18px;filter:drop-shadow(0 0 7px var(--tier-accent))}.screen-reveal .gesture-guide{color:#f4f6f9c7}.ritual-indicator{position:absolute;z-index:14;right:0;bottom:34px;left:0;display:flex;justify-content:center;gap:12px}.ritual-indicator span{width:7px;height:7px;border:1px solid #dce3eb;transform:rotate(45deg);animation:ritual-pulse 1.2s ease-in-out infinite}.ritual-indicator span:nth-child(2){animation-delay:.18s}.ritual-indicator span:nth-child(3){animation-delay:.36s}.reveal-flash{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;background:#eef4f8;opacity:0;pointer-events:none}.reveal-flash.is-active{animation:reveal-flash .9s ease-out both}.ritual-overlay{position:absolute;z-index:30;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-end;padding:92px 7vw 42px;background:#0203055c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ritual-dialog{width:min(390px,100%);max-height:calc(100dvh - 130px);overflow-y:auto;padding:30px;border:1px solid rgba(198,208,220,.34);border-radius:6px;background:#080a0ee6;box-shadow:0 24px 80px #00000085,inset 0 0 40px #5666790f}.compact-dialog{width:min(360px,100%)}.dialog-kicker{display:flex;align-items:center;gap:7px;color:var(--tier-accent);font-family:Georgia,serif;font-size:10px;font-weight:700}.dialog-kicker svg{width:14px}.ritual-dialog h1{margin:10px 0 24px;color:#f5f3ed;font-family:Didot,Bodoni MT,Songti SC,STSong,SimSun,serif;font-size:35px;font-weight:500;line-height:1.18;overflow-wrap:anywhere}.ritual-dialog label,.ritual-dialog .field-label{display:flex;justify-content:space-between;gap:12px;margin:10px 0 7px;color:#c8ced6;font-size:12px}.ritual-dialog label span,.ritual-dialog p{color:#858e99;font-size:11px}.ritual-dialog p{margin:11px 0 0;text-align:center}.ritual-dialog input,.ritual-dialog textarea,.ritual-dialog select{width:100%;border:1px solid rgba(170,181,194,.36);border-radius:4px;background:#030508d1;color:#f3f3f0}.ritual-dialog input,.ritual-dialog select{height:44px;padding:0 12px}.ritual-dialog select{color-scheme:dark}.ritual-dialog select:disabled{color:#616a75;cursor:not-allowed}.ritual-dialog textarea{min-height:80px;padding:12px;resize:vertical;line-height:1.5}.ritual-dialog input::placeholder,.ritual-dialog textarea::placeholder{color:#616a75}.field-grid{display:grid;gap:5px}.country-lock{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;padding:0 12px;border:1px solid rgba(170,181,194,.24);border-radius:4px;background:#03050880}.country-lock span{color:#858e99;font-size:11px}.country-lock strong{color:#e7eaee;font-size:13px;font-weight:500}.region-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.spell-button,.ghost-button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:5px;cursor:pointer}.spell-button{margin-top:22px;border:1px solid #e9edf2;background:#e9edf2;color:#080a0d;font-weight:700}.spell-button:hover{border-color:var(--tier-accent);background:var(--tier-accent)}.spell-button svg,.ghost-button svg{width:17px}.ghost-button{margin-top:10px;border:1px solid rgba(172,183,196,.32);background:transparent}.ghost-button:hover{background:#d3dce614}.result-lines{display:grid;gap:8px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-lines span{color:#e6e8eb;font-size:15px}.result-lines strong{color:var(--tier-accent);font-family:Georgia,serif;font-size:12px;overflow-wrap:anywhere}.wechat-line{display:grid;gap:5px;margin-top:19px}.wechat-line small{color:#7f8893;font-size:10px}.wechat-line strong{font-family:Georgia,serif;font-size:13px;overflow-wrap:anywhere}.order-meta{display:flex;align-items:baseline;justify-content:space-between;margin-top:16px}.order-meta span{color:#8e97a2;font-size:11px}.order-meta strong{color:var(--tier-accent);font-family:Georgia,serif;font-size:21px}.ritual-dialog .payment-note{margin:8px 0 0;color:#a6aeb8;text-align:left}@keyframes guide-breathe{0%,to{opacity:.36;transform:translateY(3px)}50%{opacity:.9;transform:translateY(-2px)}}@keyframes ritual-pulse{0%,to{opacity:.2;box-shadow:0 0 #d8e5f000}50%{opacity:1;box-shadow:0 0 14px #d8e5f0cc}}@keyframes reveal-flash{0%{opacity:0}12%{opacity:.9}to{opacity:0}}@media(max-width:760px){.immersive-app{min-height:520px}.wardrobe-background{background-position:center 45%}.wardrobe-background:after{box-shadow:inset 0 0 78px 20px #040507}.game-hud{height:70px;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;padding-right:14px;padding-left:14px}.hud-icon{width:40px;height:40px}.game-title{gap:8px}.title-logo-shell{flex:0 0 32px;min-width:32px;max-width:32px;width:32px;height:32px}.game-title strong{font-size:16px}.game-title small{font-size:7px}.gesture-layer{top:64px}.gesture-guide{font-size:11px}.ritual-overlay{align-items:flex-end;padding:80px 12px max(12px,env(safe-area-inset-bottom));background:#02030533}.ritual-dialog,.compact-dialog{width:100%;max-height:min(68dvh,610px);padding:23px 20px;background:#080a0ef0}.ritual-dialog h1{margin-bottom:18px;font-size:29px}.spell-button{margin-top:18px}.region-selects{grid-template-columns:1fr}}@media(max-width:370px){.game-title strong{font-size:14px}.game-title small{display:none}.gesture-guide{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}