: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(14px,env(safe-area-inset-top)) 10px 18px;background:rgba(7,14,25,.34);box-shadow:0 0 0 1px #f5d88e14,0 28px 80px #00000042}.section-title,.room-meta{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,.room-meta span{color:var(--muted);font-size:12px;line-height:1.35}.room-panel,.panel{border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--panel)}.room-form{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:8px;margin-bottom:10px}.room-meta strong{min-width:58px;min-height:34px;border-radius:8px;display:grid;place-items:center;background:radial-gradient(circle at 50% 26%,#ffe9ad,#8a5b20 70%,#22180f);color:#1d1308;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.room-profile{display:flex;align-items:center;gap:8px;min-height:32px;margin:-2px 0 8px}.room-profile[hidden]{display:none}.room-profile img{width:32px;height:32px;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;overflow:hidden;color:#fff7df;font-size:14px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.progress{height:7px;margin-top:9px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#55d8ff,#f7d56f,#ff8164)}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.solo-nine{grid-column:5;grid-row:1 / span 2;display:flex;flex-direction:column;justify-content:center;min-height:243px}.beast-visual{position:relative;width:58px;height:42px;margin:0 auto 3px;display:grid;place-items:center}.beast-visual img{display:block;width:38px;height:38px;object-fit:contain}.beast-visual span{position:absolute;left:50%;bottom:-2px;transform:translate(-50%);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:78px;height:72px;margin-bottom:8px}.spell-card.solo-nine .beast-visual img{width:58px;height:58px}.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:24px;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:1fr 1fr;gap:4px;margin-top:6px}.spell-card footer span{min-height:26px;border-radius:6px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;font-size:11px}.history-grid{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:0;max-height:min(548px,75vw);overflow-y:auto;overscroll-behavior:contain;align-content:start}.history-cell{aspect-ratio:1;min-width:0;border:1px solid var(--num-border, rgba(255, 255, 255, .4));border-radius:0;display:grid;place-items:center;background:var(--num-bg, #20334e);color:var(--num-fg, #fff);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px;font-weight:760;box-shadow:none}.pending-countdown{--num-bg: #ffffff;--num-fg: #d51f2a;--num-border: #e4e7ef;color:#d51f2a;background:#ffffff;font-weight:780;animation:pendingTextBlink 1s step-end infinite}.history-panel{padding:10px}.num-1,.num-2,.num-7,.num-8{--num-bg: #ffffff;--num-fg: #2b2f39;--num-border: #e4e7ef}.num-3{--num-bg: #ef2dff;--num-fg: #ffffff;--num-border: #ff8dff}.num-4{--num-bg: #e9342e;--num-fg: #ffffff;--num-border: #ff8b7e}.num-5{--num-bg: #227bd7;--num-fg: #ffffff;--num-border: #8fd3ff}.num-6{--num-bg: #ffd12f;--num-fg: #684100;--num-border: #fff2a5}.num-9{--num-bg: linear-gradient(135deg, #ff39f6, #37d8ff, #60ff9b, #ffe45f, #ff6a3d, #ff39f6);--num-fg: #ffffff;--num-border: rgba(255, 255, 255, .78);position:relative;overflow:hidden;isolation:isolate;background-size:260% 260%;text-shadow:0 1px 3px rgba(0,0,0,.42),0 0 8px rgba(255,255,255,.76);animation:rainbowShift 1.9s linear infinite,rainbowPulse 1.25s ease-in-out infinite alternate}.num-9:after{content:"";position:absolute;top:-65%;right:-65%;bottom:-65%;left:-65%;z-index:-1;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.96) 34deg,transparent 72deg);animation:rainbowSweep 1.55s linear infinite}.spell-main b.num-9{border-color:#ffffffeb;box-shadow:0 0 0 2px #fff3,0 0 10px #50dcffc7,0 0 18px #ff3ce1a8,0 0 26px #ffe04480;animation:rainbowShift 1.55s linear infinite,rainbowBadgePop 1.15s ease-in-out infinite alternate}@keyframes rainbowShift{0%{background-position:0% 50%}to{background-position:220% 50%}}@keyframes rainbowSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rainbowPulse{0%{filter:saturate(1.08) brightness(1)}to{filter:saturate(1.45) brightness(1.14)}}@keyframes rainbowBadgePop{0%{filter:saturate(1.12) brightness(1);transform:translateY(0) scale(1)}to{filter:saturate(1.65) brightness(1.2);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:#d51f2a2e;text-shadow:none}}.trend-board{position:relative;overflow:hidden;border:1px solid rgba(245,216,142,.24);border-radius:8px;background:rgba(255,255,255,.92);color:#3d4250}.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:38px;background:linear-gradient(180deg,#ffe873,#d5b73c);color:#273141;font-weight:900}.trend-head span,.trend-cell,.trend-period,.trend-cat{display:grid;place-items:center;min-width:0;min-height:34px;border-right:1px solid rgba(86,91,107,.18);border-bottom:1px solid rgba(86,91,107,.14);font-size:13px}.trend-period,.trend-cell,.trend-cat{color:#3d42506b;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.trend-cat.active{color:#fff;font-weight:900}.trend-cat.small,.trend-cat.big{color:#238fc0}.trend-cat.odd,.trend-cat.even{color:#2f9d39}.trend-line{position:absolute;top:38px;right:0;bottom:0;left:0;z-index:4;width:100%;height:calc(100% - 38px);pointer-events:none;overflow:visible}.trend-rows{position:relative;z-index:2}.trend-cell.active-number{color:#273141;font-weight:900;background:rgba(255,255,255,.36)}.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}@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:52px;height:36px}.beast-visual img{width:32px;height:32px}.beast-visual span{max-width:66px;font-size:9px}.spell-card.solo-nine{min-height:213px}.spell-main strong{font-size:20px}.history-grid{gap:0}.history-cell{border-radius:0;font-size:13px}.trend-head,.trend-row{grid-template-columns:42px repeat(9,minmax(16px,1fr)) 24px 24px 24px 24px}}