:root{color-scheme:dark;--bg: #101827;--panel: rgba(15, 25, 40, .92);--line: rgba(238, 214, 152, .24);--gold: #f5d88e;--muted: #b8c4d6;--text: #fff7df;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 48% -8%,rgba(77,177,207,.26),transparent 310px),linear-gradient(180deg,#172a46,#0c111d 62%)}button,input,select{font:inherit}button{min-height:36px;border:1px solid rgba(245,216,142,.56);border-radius:8px;padding:0 12px;background:linear-gradient(180deg,#755321,#2d2418);color:#fff4ce;font-weight:800}input,select{min-width:0;min-height:38px;border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:0 11px;background:rgba(255,255,255,.94);color:#182235;font-weight:800;outline:none}.app{width:min(100%,750px);min-height:100vh;margin:0 auto;padding:max(8px,env(safe-area-inset-top)) 10px 18px;background:rgba(7,14,25,.34);box-shadow:0 0 0 1px #f5d88e14,0 28px 80px #00000042}body.auth-locked .app{filter:blur(8px);transform:translateZ(0);pointer-events:none;-webkit-user-select:none;user-select:none}.app-header{position:relative;min-height:38px;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:8px;padding:5px 8px;border:1px solid rgba(245,216,142,.24);border-radius:8px;background:linear-gradient(180deg,rgba(28,48,76,.94),rgba(10,20,36,.96)),radial-gradient(circle at 0 0,rgba(245,216,142,.18),transparent 88px)}.app-header strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff7df;font-size:17px;letter-spacing:0;white-space:nowrap}.host-picker{position:absolute;left:8px;top:50%;z-index:4;transform:translateY(-50%)}.host-list-button{min-height:28px;padding:0 10px;border-radius:999px;border-color:#66c9ff6b;background:linear-gradient(180deg,rgba(31,62,92,.95),rgba(8,18,32,.96));color:#dff4ff;font-size:12px;box-shadow:inset 0 1px #ffffff1a,0 0 12px #66c9ff1f}.host-list-button:after{content:"";display:inline-block;width:6px;height:6px;margin-left:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.82}.host-dropdown{position:absolute;left:0;top:calc(100% + 7px);z-index:70;width:218px;max-width:calc(100vw - 18px);max-height:min(340px,calc(100vh - 78px));overflow-y:auto;border:1px solid rgba(245,216,142,.58);background:linear-gradient(180deg,rgba(8,18,32,.99),rgba(6,14,26,.985));box-shadow:inset 0 1px #ffffff0d,0 16px 38px #0000006b}.host-dropdown[hidden]{display:none}.host-option{width:100%;min-height:46px;padding:7px 10px;border:0;border-radius:0;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;column-gap:10px;background:transparent;color:#fff7df;text-align:left;box-shadow:none}.host-option:hover{background:rgba(245,216,142,.09)}.host-option img,.host-option-avatar{flex:0 0 auto;width:32px;height:32px;border-radius:50%;object-fit:cover;background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.12),transparent 58%),rgba(255,255,255,.08)}.host-option strong{position:static;left:auto;top:auto;transform:none;display:block;min-width:0;overflow:hidden;color:#fff7df;font-size:14px;font-weight:850;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.auth-menu{position:relative;z-index:2}.auth-entry{min-height:28px;max-width:128px;padding:0 12px;border-radius:999px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-dropdown{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:92px;overflow:hidden;border:1px solid rgba(245,216,142,.5);border-radius:8px;background:rgba(10,18,31,.98);box-shadow:0 12px 28px #0000005c}.auth-dropdown button{width:100%;min-height:32px;border:0;border-radius:0;background:transparent;color:#fff7df;font-size:12px}.auth-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;overflow:hidden;padding:18px;background:linear-gradient(180deg,rgba(2,8,17,.28),rgba(3,8,16,.82)),url(/assets/login/jiufa-bg.png) center / cover no-repeat,#08121f}body.auth-locked .auth-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-modal:before,.auth-modal:after{content:"";position:absolute;inset:auto;pointer-events:none}.auth-modal:before{left:50%;top:8%;width:min(112vw,660px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(99,219,255,.28) 0 2px,transparent 3px 100%),conic-gradient(from 28deg,transparent 0 12%,rgba(245,216,142,.3) 13%,transparent 18% 44%,rgba(90,225,255,.23) 45%,transparent 51% 100%);mask:radial-gradient(circle,transparent 0 37%,#000 38% 41%,transparent 42% 100%);opacity:.72;transform:translate(-50%) rotate(0);animation:authWheel 24s linear infinite}.auth-modal:after{left:0;right:0;bottom:-8px;height:40%;background:radial-gradient(ellipse at 50% 100%,rgba(86,201,255,.2),transparent 56%),linear-gradient(180deg,transparent,rgba(3,8,16,.76))}.auth-modal[hidden]{display:none}.auth-dialog{position:relative;z-index:1;width:min(100%,390px);overflow:hidden;padding:0 18px 18px;border:1px solid rgba(245,216,142,.56);border-radius:18px;background:linear-gradient(180deg,rgba(26,43,68,.94),rgba(8,16,29,.96)),radial-gradient(circle at 50% 0,rgba(90,206,255,.2),transparent 180px);box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 0 34px #5fc3ff1a,0 24px 80px #0000008f,0 0 28px #f5d88e1f}.auth-scene{position:relative;min-height:150px;margin:0 -18px 8px;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(255,236,154,.22),transparent 54px),radial-gradient(circle at 50% 64%,rgba(84,200,255,.28),transparent 90px),linear-gradient(180deg,rgba(18,45,75,.48),rgba(3,10,20,0))}.auth-scene:before{content:"";position:absolute;left:50%;bottom:-54px;width:290px;height:118px;border:1px solid rgba(245,216,142,.34);border-radius:50%;background:radial-gradient(ellipse at center,rgba(78,207,255,.18),transparent 58%),repeating-conic-gradient(from 12deg,rgba(245,216,142,.22) 0deg 8deg,transparent 8deg 24deg);transform:translate(-50%);filter:blur(.2px)}.auth-logo{position:absolute;left:50%;top:14px;z-index:2;width:min(82%,315px);transform:translate(-50%);filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.auth-beast{position:absolute;z-index:3;width:102px;height:102px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.54)) drop-shadow(0 0 14px rgba(102,214,255,.24));animation:authFloat 3.6s ease-in-out infinite alternate}.auth-beast-dragon{right:16px;bottom:6px}.auth-beast-phoenix{left:18px;bottom:8px;animation-delay:-1.3s}.auth-ring{position:absolute;border-radius:50%;border:1px solid rgba(245,216,142,.34);box-shadow:0 0 18px #5ed8ff24}.auth-ring-one{left:50%;bottom:24px;width:138px;height:32px;transform:translate(-50%) rotate(-5deg)}.auth-ring-two{left:50%;bottom:15px;width:214px;height:48px;transform:translate(-50%) rotate(6deg)}.auth-heading{display:grid;margin:-2px 0 14px;text-align:center}.auth-dialog h2{margin:0;color:#ffeeb4;font-size:25px;line-height:1.1;font-weight:950;text-shadow:0 2px 9px rgba(0,0,0,.58),0 0 14px rgba(245,216,142,.18)}.auth-close{position:absolute;right:12px;top:12px;z-index:5;width:30px;min-height:30px;padding:0;border-radius:50%;background:rgba(255,255,255,.08)}body.auth-locked .auth-close{display:none}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:12px;padding:4px;border:1px solid rgba(100,199,255,.22);border-radius:14px;background:linear-gradient(180deg,rgba(6,19,34,.86),rgba(10,24,42,.72)),radial-gradient(circle at 50% 0,rgba(100,199,255,.16),transparent 78%);box-shadow:inset 0 1px #ffffff0f,0 8px 20px #0003}.auth-tabs button,.auth-form button{min-height:40px}.auth-tabs button{border:0;border-radius:10px;background:transparent;color:#e1edffb8;font-size:14px;box-shadow:none}.auth-tabs button.is-active{background:linear-gradient(180deg,rgba(255,241,178,.28),rgba(133,89,30,.72)),linear-gradient(180deg,#8b672d,#463116);color:#fff4c7;box-shadow:inset 0 1px #fff3,inset 0 -1px #0000002e,0 0 16px #f5d88e26}.auth-form{display:grid;gap:9px}.auth-form input{width:100%;min-height:46px;border:1px solid rgba(100,199,255,.18);border-radius:12px;background:linear-gradient(180deg,rgba(18,35,57,.96),rgba(8,18,32,.98)),radial-gradient(circle at 0 0,rgba(245,216,142,.14),transparent 88px);color:#fff8df;font-size:15px;box-shadow:inset 0 1px #ffffff14,inset 0 0 18px #3d97e214,0 8px 18px #0000002e}.auth-form input::placeholder{color:#d3deee9e}.auth-form input:focus{border-color:#f5d88eb8;background:linear-gradient(180deg,rgba(22,43,68,.98),rgba(9,21,38,.98)),radial-gradient(circle at 0 0,rgba(245,216,142,.18),transparent 88px);box-shadow:inset 0 1px #ffffff14,0 0 0 2px #f5d88e1f,0 0 20px #f5d88e29}.auth-form button[type=submit]{margin-top:4px;border-color:#ffeba0d1;border-radius:12px;background:linear-gradient(180deg,rgba(255,244,196,.42),rgba(142,92,26,.08)),linear-gradient(180deg,#a97c32 0%,#694719 48%,#2e2112 100%);color:#fff8d8;font-size:16px;font-weight:950;box-shadow:inset 0 1px #ffffff3d,inset 0 -2px #00000038,0 10px 26px #00000047,0 0 20px #f5d88e2e}.auth-form button[type=submit]:active{transform:translateY(1px)}.auth-message{min-height:18px;color:#ff9f9f;font-size:12px;line-height:1.4;text-align:center}.auth-message.info{color:#bdd7ff}@keyframes authWheel{to{transform:translate(-50%) rotate(360deg)}}@keyframes authFloat{0%{transform:translateY(0) scale(1)}to{transform:translateY(-7px) scale(1.03)}}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}h1,h2,p{margin:0}h1{font-size:30px;line-height:1.15}h2{font-size:18px}.section-title span{color:var(--muted);font-size:12px;line-height:1.35}.panel{border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--panel)}.history-toolbar{min-height:40px;display:grid;grid-template-columns:minmax(92px,148px) 64px minmax(0,1fr);gap:6px;align-items:center;padding:4px 8px;background:linear-gradient(180deg,rgba(25,44,68,.96),rgba(12,24,40,.98)),radial-gradient(circle at 18px 0,rgba(245,216,142,.16),transparent 42px);box-shadow:inset 0 1px #f5d88e57,inset 0 -1px #4689be52}.history-toolbar:has(.room-profile[hidden]){grid-template-columns:minmax(92px,148px) 64px minmax(0,1fr)}.history-toolbar input,.history-toolbar button{min-height:30px;border-radius:0;border:0}.history-toolbar button{padding-inline:8px;background:transparent;color:#fff3d8;font-weight:800}.history-toolbar input{border-left:1px solid rgba(245,216,142,.18);background:rgba(5,13,25,.42);color:#fff7df;text-align:center;font-weight:650}.history-toolbar input::placeholder{color:#ffffffad}.history-columns{position:relative;min-width:0}.column-toggle{position:relative;width:64px;min-height:28px;border-radius:999px;padding:0 19px 0 9px;background:linear-gradient(180deg,#f6d879,#cf9c34);color:#5c3300;font-size:12px;font-weight:900;line-height:1;box-shadow:inset 0 1px #ffffff73,0 2px 8px #0000002e}.column-toggle:after{content:"";position:absolute;right:9px;top:50%;width:6px;height:6px;border-right:2px solid #5c3300;border-bottom:2px solid #5c3300;pointer-events:none;transform:translateY(-65%) rotate(45deg)}.column-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:40;width:64px;overflow:hidden;border:1px solid rgba(245,216,142,.62);border-radius:8px;background:rgba(23,24,30,.94);box-shadow:0 10px 22px #00000059}.column-menu button{width:100%;min-height:28px;border-radius:0;padding:0;background:transparent;color:#fff7df;font-size:11px;font-weight:800;text-align:center}.column-menu button:hover,.column-menu button.is-active{background:rgba(245,216,142,.22);color:#fff}.room-picker{position:relative;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 46px;align-items:stretch}.room-picker input{width:100%;font-size:13px;font-weight:760}.room-search-button{position:relative;display:grid;place-items:center;min-width:46px;border-left:1px solid rgba(245,216,142,.18)!important;color:#fff4ce!important;font-size:12px}.room-search-button.is-loading{color:transparent!important;pointer-events:none}.room-search-button.is-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,244,206,.32);border-top-color:#fff4ce;border-radius:50%;animation:searchSpin .72s linear infinite}.room-dropdown{position:absolute;top:calc(100% + 5px);right:0;left:0;z-index:30;max-height:232px;overflow-y:auto;border:1px solid rgba(245,216,142,.58);background:rgba(11,22,38,.98);box-shadow:0 12px 30px #0000005c}.room-option{width:100%;min-height:42px;border:0;border-radius:0;padding:5px 8px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center;background:transparent;color:#fff7df;text-align:left}.host-dropdown .room-option{min-height:48px;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:7px 10px}.room-option:hover{background:rgba(245,216,142,.1)}.room-option img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.1)}.host-dropdown .room-option img{width:32px;height:32px}.room-option-avatar{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.12)}.host-dropdown .room-option-avatar{width:32px;height:32px}.room-option-name{display:block;min-width:0;overflow:hidden}.room-option strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff7df;opacity:1}.room-option strong{font-size:13px;line-height:1.2}.host-dropdown .room-option strong{font-size:14px;font-weight:850}.room-empty{padding:10px;color:#fff7dfb8;font-size:13px;font-weight:700}@keyframes searchSpin{to{transform:rotate(360deg)}}.room-profile{min-width:0;display:flex;align-items:center;gap:6px;padding-left:0;min-height:30px}.room-profile[hidden]{display:none}.room-profile img{width:26px;height:26px;border-radius:50%;border:1px solid rgba(245,216,142,.42);object-fit:cover;background:rgba(255,255,255,.08)}.room-profile span{min-width:0;max-width:112px;overflow:hidden;color:#fff7df;font-size:13px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}section{margin-top:12px}.spell-section{margin-top:12px}input.is-error{border-color:#ff6262;box-shadow:0 0 0 2px #ff62623d}.section-title{margin:0 2px 8px}.spell-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,.92fr);grid-auto-rows:minmax(118px,auto);gap:7px}.spell-card{min-height:118px;border:1px solid color-mix(in srgb,var(--accent) 62%,transparent);border-radius:8px;padding:8px 6px 7px;background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 48px),linear-gradient(180deg,rgba(19,31,48,.92),rgba(8,15,26,.94));box-shadow:inset 0 0 18px color-mix(in srgb,var(--accent) 18%,transparent);overflow:hidden}.spell-card.trace-selectable{cursor:pointer}.spell-card.trace-selectable:active{transform:translateY(1px)}.spell-card.is-trace-selected{box-shadow:inset 0 0 18px color-mix(in srgb,var(--accent) 18%,transparent),0 0 0 2px color-mix(in srgb,var(--accent) 88%,#ffffff 12%),0 0 14px color-mix(in srgb,var(--accent) 52%,transparent)}.spell-card.solo-nine{grid-column:5;grid-row:1 / span 2;display:flex;flex-direction:column;justify-content:flex-start;min-height:243px;padding-top:20px}.beast-visual{position:relative;width:76px;height:58px;margin:-4px auto 3px;display:grid;place-items:center}.beast-visual img{display:block;width:58px;height:58px;object-fit:contain;transform:translate(var(--beast-shift-x, -4px),var(--beast-shift-y, 0))}.beast-visual span{position:absolute;left:50%;bottom:-2px;transform:translate(calc(-50% + var(--beast-label-shift-x, 0px)),var(--beast-label-shift-y, 0));max-width:74px;padding:1px 5px 2px;border-radius:999px;background:rgba(3,9,18,.66);color:#fff7e6;font-size:10px;font-weight:850;line-height:1;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.9)}.spell-card.solo-nine .beast-visual{width:106px;height:92px;margin:-4px auto 2px}.spell-card.solo-nine .beast-visual img{width:88px;height:88px}.spell-card.solo-nine .beast-visual span{bottom:3px;max-width:82px;font-size:11px}.spell-card:nth-child(1){grid-column:1;grid-row:1}.spell-card:nth-child(2){grid-column:2;grid-row:1}.spell-card:nth-child(3){grid-column:3;grid-row:1}.spell-card:nth-child(4){grid-column:4;grid-row:1}.spell-card:nth-child(5){grid-column:1;grid-row:2}.spell-card:nth-child(6){grid-column:2;grid-row:2}.spell-card:nth-child(7){grid-column:3;grid-row:2}.spell-card:nth-child(8){grid-column:4;grid-row:2}.spell-main{display:flex;align-items:center;justify-content:center;gap:4px}.spell-main strong{min-height:28px;display:inline-grid;place-items:center;color:var(--accent);font-size:22px;line-height:1}.spell-main b{min-width:24px;min-height:24px;border-radius:50%;display:inline-grid;place-items:center;border:1px solid var(--num-border, rgba(255, 255, 255, .78));background:var(--num-bg, #fff);color:var(--num-fg, #101827);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;font-weight:900}.spell-card p{margin:4px 0 0;color:#fff7e6;text-align:center;font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spell-card footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin-top:4px}.spell-card footer span{min-height:22px;border-radius:5px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;font-size:10px;font-weight:760;white-space:nowrap}.spell-card footer .omission-stat{grid-column:1 / -1;min-height:18px}.recommend-panel{width:100%;margin-top:7px;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;align-items:center;justify-content:center;padding:6px 4px;border:1px solid rgba(245,216,142,.22);border-radius:7px;background:linear-gradient(180deg,rgba(17,30,49,.92),rgba(9,17,30,.96)),radial-gradient(circle at 50% 0,rgba(245,216,142,.14),transparent 120px)}.recommend-label,.recommend-number{display:inline-grid;place-items:center;line-height:1;font-weight:850}.recommend-label{justify-self:center;width:52px;height:18px;border-radius:5px;color:#fff;font-size:12px;box-shadow:inset 0 1px #ffffff61}.recommend-main{background:linear-gradient(90deg,#b71914,#ff6045)}.recommend-guard{background:linear-gradient(90deg,#c8911d,#ffe08a);color:#5b3600}.recommend-number{min-width:22px;height:22px;border:1px solid var(--num-border, rgba(255, 255, 255, .72));background:var(--num-bg, rgba(255, 255, 255, .9));color:var(--num-fg, #162033);font-size:13px}.recommend-picks{min-width:0;display:flex;gap:4px;align-items:center;justify-content:center}.history-grid{--history-line: #d7dbe4;position:relative;display:grid;grid-template-columns:repeat(var(--history-columns, 20),minmax(0,1fr));grid-auto-rows:var(--history-cell-size, auto);gap:0;max-height:min(548px,75vw);border-top:1px solid var(--history-line);border-left:1px solid var(--history-line);overflow-y:auto;overscroll-behavior:contain;align-content:start}.history-trace-line{position:absolute;left:0;top:0;z-index:1;pointer-events:none;overflow:visible}.history-trace-path{fill:none;opacity:.96;filter:drop-shadow(0 0 2px rgba(0,0,0,.38))}.history-trace-shadow{fill:none;stroke:#060a127a;opacity:.5}.history-trace-path.is-nine{opacity:1;filter:drop-shadow(0 0 2px rgba(0,0,0,.55)) drop-shadow(0 0 5px rgba(255,238,96,.48)) drop-shadow(0 0 7px rgba(49,221,255,.42))}.history-trace-pending{stroke-dasharray:6 5;animation:historyTraceDash .8s linear infinite}.history-cell{position:relative;height:var(--history-cell-size, auto);min-width:0;border:0;border-right:1px solid var(--history-line, #d7dbe4);border-bottom:1px solid var(--history-line, #d7dbe4);border-radius:0;display:grid;place-items:center;background:var(--num-bg, #20334e);color:var(--num-fg, #fff);font-family:Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;font-weight:380;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;box-shadow:none;overflow:hidden}.history-value{position:relative;z-index:3;line-height:1}.history-cell.num-9{font-size:16px;font-weight:500;background:#ffffff;line-height:1}.pending-countdown{--num-bg: #ffffff;--num-fg: #d51f2a;--num-border: #e4e7ef;color:#d51f2a;background:#ffffff;font-weight:540;animation:pendingTextBlink 1s step-end infinite}.history-panel{--history-columns: 20;margin-top:10px;padding:0}.history-panel[data-columns="24"] .history-cell{font-size:14px}.history-panel[data-columns="36"] .history-cell{font-size:12px}.history-panel[data-columns="24"] .history-cell.num-9{font-size:14px}.history-panel[data-columns="36"] .history-cell.num-9{font-size:12px}.num-1,.num-2,.num-7,.num-8{--num-bg: #ffffff;--num-fg: #2b2f39;--num-border: #d7dbe4}.num-3{--num-bg: #ef2dff;--num-fg: #ffffff;--num-border: #d7dbe4}.num-4{--num-bg: #e9342e;--num-fg: #ffffff;--num-border: #d7dbe4}.num-5{--num-bg: #227bd7;--num-fg: #ffffff;--num-border: #d7dbe4}.num-6{--num-bg: #ffd12f;--num-fg: #684100;--num-border: #d7dbe4}.num-9{--num-bg: linear-gradient(135deg, #ff39f6, #37d8ff, #60ff9b, #ffe45f, #ff6a3d, #ff39f6);--num-fg: #000000;--num-border: #d7dbe4;position:relative;overflow:hidden;isolation:isolate;text-shadow:0 1px 1px rgba(255,255,255,.48)}.history-nine-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;background:linear-gradient(135deg,#ff39f6 0%,#37d8ff 22%,#60ff9b 43%,#ffe45f 62%,#ff6a3d 80%,#ff39f6 100%)}.num-9:after{display:none}.spell-main b.num-9{background:linear-gradient(135deg,#ff39f6,#37d8ff,#60ff9b,#ffe45f,#ff6a3d,#ff39f6);background-size:260% 260%;color:#000;border-color:#fffffff5;text-shadow:0 1px 1px rgba(255,255,255,.7),0 0 6px rgba(255,255,255,.62);box-shadow:0 0 0 2px #ffffff57,0 0 10px #50dcffd1,0 0 18px #ff3ce1a8,0 0 25px #ffe0446b;animation:badgeRainbowShift 1.65s linear infinite,badgeRainbowPop 1.2s ease-in-out infinite alternate}@keyframes badgeRainbowShift{0%{background-position:0% 50%}to{background-position:220% 50%}}@keyframes badgeRainbowPop{0%{filter:saturate(1.08) brightness(1);transform:translateY(0) scale(1)}to{filter:saturate(1.45) brightness(1.15);transform:translateY(-1px) scale(1.08)}}@keyframes pendingTextBlink{0%,49%{color:#d51f2a;text-shadow:0 0 8px rgba(213,31,42,.42)}50%,to{color:#d51f2a94;text-shadow:0 0 4px rgba(213,31,42,.2)}}@keyframes historyTraceDash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-22}}.trend-board{position:relative;overflow:hidden;width:100%;border:0;border-top:1px solid #d7dbe4;border-radius:0;background:rgba(255,255,255,.92);color:#3d4250}.trend-panel{margin-top:0;padding:0;border:0;background:transparent}.trend-head,.trend-row{display:grid;grid-template-columns:46px repeat(9,minmax(18px,1fr)) 26px 26px 26px 26px}.trend-head{position:relative;z-index:3;min-height:27px;background:#bfe8f7;color:#18283d;font-weight:900}.trend-head span,.trend-cell,.trend-period,.trend-cat{display:grid;place-items:center;min-width:0;min-height:28px;border-right:1px solid rgba(86,91,107,.16);border-bottom:1px solid rgba(86,91,107,.12);font-size:13px}.trend-head span{min-height:27px;border-color:#4185a142}.trend-period,.trend-cell,.trend-cat{color:#76667175;font-family:Arial,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400}.trend-cat.active{color:#fff;font-weight:700}.trend-cat.small,.trend-cat.big{color:#238fc0}.trend-cat.odd,.trend-cat.even{color:#2f9d39}.trend-line{position:absolute;top:27px;right:0;bottom:0;left:0;z-index:3;width:100%;height:calc(100% - 27px);pointer-events:none;overflow:visible}.trend-rows{position:relative;z-index:4}.trend-cell.active-number{color:#fff}.trend-dot{width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-size:11px;font-weight:800;font-style:normal;line-height:1;box-shadow:inset 0 1px #ffffff38,0 1px 3px #0000002e}.trend-cell.active-number .trend-dot{background:#bf314d}.trend-cat.size-choice.active .trend-dot{background:#61c1e6}.trend-cat.parity-choice.active .trend-dot{background:#58a83c}.mapping-table{display:grid;gap:6px}.map-row{display:grid;grid-template-columns:38px minmax(0,1fr) 34px;gap:8px;align-items:center;min-height:48px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:6px}.map-row:last-child{border-bottom:0;padding-bottom:0}.map-row img{width:36px;height:36px;object-fit:contain}.map-row strong,.map-row span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-row strong{color:#fff;font-size:14px}.map-row span{margin-top:2px;color:var(--muted);font-size:12px}.map-row b{min-height:30px;border-radius:6px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 68%,rgba(255,255,255,.08));color:#fff}.room-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 50% 44%,rgba(96,201,255,.18),transparent 210px),rgba(5,10,18,.42);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.room-loading[hidden]{display:none}.room-loading-card{width:min(76vw,260px);min-height:148px;border:1px solid rgba(245,216,142,.48);border-radius:14px;display:grid;justify-items:center;align-content:center;gap:8px;background:linear-gradient(180deg,rgba(21,38,62,.96),rgba(6,15,28,.98)),radial-gradient(circle at 50% 0,rgba(245,216,142,.2),transparent 90px);box-shadow:inset 0 1px #ffffff17,0 18px 48px #0000007a}.room-loading-orbit{position:relative;width:66px;height:66px;border-radius:50%;background:radial-gradient(circle,rgba(245,216,142,.8) 0 4px,transparent 5px),conic-gradient(from 0deg,rgba(96,201,255,0),rgba(96,201,255,.82),rgba(245,216,142,.9),rgba(96,201,255,0));animation:roomLoadingSpin 1.12s linear infinite;filter:drop-shadow(0 0 12px rgba(96,201,255,.36))}.room-loading-orbit:before,.room-loading-orbit:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(245,216,142,.38);border-radius:50%}.room-loading-orbit:after{top:18px;right:18px;bottom:18px;left:18px;border-color:#60c9ff80}.room-loading-orbit span{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#fff4ce;box-shadow:0 0 12px #f5d88ed1;transform-origin:0 0}.room-loading-orbit span:nth-child(1){transform:rotate(0) translate(31px)}.room-loading-orbit span:nth-child(2){transform:rotate(120deg) translate(31px)}.room-loading-orbit span:nth-child(3){transform:rotate(240deg) translate(31px)}.room-loading-card strong{color:#fff7df;font-size:17px;line-height:1.2}.room-loading-card p{max-width:210px;color:#dff4ffd1;font-size:12px;font-weight:750;line-height:1.35;text-align:center}@keyframes roomLoadingSpin{to{transform:rotate(360deg)}}@media (max-width: 360px){.app{padding-inline:8px}.spell-grid{grid-auto-rows:minmax(104px,auto);gap:5px}.spell-card{min-height:104px;padding-inline:4px}.beast-visual{width:68px;height:52px}.beast-visual img{width:52px;height:52px}.beast-visual span{max-width:66px;font-size:9px}.spell-card.solo-nine{min-height:213px}.spell-main strong{font-size:19px}.history-grid{gap:0}.history-cell{border-radius:0;font-size:13px;font-weight:380}.history-cell.num-9{font-size:13px;font-weight:500}}