@charset "UTF-8";
:root{color-scheme:dark;--ice:#d4ecff;--muted:#b0c7df;--line:#a3d3ff42;--gold:#f1d493;--serif:"Noto Serif SC","Songti SC","SimSun",serif}*{box-sizing:border-box}body{margin:0;background:#172c49;color:#edf7ff;font:14px/1.6 "Microsoft YaHei","PingFang SC",sans-serif;min-width:320px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d5efff}button{border:0;background:none}a{color:inherit;text-decoration:none}button:not(:disabled){transition:filter .2s,background .2s,transform .2s}button:not(:disabled):hover{filter:brightness(1.2)}.backdrop,.vignette,#particles{position:fixed;inset:0;pointer-events:none}.backdrop{background:url('assets/background.a89945de0a7e.webp') center/cover no-repeat;z-index:-3}.vignette{z-index:-2;background:linear-gradient(180deg,#0a1c3bcc,#142b4b66 45%,#122544be),linear-gradient(90deg,#132b4b6b,transparent 50%,#132b4b65)}#particles{overflow:hidden;z-index:-1}.particle{position:absolute;width:2px;height:2px;border-radius:50%;background:#e8f8ff;box-shadow:0 0 8px 2px #bde5ff;animation:drift linear infinite}.app-shell{max-width:1640px;margin:auto;padding:0 48px}.topbar{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:13px;align-items:center;font:26px var(--serif);letter-spacing:6px}.brand-star{font-size:55px;color:#d8eeff;line-height:1;text-shadow:0 0 20px #badfff}.brand-en{display:block;font:9px/2.6 Georgia,serif;letter-spacing:3px}.connection{font-size:12px;color:var(--muted);letter-spacing:1px}.connection i,footer i,.pool-tag i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b8e8ee;box-shadow:0 0 8px #94d8ff;margin-right:9px}.connection>span{margin:0 12px}.top-actions{display:flex;align-items:center;gap:17px}.currency{display:flex;gap:10px;align-items:center}.currency>span{color:var(--gold);font-size:22px}.currency b{font:19px Georgia,serif;letter-spacing:1px}.currency small{color:var(--muted);font-size:12px}.icon-button{width:34px;height:34px;border:1px solid #bcdeff3b;border-radius:50%;font-size:20px;display:grid;place-items:center}.page-heading{text-align:center;padding:35px 0 22px}.eyebrow{font:10px/1.6 Georgia,serif;letter-spacing:4px;color:var(--muted)}.title-line{display:flex;justify-content:center;align-items:center;gap:23px}.title-line h1{font:46px/1.5 var(--serif);font-weight:600;letter-spacing:12px;margin:5px -12px 0 0;text-shadow:0 2px 25px #d3e8ff65}.title-line>span{width:100px;height:1px;background:linear-gradient(90deg,transparent,#c8e6ff)}.title-line>span:last-child{transform:rotate(180deg)}.title-line i{font-size:22px;font-style:normal;color:#cbe7ff}.page-heading p{font-size:13px;letter-spacing:4px;color:#c1d7ea;margin:6px 0}.tabs{display:flex;gap:42px;justify-content:center;border-bottom:1px solid var(--line);margin:auto auto 30px;width:min(600px,100%)}.tab{position:relative;padding:12px 14px;font-size:17px;color:#bdd0e4;display:flex;gap:8px;align-items:center;white-space:nowrap}.tab span{font-size:14px;letter-spacing:2px}.tab.active{color:#f3fbff;text-shadow:0 0 12px #c3e5ff}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#e5f6ff,transparent);box-shadow:0 0 12px #c7e6ff}.tab b{font-size:10px;font-weight:400;background:#c8e8ff1f;padding:0 6px;border-radius:3px}.summon-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(350px,1fr) minmax(210px,260px);gap:32px;align-items:start;max-width:1330px;margin:auto}.glass{position:relative;border:1px solid #b9dfff6e;background:linear-gradient(130deg,#d1e7ff12,#1733536b 60%,#c2dfff0b);box-shadow:inset 0 0 24px #a3cdff08,0 10px 35px #07132615;backdrop-filter:blur(14px);border-radius:2px}.glass:before,.glass:after{content:"";position:absolute;width:18px;height:18px;pointer-events:none;border-color:#d2ecff;border-style:solid}.glass:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.glass:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.left-column,.right-column{padding-top:15px}.host-card{padding:22px}.section-label{display:flex;justify-content:space-between;align-items:center;font:9px Georgia,serif;letter-spacing:2px;color:#b8cfe5}.section-label>span{color:#d1e7f9}.host-title{display:flex;align-items:center;gap:12px;margin-top:23px;position:relative}.avatar{display:grid;place-items:center;width:46px;height:49px;border:1px solid #c8e4fa8c;background:linear-gradient(130deg,#bddef639,#a8cced08);font:23px var(--serif);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.host-title small{font-size:11px;color:var(--muted)}.host-title h2{font-size:15px;font-weight:400;letter-spacing:1px;margin:4px 0}.level{position:absolute;right:0;top:-6px;font:10px Georgia,serif;color:#c8dff4}.host-divider{height:1px;background:var(--line);margin:20px 0 15px}.host-row{display:flex;justify-content:space-between;margin:9px 0;font-size:12px}.host-row>span{color:var(--muted)}.host-row b{font-weight:400}.tiny-star{color:var(--gold);margin-left:5px}.notice-card{padding:22px;margin-top:23px}.notice-card h2{font-size:14px;font-weight:400;letter-spacing:2px;margin:0 0 12px}.notice-card h2 span{color:#bcdeff;margin-right:6px}.notice-card p{font-size:12px;line-height:2;color:#c1d6e9}.gift{border-top:1px solid var(--line);padding-top:17px;margin-top:17px;display:flex;align-items:center;justify-content:space-between;gap:8px}.gift>div{font-size:12px}.gift small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.gift button{font-size:11px;color:var(--gold);padding:5px 0}.gift button span{margin-left:4px}.notice-card .quiet-note{font-size:10px;margin:15px 0 0;color:#a5bfd7}.rules-link{font-size:12px;color:#bdd3e8;margin-top:17px;width:100%;text-align:left;padding:0 8px}.rules-link>span{float:right}.summoning{text-align:center;position:relative}.pool-tag{font-size:11px;letter-spacing:2px;color:#d5e9fb}.pool-tag i{width:4px;height:4px}.portal{position:relative;width:min(360px,100%);height:330px;margin:10px auto 0;isolation:isolate}.portal-aura{position:absolute;inset:18px -12px -20px;background:radial-gradient(ellipse,#e9faff47,transparent 62%);filter:blur(9px)}.orbit{position:absolute;border-radius:50%;left:50%;top:48%;border:1px solid #d0eaff99;box-shadow:0 0 12px #b3ddff1c,inset 0 0 12px #b3ddff1a}.orbit-one{width:276px;height:276px;transform:translate(-50%,-50%);border-style:dashed;animation:rotate 80s linear infinite}.orbit-one:after{content:"";position:absolute;inset:10px;border:1px solid #d0eaff5c;border-radius:50%}.orbit-two{width:236px;height:236px;transform:translate(-50%,-50%) rotateX(36deg) rotate(-28deg);border-width:2px;box-shadow:0 0 16px #c4e7ff69}.orbit-three{width:312px;height:312px;transform:translate(-50%,-50%);border-color:#bcdeff36}.orbit-three:before,.orbit-three:after{content:"✧";position:absolute;font-size:28px;top:43%;left:-12px;color:#e4f7ff;text-shadow:0 0 15px #d8eeff}.orbit-three:after{left:auto;right:-12px}.portal-diamond{position:absolute;width:197px;height:197px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(45deg);border:1px solid #c9e7ff7a}.portal-diamond:after{content:"";position:absolute;inset:12px;border:1px solid #c9e7ff2e}.portal-core{position:absolute;left:50%;top:46%;width:100px;height:148px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 17px #c3eeff);animation:levitate 4s ease-in-out infinite}.portal-core svg{width:100%;height:100%}.rune{position:absolute;color:#e4f5ff;font-size:22px;text-shadow:0 0 10px #a3d5ff}.rune-top{left:calc(50% - 9px);top:4px}.rune-bottom{left:calc(50% - 9px);bottom:13px}.rune-left{left:55px;top:44px;font-size:13px}.rune-right{right:53px;bottom:62px;font-size:13px}.portal-star{position:absolute;text-shadow:0 0 15px #fff;color:#d9f2ff}.s1{left:18%;top:65%;font-size:24px}.s2{right:19%;top:18%;font-size:13px}.s3{right:4%;top:69%;font-size:19px}.ground-ring{position:absolute;bottom:-7px;left:15%;width:70%;height:33px;border:1px solid #c6e9ff8c;border-radius:50%;box-shadow:0 0 19px #b9e7ff50,inset 0 0 15px #c1e4ff3b}.summon-caption{margin-top:13px}.summon-caption>span{font:24px var(--serif);letter-spacing:5px;text-shadow:0 0 15px #d0eaff85}.summon-caption p{font-size:11px;color:#c1d4e6;letter-spacing:2px;margin:9px 0 19px}.pity{width:290px;max-width:100%;margin:auto;font-size:11px;color:#bcd1e7}.pity b{color:var(--gold);font:15px Georgia,serif;margin:0 6px}.pity-track{height:3px;background:#b9d7ef25;margin:8px 0}.pity-track i{display:block;height:100%;background:var(--gold);width:0;transition:width .5s}.pity small{font-size:10px;letter-spacing:.3px}.draw-actions{display:flex;gap:15px;justify-content:center;margin:21px 0 12px}.draw-button{position:relative;min-width:160px;padding:11px 25px 8px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border:1px solid #bedfff;background:linear-gradient(110deg,#b6d9f524,#a1c8ef0c);box-shadow:inset 0 0 15px #b5ddff20}.draw-button>span{display:block;font:18px var(--serif);letter-spacing:3px}.draw-button>small{font:12px/1.8 Georgia,serif;letter-spacing:1px;color:#cfdfed}.draw-button.ten{background:linear-gradient(110deg,#ebdfbd,#c2ab78);color:#39455a;border-color:#fff3ce;box-shadow:inset 0 0 14px #fff0c8}.draw-button.ten small{color:#565449}.draw-button b{font:10px Georgia,serif;letter-spacing:0;margin-left:3px}.skip{font-size:10px;color:#afc8df;display:inline-flex;gap:6px;align-items:center;cursor:pointer}.skip input{accent-color:#b5d7f3;width:11px;height:11px}.featured{padding:21px 20px 0;overflow:hidden}.featured h2{font:21px/1.6 var(--serif);letter-spacing:3px;margin:18px 0 0}.featured h2 span{font:10px/2.8 "Microsoft YaHei",sans-serif;color:var(--muted);display:block;letter-spacing:0}.featured-art{height:176px;position:relative;display:grid;place-items:center;margin:8px 0}.featured-art svg{position:relative;width:148px;height:156px;transform:rotate(23deg);filter:drop-shadow(0 0 13px #ffe7a46b)}.art-halo{position:absolute;width:150px;height:150px;border:1px solid #ecd9a74d;border-radius:50%;background:radial-gradient(#e9ce8338,transparent 65%)}.art-halo:before{content:"";position:absolute;inset:16px;transform:rotate(45deg);border:1px solid #f2dda448}.legend-stars{position:absolute;bottom:-3px;letter-spacing:7px;font-size:11px;color:var(--gold);text-shadow:0 0 10px #f9d692}.featured-name{text-align:center;margin:17px 0 22px}.featured-name small{font:10px Georgia,serif;letter-spacing:3px;color:var(--gold)}.featured-name h3{font:25px/1.5 var(--serif);letter-spacing:4px;color:#f2e4c3;margin:8px 0}.featured-name p{font-size:11px;color:var(--muted);margin:4px 0}.featured-bottom{border-top:1px solid var(--line);padding:14px 0;display:flex;justify-content:space-between;font-size:10px;color:#afc8df}.featured-bottom button{font-size:10px;color:#e0ebf6;padding:0}.mini-note{display:flex;justify-content:center;gap:13px;align-items:center;color:#b7cee5;margin-top:20px}.mini-note>span{font-size:32px}.mini-note p{font:11px/2 var(--serif);letter-spacing:3px}.mini-note b{font-weight:400;color:#d4e6f6}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0;margin-top:33px;font-size:10px;color:#acc3da;letter-spacing:1px}footer>span:nth-child(2){font-family:var(--serif);letter-spacing:4px}footer i{width:4px;height:4px}.collection-view{min-height:500px;padding:30px;max-width:1250px;margin:auto}.view-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.view-title h2{font:28px var(--serif);letter-spacing:5px;margin:9px 0}.view-title>span{font-size:12px;color:var(--muted)}.reward-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.reward-card{padding:20px 12px;text-align:center;border:1px solid var(--rarity,#afd7f9);background:linear-gradient(150deg,color-mix(in srgb,var(--rarity) 17%,transparent),#10243b8c);position:relative;animation:reveal .5s ease both;overflow:hidden}.reward-card .item-symbol{display:block;font:42px/1.8 var(--serif);color:var(--rarity);text-shadow:0 0 25px var(--rarity)}.reward-card h3{font:17px var(--serif);letter-spacing:2px;margin:6px 0}.reward-card small{font-size:11px;color:var(--rarity)}.reward-card p{font-size:11px;color:var(--muted);margin:9px 0 0}.reward-card .quantity{position:absolute;right:9px;top:7px;font:11px Georgia,serif}.reward-card .rarity-tag{font:10px Georgia,serif;letter-spacing:2px;color:var(--rarity)}.empty-state{text-align:center;padding:90px 10px;color:var(--muted);grid-column:1/-1}.empty-state span{font-size:50px;display:block;color:#d2eaff}.empty-state h3{font:23px var(--serif);color:#e2f2ff}.empty-state button{margin-top:10px;color:var(--gold);text-decoration:underline}.history-row{display:grid;grid-template-columns:55px 1fr 100px 170px;gap:14px;align-items:center;padding:13px 12px;border-bottom:1px solid var(--line)}.history-row .item-symbol{color:var(--rarity);font-size:25px}.history-row b{font-weight:400}.history-row small{color:var(--muted);font-size:12px}.history-row .rarity-tag{color:var(--rarity);font-size:12px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.25s;z-index:20;padding:13px 25px;background:#142b46f5;border:1px solid #a3cef49c;box-shadow:0 0 35px #10223c80;color:#e0efff;font-size:13px;max-width:90vw;width:max-content;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{color:#e8f5ff;background:linear-gradient(140deg,#263f5ff5,#0e223aFA);border:1px solid #b5dfff9c;box-shadow:0 0 80px #acd4ff25;max-width:920px;width:calc(100% - 40px);padding:30px;max-height:88dvh;overflow:auto}dialog::backdrop{background:#06162ec7;backdrop-filter:blur(8px)}.modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:24px}.modal-head h2{font:29px var(--serif);letter-spacing:4px;margin:9px 0 0}.modal-head .icon-button{font-size:26px}.modal-head .eyebrow{font-size:9px}.modal-note{font-size:12px;color:var(--muted);line-height:2;margin:0 0 20px}.modal-rules{font-size:14px;color:#d2e2f1;line-height:2}.modal-rules p{margin:12px 0}.rates{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.rates>div{border:1px solid var(--line);padding:15px;text-align:center}.rates b{display:block;font:25px/1.5 Georgia,serif;color:var(--gold)}#modal-footer{text-align:center}#modal-footer .draw-button{margin-top:26px}.single-result{max-width:250px;margin:auto}.single-result .item-symbol{font-size:70px}.single-result .reward-card{padding:30px 15px}.summoning.is-drawing .portal{animation:portal-charge 1.4s ease-in forwards}.summoning.is-drawing .orbit-one{animation:rotate .8s linear infinite}.summoning.is-drawing .portal-core{filter:drop-shadow(0 0 45px #fff)}body.flash:after{content:"";position:fixed;inset:0;pointer-events:none;background:#e5f4ff;animation:flash .7s ease-out forwards;z-index:9}[hidden]{display:none!important}@keyframes rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes levitate{50%{transform:translate(-50%,calc(-50% - 10px))}}@keyframes drift{from{transform:translateY(20px);opacity:0}20%{opacity:.65}80%{opacity:.65}to{transform:translateY(-180px);opacity:0}}@keyframes reveal{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}@keyframes portal-charge{50%{filter:brightness(1.4);transform:scale(1.02)}to{filter:brightness(2);transform:scale(1.09)}}@keyframes flash{from{opacity:.8}to{opacity:0}}
@media(min-width:1500px){.page-heading{padding-top:44px}.summon-layout{gap:48px}.portal{margin-top:24px;height:360px}.orbit-one{width:300px;height:300px}.orbit-two{width:260px;height:260px}.orbit-three{width:336px;height:336px}.portal-diamond{width:214px;height:214px}.left-column,.right-column{padding-top:29px}.app-shell{padding:0 65px}}
@media(max-width:1100px){.app-shell{padding:0 25px}.summon-layout{grid-template-columns:220px minmax(300px,1fr);gap:24px}.right-column{display:none}.connection{display:none}.portal{height:320px}.reward-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:650px){.app-shell{padding:0 18px}.topbar{height:76px;gap:5px}.brand{font-size:21px;letter-spacing:3px;gap:7px}.brand-star{font-size:39px}.brand-en{font-size:7px;letter-spacing:2px}.top-actions{gap:9px}.currency{gap:5px}.currency b{font-size:17px}.currency small{display:none}.icon-button{width:29px;height:29px;font-size:17px}#fullscreen{display:none}.page-heading{padding:25px 0 13px}.title-line{gap:13px}.title-line h1{font-size:35px;letter-spacing:8px;margin-right:-8px}.title-line>span{width:35px}.title-line i{font-size:16px}.page-heading .eyebrow{font-size:8px;letter-spacing:3px}.page-heading p{font-size:11px;letter-spacing:3px}.tabs{gap:12px;margin-bottom:23px}.tab{padding:10px 7px}.tab span{font-size:12px;letter-spacing:1px}.summon-layout{display:flex;flex-direction:column;gap:24px}.summoning{width:100%;order:0}.left-column{order:1;padding:0;width:100%;display:grid;grid-template-columns:1fr}.host-card{display:none}.notice-card{margin:0;padding:17px 20px}.notice-card p{font-size:12px}.notice-card .gift{margin-top:12px;padding-top:12px}.notice-card .quiet-note{display:none}.rules-link{margin-top:13px}.portal{height:306px;width:320px;max-width:100%;margin-top:4px}.orbit-three{width:284px;height:284px}.orbit-one{width:258px;height:258px}.orbit-two{width:223px;height:223px}.portal-diamond{width:181px;height:181px}.rune-top{top:0}.rune-bottom{bottom:11px}.portal-core{width:90px}.ground-ring{bottom:-1px}.summon-caption{margin-top:13px}.summon-caption>span{font-size:22px;letter-spacing:4px}.summon-caption p{font-size:10px}.draw-actions{gap:12px}.draw-button{min-width:0;flex:1;max-width:190px;padding:12px 17px 9px}.draw-button>span{font-size:17px}.pity small{font-size:10px}.skip{font-size:11px}footer{margin-top:24px;font-size:9px}footer>span:nth-child(2){display:none}.reward-grid{grid-template-columns:repeat(2,1fr);gap:10px}.collection-view{padding:20px 15px;min-height:450px}.view-title{align-items:start;gap:15px}.view-title .eyebrow{font-size:8px}.view-title>span{font-size:10px}.view-title h2{font-size:24px}.history-row{grid-template-columns:32px 1fr 66px;gap:8px;padding:12px 0}.history-row small{grid-column:2/-1;font-size:10px}.history-row b{font-size:12px}.history-row .rarity-tag{font-size:10px}dialog{padding:22px 17px;width:calc(100% - 24px)}.modal-head h2{font-size:23px}.reward-card{padding:16px 9px}.reward-card h3{font-size:16px}.reward-card p{font-size:10px}.rates{gap:8px}.rates>div{padding:12px 5px;font-size:12px}.rates b{font-size:21px}.modal-rules{font-size:12px}.single-result{max-width:220px}}
.host-row{font-size:13px}.notice-card p{font-size:13px}.notice-card .quiet-note{font-size:11px}.gift>div,.gift button{font-size:12px}.summon-caption p{font-size:12px}.pity{font-size:12px}.pity small,.skip{font-size:12px}.featured-name p{font-size:12px}.featured-bottom,.featured-bottom button{font-size:12px}.pool-tag{font-size:12px}.rules-link{font-size:13px}.host-title small{font-size:12px}
@media(min-width:651px) and (max-height:900px){.topbar{height:72px}.page-heading{padding:16px 0 8px}.title-line h1{font-size:36px}.page-heading p{margin:1px 0}.tabs{margin-bottom:16px}.tab{padding:8px 14px}.left-column,.right-column{padding-top:8px}.portal{height:270px;margin-top:0}.orbit-one{width:232px;height:232px}.orbit-two{width:204px;height:204px}.orbit-three{width:262px;height:262px}.portal-diamond{width:164px;height:164px}.portal-core{width:85px;height:125px}.rune-top{top:-6px}.rune-bottom{bottom:4px}.summon-caption{margin-top:12px}.summon-caption p{margin:5px 0 10px}.draw-actions{margin:13px 0 8px}.draw-button{padding-top:8px;padding-bottom:6px}.host-card,.notice-card{padding:17px}.notice-card{margin-top:17px}.host-title{margin-top:16px}.host-divider{margin:14px 0 10px}.host-row{margin:7px 0}.featured{padding:17px 17px 0}.featured-art{height:136px;margin:0}.featured-art svg{height:127px}.art-halo{height:128px;width:128px}.featured h2{margin-top:12px}.featured-name{margin:13px 0}.featured-name h3{font-size:23px;margin:5px 0}.mini-note{margin-top:10px}footer{margin-top:20px;padding:13px 0}}
@media(max-width:650px){.portal{height:276px;width:300px}.orbit-three{width:258px;height:258px}.orbit-one{width:236px;height:236px}.orbit-two{width:201px;height:201px}.portal-diamond{width:162px;height:162px}.portal-core{width:78px}.page-heading{padding-top:18px}.summon-caption p{font-size:11px}.pity small{font-size:11px}.summon-caption{margin-top:9px}.summon-caption p{margin-bottom:13px}.draw-actions{margin-top:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.flower-icon{display:inline-block;width:22px;height:22px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 0 4px #ff8d6b30)}.currency .flower-icon{width:31px;height:31px}.draw-button>small{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:3px}.draw-button>small .flower-icon{width:21px;height:21px}.gift small .flower-icon{width:17px;height:17px}.summon-cinematic{--summon-color:#bceaff;position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden;border:0;background:#07162cf2;isolation:isolate}.summon-cinematic::backdrop{background:#06152be8}.cinematic-background{position:absolute;inset:0;background:linear-gradient(#0b2041c9,#081932e3),url('assets/background.a89945de0a7e.webp') center/cover;z-index:-3;animation:cinema-enter .7s ease both}.cinematic-topline{position:absolute;top:10%;width:100%;text-align:center;color:#c1dcf4;font:12px Georgia,serif;letter-spacing:3px;opacity:.65}.cinematic-stage{position:absolute;left:50%;top:47%;width:min(440px,90vw);aspect-ratio:1;transform:translate(-50%,-50%)}.cinematic-ring{position:absolute;inset:8%;border:1px solid #cbebffab;border-radius:50%;box-shadow:0 0 30px #bceaff30,inset 0 0 24px #bceaff15;transition:border-color 1s,box-shadow 1s;animation:cinema-spin 16s linear infinite}.cinematic-ring:before,.cinematic-ring:after{content:'✧';position:absolute;font-size:35px;line-height:1;top:calc(50% - 18px);left:-17px;color:#dcf5ff;text-shadow:0 0 18px currentColor}.cinematic-ring:after{left:auto;right:-17px}.ring-b{inset:16%;border-radius:0;animation-direction:reverse;animation-duration:20s;transform:rotate(45deg)}.ring-c{inset:1%;border-style:dashed;opacity:.5;animation-duration:24s}.cinematic-sigil{position:absolute;inset:20%;display:grid;place-items:center;font:180px/1 Georgia,serif;color:#d4f3ff;text-shadow:0 0 30px #aaddff,0 0 65px #aaddff80;animation:sigil-breathe 1.4s ease-in-out infinite;transition:color .8s,text-shadow .8s,transform .8s}.cinematic-flowers img{position:absolute;left:calc(50% - 21px);top:calc(50% - 21px);width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 14px #ffaca450);opacity:0;animation:flower-offering 1.4s var(--delay) ease-in both}.cinematic-rays{position:absolute;inset:-70%;background:repeating-conic-gradient(from 0deg,transparent 0deg 14deg,#ccefff0d 16deg,transparent 19deg 30deg);opacity:0;transition:opacity 1.2s;animation:cinema-spin 45s linear infinite;z-index:-1}.cinematic-copy{position:absolute;left:20px;right:20px;top:78%;text-align:center}.cinematic-copy>span{font:30px/1.5 var(--serif);letter-spacing:6px;text-shadow:0 0 18px #c4eaff85}.cinematic-copy p{font-size:13px;letter-spacing:3px;color:#b5cde4;margin-top:12px}.skip-cinematic{position:absolute;right:max(40px,env(safe-area-inset-right));bottom:max(30px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:16px;padding:12px 22px;background:#0b1b32a6;border:1px solid #cbe7ff65;border-radius:3px;color:#e5f4ff;font-size:14px;letter-spacing:2px;z-index:5}.skip-cinematic span{font-size:22px;line-height:1}.skip-cinematic:hover{background:#658cb64d}.cinematic-burst{position:absolute;inset:45%;border-radius:50%;background:#ecfaff;box-shadow:0 0 80px 25px var(--summon-color);opacity:0;pointer-events:none}.summon-cinematic[data-phase='charging'] .cinematic-ring{animation-duration:2.4s;box-shadow:0 0 45px #cceaff7a,inset 0 0 35px #cceaff40}.summon-cinematic[data-phase='charging'] .cinematic-sigil{transform:scale(1.2);text-shadow:0 0 40px #fff,0 0 90px #bceaff}.summon-cinematic[data-phase='charging'] .cinematic-rays{opacity:.65}.summon-cinematic[data-phase='reveal'] .cinematic-rays{opacity:1;background:repeating-conic-gradient(from 0deg,transparent 0deg 14deg,color-mix(in srgb,var(--summon-color) 16%,transparent) 16deg,transparent 19deg 30deg)}.summon-cinematic[data-phase='reveal'] .cinematic-ring{border-color:var(--summon-color);box-shadow:0 0 50px color-mix(in srgb,var(--summon-color) 45%,transparent);animation-duration:5s}.summon-cinematic[data-phase='reveal'] .cinematic-sigil{color:var(--summon-color);text-shadow:0 0 35px var(--summon-color),0 0 90px var(--summon-color);transform:scale(1.3)}.summon-cinematic[data-phase='reveal'] .cinematic-copy>span{color:var(--summon-color)}.summon-cinematic[data-phase='reveal'] .cinematic-burst{animation:cinema-burst 1.25s ease-out both}@keyframes flower-offering{0%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--turn)) scale(.9)}15%{opacity:1}65%{opacity:1}100%{opacity:0;transform:translate(0,0) rotate(240deg) scale(.12)}}@keyframes cinema-spin{to{transform:rotate(360deg)}}@keyframes sigil-breathe{50%{filter:brightness(1.45)}}@keyframes cinema-burst{0%{opacity:.9;transform:scale(.2)}100%{opacity:0;transform:scale(15)}}@keyframes cinema-enter{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media(max-width:650px){.cinematic-topline{top:12%;font-size:9px}.cinematic-stage{width:82vw;top:44%}.cinematic-sigil{font-size:130px}.cinematic-copy{top:72%}.cinematic-copy>span{font-size:22px;letter-spacing:3px}.cinematic-copy p{font-size:11px;letter-spacing:1px}.skip-cinematic{right:20px;bottom:max(24px,env(safe-area-inset-bottom));padding:10px 16px;font-size:13px}.cinematic-flowers img{width:32px;height:32px;left:calc(50% - 16px);top:calc(50% - 16px)}}@media(prefers-reduced-motion:reduce){.summon-cinematic *{animation:none!important;transition:none!important}}

.reward-image{display:block;width:100%;aspect-ratio:1;object-fit:contain;margin:14px auto 12px;border-radius:3px;background:#10223a}.reward-card{display:flex;flex-direction:column;align-items:center}.reward-card h3{font-family:"Microsoft YaHei",sans-serif;font-size:15px;line-height:1.65;letter-spacing:.5px}.reward-card p{font-size:12px;line-height:1.7}.reward-card .rarity-tag{align-self:flex-start;font-size:11px;letter-spacing:1px}.reward-card .quantity{top:17px}.pool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pool-grid .reward-image{max-height:220px}.pool-grid .reward-card{padding:17px}.history-image{width:42px;height:42px;object-fit:cover;border:1px solid var(--rarity);border-radius:4px}.single-result{max-width:320px}.single-result .reward-card{padding:18px}.single-result .reward-image{margin-top:12px}.single-result .reward-card h3{font-size:21px}.featured-art .featured-reward-image{width:100%;height:100%;object-fit:contain;border-radius:3px;position:relative}.featured-name h3{font-size:22px;letter-spacing:2px}.featured-art{margin:12px 0 0}.featured-art .legend-stars{bottom:3px;padding:2px 8px;background:#182941ab}.featured h2{font-size:20px}.free-draw-button{display:block;margin:0 auto 10px;padding:8px 20px;border:1px solid #b7dfec9c;color:#d9f7ff;background:#385e834f;font-size:13px;letter-spacing:1px}.free-draw-button[hidden]{display:none}.pool-grid+.modal-note{margin-top:18px}@media(max-width:650px){.pool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pool-grid .reward-card,.reward-card{padding:12px 9px}.reward-card h3{font-size:13px;letter-spacing:0}.reward-card p{font-size:11px}.reward-card .rarity-tag{font-size:10px;letter-spacing:0}.reward-card .quantity{top:10px;right:7px;font-size:10px}.reward-image{margin:12px auto 8px}.history-image{width:30px;height:30px}.brand{font-size:19px;letter-spacing:2px}.brand-en{letter-spacing:1px}.free-draw-button{font-size:12px}.single-result .reward-card h3{font-size:19px}}

/* The app fills the viewport; only long collections scroll inside their panels. */
html,body{width:100%;height:100%;overflow:hidden}
.app-shell{width:100%;max-width:none;height:100dvh;display:flex;flex-direction:column;padding:0 clamp(20px,4.2vw,90px)}
.topbar{flex:0 0 clamp(60px,8dvh,96px);height:auto;min-height:0}
main{flex:1;min-height:0;display:flex;flex-direction:column}
.page-heading{flex:none;padding:clamp(8px,1.5dvh,20px) 0 clamp(5px,1dvh,12px)}
.title-line h1{font-size:clamp(30px,4.5dvh,48px);line-height:1.35}
.page-heading p{margin:3px 0;font-size:12px}
.tabs{flex:none;margin:0 auto clamp(10px,1.8dvh,24px)}
.tab{padding:8px 14px}
.view{min-height:0;flex:1}
.summon-layout{height:100%;max-width:1800px;grid-template-columns:minmax(230px,1fr) minmax(330px,1.8fr) minmax(225px,1fr);gap:clamp(24px,3.4vw,70px);align-items:stretch}
.left-column,.right-column{min-height:0;padding-top:8px;overflow-y:auto;scrollbar-width:none}
.left-column::-webkit-scrollbar,.right-column::-webkit-scrollbar{display:none}
.host-card{padding:clamp(16px,2dvh,25px)}
.host-title{margin-top:16px}.host-divider{margin:16px 0 10px}.host-row{margin:8px 0}
.notice-card{margin-top:clamp(12px,2dvh,24px);padding:clamp(15px,2dvh,24px)}
.notice-card .gift{margin-top:12px;padding-top:12px}
.summoning{min-height:0;display:flex;flex-direction:column;align-items:center;padding-bottom:2px}
.pool-tag{flex:none}
.portal{flex:1;min-height:0;width:100%;max-width:490px;height:auto;margin:0 auto;max-height:540px}
.orbit-one{height:79%;width:auto;max-height:390px;aspect-ratio:1}
.orbit-two{height:68%;width:auto;max-height:336px;aspect-ratio:1}
.orbit-three{height:89%;width:auto;max-height:440px;aspect-ratio:1}
.portal-diamond{height:55%;width:auto;max-height:273px;aspect-ratio:1}
.portal-core{height:43%;width:auto;max-height:180px;aspect-ratio:100/148}
.rune-top{top:1%;left:calc(50% - 9px)}.rune-bottom{bottom:5%;left:calc(50% - 9px)}.rune-left{left:22%;top:17%}.rune-right{right:22%;bottom:18%}
.ground-ring{bottom:0;height:8%;max-height:30px;left:20%;width:60%}
.summon-caption{flex:none;margin-top:10px}.summon-caption>span{font-size:clamp(19px,2.5dvh,28px)}.summon-caption p{margin:5px 0 11px}
.pity{flex:none;margin:0 auto;width:min(330px,100%)}
.draw-actions{flex:none;width:100%;margin:clamp(10px,1.6dvh,20px) 0 8px}
.draw-button{padding:9px 22px 7px;min-height:60px}.draw-button>span{font-size:18px}
.free-draw-button{flex:none;padding:6px 20px;margin-bottom:7px}
.skip{flex:none}
.featured{padding:20px 20px 0}.featured h2{margin-top:16px}.featured-art{display:block;height:clamp(140px,22dvh,280px);margin-top:8px}.featured-art .featured-reward-image{display:block;max-width:100%;max-height:100%;object-fit:contain}.featured-name{margin:16px 0}.featured-name h3{font-size:23px}
.mini-note{margin-top:12px}
.featured-art .legend-stars{left:50%;transform:translateX(-50%);white-space:nowrap}
footer{flex:none;margin-top:clamp(10px,1.8dvh,22px);padding:clamp(8px,1.3dvh,16px) 0}
.collection-view{width:100%;min-height:0;max-width:1800px;overflow-y:auto;scrollbar-width:none}
.collection-view::-webkit-scrollbar,dialog::-webkit-scrollbar{display:none}
dialog{scrollbar-width:none}
footer{justify-content:center}footer>span{font-family:var(--serif);letter-spacing:4px}
@media(max-width:1100px) and (min-width:651px){.summon-layout{grid-template-columns:minmax(210px,.9fr) minmax(300px,1.6fr)}.right-column{display:none}.app-shell{padding:0 25px}}
@media(min-width:651px) and (max-height:720px){.page-heading{padding:7px 0 4px}.page-heading>.eyebrow{display:none}.page-heading p{font-size:11px}.title-line h1{font-size:30px}.tabs{margin-bottom:8px}.tab{padding:6px 14px}.host-title{margin-top:10px}.host-card{padding:14px}.host-divider{margin:10px 0}.host-row{margin:5px 0}.notice-card{padding:13px;margin-top:12px}.notice-card h2{margin-bottom:6px}.notice-card p{line-height:1.7;margin:6px 0}.notice-card .quiet-note{display:none}.rules-link{margin-top:10px}.summon-caption p{display:none}.summon-caption{margin:8px 0}.pity small{font-size:11px}.pity-track{margin:5px 0}.draw-actions{margin:8px 0 5px}.draw-button{min-height:52px;padding:6px 20px}.draw-button>span{font-size:17px}.free-draw-button{padding:3px 14px}.featured{padding:14px 14px 0}.featured h2{margin-top:9px}.featured-art{height:140px}.featured-name{margin:10px 0}.featured-name h3{font-size:20px}.mini-note{display:none}footer{margin-top:8px;padding:7px 0}}
@media(max-width:650px){.app-shell{padding:0 16px}.topbar{flex-basis:58px}.brand{font-size:18px;letter-spacing:2px}.brand-star{font-size:32px}.brand-en{font-size:7px;letter-spacing:1px}.top-actions{gap:7px}.currency .flower-icon{width:25px;height:25px}.page-heading{padding:8px 0 5px}.title-line h1{font-size:29px}.page-heading>.eyebrow{font-size:7px;letter-spacing:2px}.page-heading p{font-size:10px}.tabs{margin-bottom:8px;gap:12px}.tab{padding:6px 7px}.tab span{font-size:12px}.summon-layout{display:flex;flex-direction:column;gap:9px}.summoning{flex:1;min-height:0;padding:0}.pool-tag{font-size:10px}.portal{width:100%;max-width:320px;max-height:none}.orbit-three{height:88%;max-height:280px}.orbit-one{height:78%;max-height:249px}.orbit-two{height:68%;max-height:216px}.portal-diamond{height:55%;max-height:175px}.portal-core{height:43%;max-height:125px}.rune{font-size:15px}.portal-star{font-size:14px}.summon-caption{margin:6px 0 0}.summon-caption>span{font-size:20px;letter-spacing:3px}.summon-caption p{font-size:10px;margin:3px 0 7px}.pity{font-size:11px}.pity-track{margin:5px 0}.pity small{font-size:10px}.draw-actions{margin:8px 0 5px;gap:12px}.draw-button{min-height:52px;padding:6px 14px}.draw-button>span{font-size:17px}.draw-button>small{font-size:11px}.skip{font-size:10px}.free-draw-button{padding:4px 15px;font-size:11px;margin-bottom:5px}.left-column{flex:none;padding:0;overflow:visible;display:block}.notice-card{padding:10px 13px;margin:0}.notice-card h2,.notice-card #system-message,.notice-card .quiet-note{display:none}.notice-card .gift{margin:0;padding:0;border:0}.gift>div{display:flex;align-items:center;gap:12px}.gift small{margin:0}.gift button{font-size:12px}.rules-link{margin-top:5px;font-size:11px}.right-column{display:none}footer{margin-top:8px;padding:6px 0;font-size:9px}.collection-view{padding:17px 12px}.view-title{margin-bottom:15px}}
@media(max-width:650px){.notice-card{display:none}}
@media(max-width:650px) and (max-height:650px){.topbar{flex-basis:49px}.page-heading>.eyebrow,.page-heading p,.summon-caption{display:none}.page-heading{padding:5px 0 2px}.title-line h1{font-size:25px}.tabs{margin-bottom:5px}.tab{padding:5px 7px}.summon-layout{gap:6px}.pool-tag{font-size:9px}.draw-actions{margin:6px 0 3px}.pity small{font-size:9px}.skip{font-size:9px}.notice-card{padding:7px 10px}footer{margin-top:5px;padding:4px 0}}

/* Reserve space for the heading and action; scale the reward artwork into the remainder. */
#modal[data-mode^="result-"]{width:min(1320px,96vw);height:min(920px,94dvh);max-width:none;max-height:none;padding:clamp(14px,2.2dvh,28px);overflow:hidden}
#modal[data-mode^="result-"][open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,1.8dvh,20px)}
#modal[data-mode^="result-"] .modal-head{margin:0;padding-bottom:clamp(10px,1.5dvh,18px);gap:12px}
#modal[data-mode^="result-"] .modal-head h2{font-size:clamp(22px,3.2dvh,32px);line-height:1.4;margin:7px 0 0}
#modal[data-mode^="result-"] #modal-content{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(8px,1.3dvh,16px)}
#modal[data-mode^="result-"] .modal-note{margin:0;line-height:1.7;font-size:12px}
#modal[data-mode^="result-"] #modal-footer{min-height:0}
#modal[data-mode^="result-"] #modal-footer .draw-button{margin:0;min-height:44px;padding:9px 26px}
#modal[data-mode^="result-"] .reward-card{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-items:stretch;gap:8px;padding:clamp(10px,1.5dvh,18px)}
#modal[data-mode^="result-"] .reward-image{width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain;margin:0;background:transparent}
#modal[data-mode^="result-"] .reward-card h3{margin:0;font-size:clamp(12px,1.65dvh,17px);line-height:1.5;overflow-wrap:anywhere}
#modal[data-mode^="result-"] .rarity-tag{font-size:12px;line-height:1.5}
#modal[data-mode="result-ten"] .reward-grid{min-height:0;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(8px,1.4vw,18px)}
#modal[data-mode="result-single"]{width:min(700px,94vw)}
#modal[data-mode="result-single"] .single-result{min-height:0;max-width:420px;width:100%;height:100%;margin:0 auto}
#modal[data-mode="result-single"] .reward-card{height:100%}
@media(max-width:650px){
 #modal[data-mode^="result-"]{width:calc(100vw - 16px);height:calc(100dvh - 20px);padding:12px}
 #modal[data-mode^="result-"][open]{gap:10px}
 #modal[data-mode^="result-"] .modal-head{padding-bottom:9px}
 #modal[data-mode^="result-"] .modal-head h2{font-size:20px;letter-spacing:1px;margin-top:4px}
 #modal[data-mode^="result-"] .modal-head .eyebrow{font-size:8px;letter-spacing:2px}
 #modal[data-mode^="result-"] .modal-note{font-size:11px;line-height:1.5}
 #modal[data-mode^="result-"] #modal-content{gap:9px}
 #modal[data-mode="result-ten"] .reward-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:7px}
 #modal[data-mode="result-ten"] .reward-card{grid-template-columns:minmax(35px,.8fr) minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:6px;row-gap:3px;padding:7px}
 #modal[data-mode="result-ten"] .reward-image{grid-column:1;grid-row:1/3;align-self:center;height:100%;max-height:72px}
 #modal[data-mode="result-ten"] .rarity-tag{grid-column:2;grid-row:1;align-self:end;text-align:left;font-size:10px;letter-spacing:0}
 #modal[data-mode="result-ten"] .reward-card h3{grid-column:2;grid-row:2;align-self:start;text-align:left;font-size:12px;line-height:1.4;letter-spacing:0}
 #modal[data-mode^="result-"] #modal-footer .draw-button{min-height:42px;padding:7px 25px}
 #modal[data-mode^="result-"] #modal-footer .draw-button>span{font-size:16px}
}
@media(max-width:650px) and (max-height:620px){
 #modal[data-mode^="result-"]{padding:9px}
 #modal[data-mode^="result-"][open]{gap:7px}
 #modal[data-mode^="result-"] .modal-head .eyebrow{display:none}
 #modal[data-mode^="result-"] .modal-head h2{font-size:18px;margin:0}
 #modal[data-mode^="result-"] .modal-head{padding-bottom:6px}
 #modal[data-mode="result-ten"] .reward-grid{gap:5px}
 #modal[data-mode="result-ten"] .reward-card{padding:5px;column-gap:5px}
 #modal[data-mode="result-ten"] .reward-card h3{font-size:11px}
}

#modal[data-mode^="result-"] .reward-card h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:3em}

[hidden]{display:none!important}
.account-action{border:1px solid #98c5e15c;background:#91c9f312;border-radius:4px;color:#dfedff;padding:9px 15px;cursor:pointer;font:inherit;white-space:nowrap}
.account-action:hover{background:#a2d7fb25;border-color:#b3dffd}.account-action:disabled{opacity:.45;cursor:wait}
#account-button{font-size:12px;max-width:170px;overflow:hidden;text-overflow:ellipsis;padding:7px 10px}
.topbar .connection{display:none}.host-title h2{overflow-wrap:anywhere}
.auth-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:linear-gradient(120deg,#071b37a8,#10294372);backdrop-filter:blur(9px);padding:22px;overflow:auto;scrollbar-width:none}
.auth-card{position:relative;width:min(430px,100%);border:1px solid #b0d4f27a;padding:32px 38px;background:linear-gradient(145deg,#294462ef,#142b48f5);box-shadow:0 20px 100px #030f2d66;text-align:center}
.auth-sigil{font-size:55px;line-height:1;color:#c8ecff;text-shadow:0 0 25px #99d9ff}.auth-card h1{font:34px var(--serif);letter-spacing:8px;margin:16px 0 7px}.auth-card>.eyebrow{font-size:9px;letter-spacing:4px}.auth-intro{font-size:13px;color:#adbed3;margin:20px 0}
.auth-tabs,.admin-tabs{display:flex;border-bottom:1px solid #a0c5e33a;margin:18px 0;gap:22px}.auth-tabs button,.admin-tabs button{border:0;background:none;color:#a9bfd7;padding:10px 4px;font:inherit;cursor:pointer;border-bottom:2px solid transparent}.auth-tabs button{flex:1}.auth-tabs button.active,.admin-tabs button.active{color:#ecf5ff;border-color:#d2eaff}
.account-form{text-align:left;display:grid;gap:13px}.account-form label{display:grid;gap:7px;font-size:12px;color:#bdd1e6}.account-form input,.account-form select,#player-search{width:100%;min-width:0;background:#0d213b99;border:1px solid #8caecc66;color:#e0eeff;border-radius:3px;padding:11px 12px;font:14px inherit;outline:none;box-sizing:border-box}.account-form input:focus,.account-form select:focus,#player-search:focus{border-color:#ceeaff;box-shadow:0 0 0 2px #b3dcff18}.account-form input::placeholder,#player-search::placeholder{color:#849db9}.account-form select option{background:#142c49;color:#e0eeff}.account-form .primary-action{background:linear-gradient(120deg,#dceefa,#aac8e2);color:#173149;border:0;border-radius:3px;padding:13px;font:inherit;cursor:pointer;font-weight:bold}.primary-action:disabled{opacity:.55;cursor:wait}.form-message{font-size:12px;line-height:1.6;color:#f1c0b4;min-height:19px;margin:0;overflow-wrap:anywhere}.form-message.success{color:#b7e2c6}.auth-foot{font-size:11px;line-height:1.8;color:#91abc4;margin:16px 0 0}.auth-foot span{display:block}
#account-dialog{width:min(430px,calc(100vw - 32px));padding:30px;text-align:center}#account-dialog h2{font:30px var(--serif);margin:24px 0 10px}#account-dialog p{color:#a8c0da;font-size:13px;margin-bottom:24px}#account-dialog [data-close-dialog]{position:absolute;right:12px;top:12px}
#admin-dialog{width:calc(100vw - 40px);max-width:1320px;height:calc(100dvh - 40px);max-height:none;padding:clamp(16px,3vw,36px);overflow:hidden;background:linear-gradient(130deg,#253f5b,#10253e);box-sizing:border-box}
#admin-dialog[open]{display:flex;flex-direction:column;gap:0}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:none}.admin-head h2{font:30px var(--serif);letter-spacing:4px;margin:9px 0 0}.admin-head .eyebrow{font-size:9px;letter-spacing:3px}.admin-head-actions{display:flex;gap:8px;align-items:center}.admin-tabs{margin:18px 0 8px;flex:none}.admin-tabs button{font-size:14px}.admin-panel{flex:1;min-height:0;overflow:auto;scrollbar-width:none}.admin-panel::-webkit-scrollbar{display:none}#admin-message{flex:none;margin:0 0 8px;min-height:0}.admin-stats{display:flex;gap:35px;align-items:center;color:#adbfD6;font-size:12px;margin:6px 0 20px}.admin-stats b{font-size:23px;color:#e8f2ff;margin-right:7px;font-weight:500}.admin-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:24px}.player-section{min-width:0}#player-search{margin-bottom:14px}#players-list{display:grid;gap:10px}.player-card{border:1px solid #a4c9ed35;padding:14px;display:flex;align-items:center;gap:14px;background:#9bc5ee08}.player-avatar{flex:none;width:36px;height:42px;background:#a6cee526;display:grid;place-items:center;font-family:var(--serif);font-size:22px}.player-info{flex:1;min-width:0}.player-info h3{font:17px var(--serif);margin:0 0 5px;overflow-wrap:anywhere}.player-info small{font-size:10px;color:#99b2cc}.player-info p{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:#b6cbe1;margin:9px 0 0}.player-info b{color:#e5f0ff}.player-card .account-action{font-size:11px;padding:7px 9px}.grant-box{border:1px solid #9bc7e64a;background:#88b5df0a;padding:22px;align-self:start}.grant-box h3{font:22px var(--serif);margin:0 0 9px}.grant-box>p{font-size:12px;color:#aac0d6;line-height:1.8;margin:0 0 20px}.admin-empty{padding:40px 20px;text-align:center;color:#9eb6ce;font-size:13px}.probability-intro{font-size:12px;color:#acc1da;line-height:1.8;margin:4px 0 14px}.probability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.account-form .probability-row{display:flex;align-items:center;gap:10px;border:1px solid #adcfee3b;padding:12px;background:#bedfff07}.probability-row img{width:52px;height:52px;object-fit:cover;border-radius:3px}.probability-row>span:nth-child(2){flex:1;min-width:0}.probability-row small{display:block;font-size:10px;color:#9bb9d6;margin-bottom:5px}.probability-row b{font-size:12px;font-weight:500;display:block}.probability-row .rate-input{display:flex;gap:4px;align-items:center}.probability-row input{width:72px;padding:9px 6px;font-size:13px}.probability-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #bad9f22b;padding-top:17px;margin-top:10px}.probability-bottom>div{font-size:13px;color:#b4cbe3}.probability-bottom strong{font-size:24px;color:#bce7d3;margin-left:12px}.probability-bottom strong.invalid{color:#f2b4a2}.account-form .guarantees-option{display:flex;align-items:center;gap:8px;font-size:13px}.guarantees-option input{width:16px;box-shadow:none}.guarantee-help{font-size:11px;line-height:1.8;color:#9fb8d0;margin:0}.audit-row{display:flex;align-items:center;gap:15px;padding:18px 4px;border-bottom:1px solid #a6c8e62b}.audit-row>span{font-size:22px;color:#cce8ff}.audit-row>div{flex:1;min-width:0;overflow-wrap:anywhere}.audit-row b{font-size:14px;font-weight:500}.audit-row p{font-size:12px;color:#a5bdd4;margin:7px 0 0}.audit-row time{font-size:11px;color:#91abc5}
@media(max-width:1000px){.probability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-columns{grid-template-columns:minmax(0,1.2fr) minmax(250px,1fr)}.player-avatar{display:none}.player-card{flex-wrap:wrap}.player-card .account-action{margin-left:auto}}
@media(max-width:650px){#account-button{max-width:80px;font-size:10px;padding:6px}.top-actions{gap:5px}.top-actions #fullscreen{display:none}.currency{gap:4px}.currency small{display:none}.auth-card{padding:25px 24px}.auth-card h1{font-size:29px}.auth-sigil{font-size:40px}.auth-intro{margin:14px 0}.auth-tabs{margin:12px 0}.auth-screen{padding:16px}#admin-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);padding:16px}.admin-head h2{font-size:23px}.admin-head .eyebrow{font-size:7px;letter-spacing:2px}.admin-head-actions{gap:5px}.admin-head-actions .account-action{font-size:10px;padding:7px}.admin-head-actions .icon-button{width:28px;height:28px;font-size:22px}.admin-tabs{gap:20px;margin:12px 0 8px}.admin-tabs button{font-size:12px}.admin-columns{display:flex;flex-direction:column-reverse;gap:15px}.grant-box{padding:16px;width:100%;box-sizing:border-box}.grant-box h3{font-size:20px}.grant-box>p{margin-bottom:12px;font-size:11px}.account-form{gap:10px}.account-form input,.account-form select{padding:9px;font-size:13px}.admin-stats{margin-bottom:14px;gap:20px}.admin-stats b{font-size:21px}.probability-grid{grid-template-columns:1fr;gap:7px}.account-form .probability-row{padding:7px 10px}.probability-row img{width:40px;height:40px}.probability-bottom{flex-wrap:wrap;gap:12px}.probability-bottom .primary-action{padding:10px 15px}.audit-row{gap:10px}.audit-row time{font-size:9px}.admin-panel{padding-bottom:12px}}

/* A full-screen entrance sharing the world's original, unblurred background. */
body.auth-active .app-shell{display:none}
body.auth-active .backdrop{filter:none;transform:none}
body.auth-active .vignette{opacity:0}
body.auth-active>#particles{visibility:hidden}
#auth-screen{display:flex;flex-direction:column;align-items:center;isolation:isolate;padding:0 28px;overflow-x:hidden;overflow-y:auto;backdrop-filter:none;background:linear-gradient(90deg,#0c245d12,transparent 25%,transparent 75%,#0c245d12),radial-gradient(ellipse at 50% 42%,#142b526b 0%,#18346138 32%,transparent 68%),linear-gradient(180deg,#0b215b24,#1834691c 62%,#10274d78);color:#f2f8ff}
.entry-header{position:absolute;top:30px;left:3.5%;right:3.5%;display:flex;align-items:center;justify-content:space-between;z-index:2;text-shadow:0 1px 12px #122c65}
.entry-header-actions{display:flex;align-items:center;gap:20px}
#entry-fullscreen{position:relative;display:grid;place-items:center;flex:none;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:radial-gradient(circle,#d8eeff21,transparent 72%);box-shadow:none;color:#eefaff;isolation:isolate;transition:color .3s,filter .3s,background .3s}
#entry-fullscreen:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:radial-gradient(circle,#ceeaff38,transparent 70%);opacity:.45;animation:entry-breathe 5s ease-in-out infinite;pointer-events:none}
#entry-fullscreen .entry-fullscreen-symbol{width:40px;height:40px;overflow:visible;filter:drop-shadow(0 0 5px #bbe0ff99)}
.fullscreen-orbit{stroke:currentColor;stroke-width:.6;opacity:.4}
.fullscreen-diamond{stroke:currentColor;stroke-width:.6;opacity:.3}
.fullscreen-expand,.fullscreen-contract{stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.fullscreen-contract{display:none}
.fullscreen-star{fill:#eaf8ff;stroke:#fff;stroke-width:.3;filter:drop-shadow(0 0 3px #fff);transform-origin:center;transition:transform .35s}
#entry-fullscreen:hover{background:radial-gradient(circle,#d8eeff40,transparent 72%);color:#fff;filter:drop-shadow(0 0 8px #bbdeff88);transform:none}
#entry-fullscreen:hover .fullscreen-star{transform:rotate(90deg)}
#entry-fullscreen:focus-visible{outline:1px solid #effaff;outline-offset:5px}
#entry-fullscreen[aria-pressed="true"] .fullscreen-expand{display:none}
#entry-fullscreen[aria-pressed="true"] .fullscreen-contract{display:block}
#entry-fullscreen[aria-pressed="true"] .fullscreen-orbit{opacity:.8}
@media(max-width:650px){.entry-header-actions{gap:10px}#entry-fullscreen{width:34px;height:34px}#entry-fullscreen .entry-fullscreen-symbol{width:32px;height:32px}}
@media(max-width:360px){.entry-header-actions .entry-edition{display:none}}
.entry-brand{display:flex;align-items:center;gap:10px;font-size:28px;color:#e5f5ff}.entry-brand>span{font:16px var(--serif);letter-spacing:4px}.entry-edition{font:11px var(--serif);letter-spacing:3px;color:#e0edff}
.entry-content{position:relative;z-index:1;flex:none;width:min(420px,100%);text-align:center;margin:auto;padding:80px 0 44px;animation:entry-arrive 1.1s ease both;text-shadow:0 2px 18px #10265e88}
.entry-emblem{position:relative;width:156px;height:156px;margin:0 auto 20px;filter:drop-shadow(0 0 14px #badfff7a)}
.entry-emblem:before{content:"";position:absolute;inset:-45px;border-radius:50%;background:radial-gradient(circle,#b0dfff38,transparent 67%);animation:entry-breathe 5s ease-in-out infinite}
.entry-emblem svg{position:absolute;width:60px;height:82px;left:48px;top:37px;filter:drop-shadow(0 0 12px #f0fbff);animation:entry-float 5s ease-in-out infinite}
.entry-orbit{position:absolute;inset:10px;border:1px solid #daedff69;border-radius:50%;animation:entry-spin 38s linear infinite}
.entry-orbit:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#f1faff;top:17px;left:17px;box-shadow:0 0 6px 2px #cef1ff,0 0 18px 5px #9bc8ff}
.entry-orbit.outer{inset:0;border-color:#cce5ff38;border-style:dashed;animation-direction:reverse;animation-duration:70s}.entry-orbit.outer:before{top:38px;left:7px;width:3px;height:3px}
.entry-diamond{position:absolute;inset:30px;border:1px solid #e5f3ff80;transform:rotate(45deg)}.entry-diamond:after{content:"";position:absolute;inset:7px;border:1px solid #cde5ff35}
.emblem-star{position:absolute;text-shadow:0 0 12px #e5f6ff;font-size:19px;animation:entry-breathe 4s ease-in-out infinite}.emblem-star.one{right:-5px;top:67px;font-size:13px}.emblem-star.two{top:-11px;left:69px}
.entry-content h1{font:400 clamp(38px,4vw,54px)/1.4 var(--serif);letter-spacing:12px;margin:0 -12px 10px 0;color:#f0f7ff;text-shadow:0 0 35px #bce1ff99,0 2px 15px #172f65}
.entry-subtitle{font:9px/1.8 Georgia,serif;letter-spacing:4px;color:#d8eaff;margin:0}.entry-whisper{font:13px/1.8 var(--serif);letter-spacing:3px;color:#e2edff;margin:22px 0 0}
.entry-form-wrap{width:min(336px,100%);margin:25px auto 0}
#auth-screen .auth-tabs{display:flex;align-items:center;justify-content:center;gap:27px;border:0;margin:0 0 18px}#auth-screen .auth-tabs>span{font-size:12px;color:#c0d8f699}#auth-screen .auth-tabs button{position:relative;flex:none;font:14px var(--serif);letter-spacing:5px;padding:8px 10px 13px 15px;border:0;color:#cfdef0;transition:color .25s;text-shadow:0 1px 10px #173967}
#auth-screen .auth-tabs button:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,#e1f5ff,transparent);transform:scaleX(0);transition:transform .3s}
#auth-screen .auth-tabs button.active{color:#fff}#auth-screen .auth-tabs button.active:after{transform:scaleX(1)}
#auth-screen .account-form{gap:12px}
#auth-screen .entry-field{display:flex;align-items:center;gap:16px;border-bottom:1px solid #d1e9ff69;background:linear-gradient(90deg,transparent,#102d572d,transparent);padding:0 4px;transition:border-color .25s,background .25s}
#auth-screen .entry-field:focus-within{border-color:#e4f6ff;background:linear-gradient(90deg,transparent,#adcfff18,transparent)}
#auth-screen .entry-field>span{flex:none;font:12px var(--serif);letter-spacing:3px;color:#e5f1ff}
#auth-screen .entry-field input{font:13px/1.5 "Microsoft YaHei",sans-serif;min-width:0;flex:1;width:0;padding:13px 0;border:0;border-radius:0;color:#fff;background:transparent;box-shadow:none;outline:none;text-shadow:0 1px 8px #17375f}
#auth-screen .entry-field input::placeholder{color:#dae8f4c4;font-size:12px}#auth-screen .entry-field input:autofill{transition:background-color 99999s ease-out;-webkit-text-fill-color:#fff}
#auth-screen .form-message{font-size:12px;color:#ffe1c9;text-align:center;min-height:18px;line-height:1.5;margin:0;text-shadow:0 1px 8px #102954}
#auth-screen #auth-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:25px;width:100%;min-height:48px;overflow:hidden;border:1px solid #e2f4ffb3;border-radius:2px;background:linear-gradient(110deg,#e3f4ffd9,#c0dff8b8);color:#24415f;box-shadow:0 0 25px #a4d3ff18,inset 0 0 15px #fff3;font:15px var(--serif);letter-spacing:6px;padding:13px 18px;text-shadow:none;transition:box-shadow .3s,background .3s,transform .3s}
#auth-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff9 50%,transparent 75%);transform:translateX(-130%);animation:entry-sheen 7s ease-in-out infinite}
#auth-screen #auth-submit:hover{background:#e4f4fff2;box-shadow:0 0 32px #b9e3ff66;transform:translateY(-1px)}#auth-screen #auth-submit:active{transform:translateY(0)}.entry-arrow{font:23px/1 Georgia,serif;letter-spacing:0}.entry-note{font:11px/1.8 var(--serif);letter-spacing:2px;color:#d8e7f8;margin:16px 0 0}
#auth-screen button:focus-visible{outline:2px solid #effaff;outline-offset:5px}
#auth-screen .entry-footer{position:relative;flex:none;z-index:1;width:100%;display:flex;justify-content:center;align-items:center;gap:16px;border:0;padding:0 0 24px;margin:0;color:#e0edff;text-shadow:0 1px 8px #143565}.entry-footer p{font:11px var(--serif);letter-spacing:4px;margin:0}.entry-footer>span{width:50px;height:1px;background:linear-gradient(90deg,transparent,#d6ebff88)}.entry-footer>span:last-child{transform:rotate(180deg)}
.entry-atmosphere{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}.entry-aurora{position:absolute;inset:-40%;background:conic-gradient(from 30deg at 60% 0%,transparent 0deg,#d3f9ff18 15deg,transparent 28deg,#b8c6ff20 39deg,transparent 53deg);mix-blend-mode:screen;animation:entry-aurora 18s ease-in-out infinite alternate}
#entry-stars,#entry-meteors{position:absolute;inset:0;mask-image:radial-gradient(ellipse 180px 300px at 50% 55%,#0003 25%,#000 100%)}#entry-stars i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#f6fcff;box-shadow:0 0 8px 2px #d8f4ffb3,0 0 19px 3px #8ccaff73;opacity:0;animation:entry-rise var(--duration) var(--delay) linear infinite}#entry-stars i:nth-child(4n){border-radius:0;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);width:12px;height:12px}#entry-stars i:nth-child(7n){background:#fff2cf;box-shadow:0 0 9px 2px #fff0bd99,0 0 22px 4px #d2eaff66}
.entry-meteor{position:absolute;left:var(--x);top:var(--y);width:clamp(100px,14vw,var(--tail));height:2px;background:linear-gradient(90deg,transparent,#a4d5ff66 35%,#e7f8ff 85%,#fff);border-radius:50%;box-shadow:0 0 7px #c1eaff99;opacity:0;transform:rotate(30deg);animation:entry-meteor var(--duration) var(--delay) linear infinite}.entry-meteor:after{content:"";position:absolute;right:0;top:-2px;width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 9px 3px #e5f8ff,0 0 23px 7px #a8d8ff99}
.entry-horizon{position:absolute;left:15%;right:15%;bottom:17%;height:1px;background:linear-gradient(90deg,transparent,#d6eeffb3,transparent);box-shadow:0 0 25px 4px #bddfff44;animation:entry-breathe 7s ease-in-out infinite}
.entry-transition{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,#f3fbff,#c6e5ff 35%,#8fb8eb);opacity:0;z-index:5}
#auth-screen.is-entering .entry-transition{animation:entry-flash .7s ease-in forwards}#auth-screen.is-entering .entry-content{animation:entry-depart .7s ease-in forwards}#auth-screen.is-entering .entry-emblem{filter:drop-shadow(0 0 28px #fff)}
body.world-entering .app-shell{animation:world-arrive .8s ease-out both}
#auth-screen[data-mode="register"] .entry-emblem{width:110px;height:110px;margin-bottom:13px}#auth-screen[data-mode="register"] .entry-emblem svg{width:44px;height:65px;left:33px;top:22px}#auth-screen[data-mode="register"] .entry-diamond{inset:24px}#auth-screen[data-mode="register"] .emblem-star.one{top:44px}#auth-screen[data-mode="register"] .emblem-star.two{left:46px}#auth-screen[data-mode="register"] .entry-whisper{margin-top:12px}#auth-screen[data-mode="register"] .entry-form-wrap{margin-top:15px}
body:not(.auth-active) .entry-atmosphere *{animation-play-state:paused!important}
@keyframes entry-spin{to{transform:rotate(360deg)}}
@keyframes entry-breathe{50%{opacity:.45}}
@keyframes entry-float{50%{transform:translateY(-7px)}}
@keyframes entry-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes entry-rise{0%{opacity:0;transform:translate3d(0,45px,0)}15%{opacity:.7}40%{opacity:1}65%{opacity:.6}80%{opacity:.95}100%{opacity:0;transform:translate3d(22px,-130px,0)}}
@keyframes entry-aurora{to{transform:rotate(12deg) translateX(5%);opacity:.4}}
@keyframes entry-meteor{0%{opacity:0;transform:translate3d(0,0,0) rotate(30deg)}5%{opacity:1}23%{opacity:.9}33%,100%{opacity:0;transform:translate3d(clamp(90px,15vw,240px),clamp(52px,8.7vw,139px),0) rotate(30deg)}}
@keyframes entry-sheen{0%,65%,100%{transform:translateX(-130%)}90%{transform:translateX(130%)}}
@keyframes entry-flash{0%{opacity:0}70%,100%{opacity:1}}
@keyframes entry-depart{to{opacity:0;transform:scale(1.05);filter:blur(5px)}}
@keyframes world-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1600px) and (min-height:950px){.entry-content{padding-bottom:65px}.entry-emblem{width:180px;height:180px;margin-bottom:28px}.entry-emblem svg{left:60px;top:49px}.entry-diamond{inset:38px}.emblem-star.one{top:78px}.emblem-star.two{left:81px}.entry-form-wrap{margin-top:34px}}
@media(max-width:650px){#auth-screen{padding:0 26px;background:radial-gradient(ellipse at 50% 45%,#122a586b,transparent 85%),linear-gradient(180deg,#102a5333,#18346929 70%,#10274d80)}.entry-header{top:22px;left:24px;right:24px}.entry-brand{font-size:24px}.entry-brand>span{font-size:13px}.entry-edition{font-size:9px;letter-spacing:1px}.entry-content{padding:80px 0 35px}.entry-emblem{width:130px;height:130px;margin-bottom:20px}.entry-emblem svg{width:50px;height:72px;left:40px;top:29px}.entry-diamond{inset:26px}.emblem-star.one{top:53px}.emblem-star.two{left:56px}.entry-content h1{font-size:37px;letter-spacing:8px;margin-right:-8px}.entry-subtitle{font-size:7px;letter-spacing:2.6px}.entry-whisper{font-size:12px;margin-top:18px}.entry-form-wrap{margin-top:23px;width:min(310px,100%)}#auth-screen .entry-field input{font-size:16px;padding:12px 0}#auth-screen .entry-footer{padding-bottom:20px}.entry-footer p{font-size:10px}.entry-footer>span{width:25px}#auth-screen[data-mode="register"] .entry-content{padding-top:72px}#auth-screen[data-mode="register"] .entry-emblem{width:90px;height:90px;margin-bottom:10px}#auth-screen[data-mode="register"] .entry-emblem svg{width:38px;height:54px;left:26px;top:18px}#auth-screen[data-mode="register"] .entry-diamond{inset:19px}#auth-screen[data-mode="register"] .emblem-star.two{left:36px}#auth-screen[data-mode="register"] .emblem-star.one{top:35px}#auth-screen[data-mode="register"] .entry-content h1{font-size:32px}#auth-screen[data-mode="register"] .entry-whisper{display:none}}
@media(max-height:740px) and (min-width:651px){.entry-content{padding:65px 0 22px}.entry-emblem{width:100px;height:100px;margin-bottom:12px}.entry-emblem svg{width:42px;height:62px;left:29px;top:19px}.entry-diamond{inset:22px}.emblem-star.two{left:41px}.emblem-star.one{top:39px}.entry-content h1{font-size:40px}.entry-whisper{margin-top:12px}.entry-form-wrap{margin-top:15px}#auth-screen[data-mode="register"] .entry-emblem{display:none}}
@media(prefers-reduced-motion:reduce){#auth-screen *,#auth-screen *:before,#auth-screen *:after{animation:none!important;transition:none!important}#entry-stars i{opacity:.5}.entry-meteor{display:none}#auth-screen.is-entering .entry-content{opacity:0}}

/* Shared illustrated stationery for the guide and the host's keepsakes. */
.top-actions #sound,.top-actions #fullscreen{width:46px;height:46px;flex:none;padding:0;border:1px solid #c9eaff9c;border-radius:5px 15px 5px 15px;background:linear-gradient(110deg,#254e72b8,#37678cb3),url('assets/blossom-dialogs-daylight.112f3613acc6.webp') 15% 85%/220px auto;box-shadow:inset 0 1px #fff4,0 3px 16px #07172a33;color:#e5f6ff;font-size:23px;line-height:1;text-shadow:0 0 9px #d5f3ff55;transition:border-color .25s,box-shadow .25s,transform .25s}
.top-actions #sound:hover,.top-actions #fullscreen:hover{border-color:#e7f8ff;box-shadow:inset 0 1px #fff5,0 0 20px #c8e8eb33;transform:translateY(-1px);filter:none}
.top-actions #sound[aria-pressed="true"],.top-actions #fullscreen[aria-pressed="true"]{color:#fff7dd;border-color:#edfaff;box-shadow:inset 0 0 15px #cdeeff44,0 0 15px #bddfff33}
@media(max-width:650px){.top-actions #sound{width:34px;height:34px;font-size:19px;border-radius:4px 11px 4px 11px}}
#account-button.flower-entry{display:inline-flex;align-items:center;gap:10px;max-width:185px;min-height:46px;padding:6px 12px 6px 7px;border:1px solid #c9eaff9c;border-radius:5px 15px 5px 15px;background:linear-gradient(110deg,#254e72b8,#37678cb3),url('assets/blossom-dialogs-daylight.112f3613acc6.webp') 15% 85%/220px auto;box-shadow:inset 0 1px #fff4,0 3px 16px #07172a33;color:#f1ead7;text-align:left;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s}
#account-button.flower-entry:hover{border-color:#e7f8ff;box-shadow:inset 0 1px #fff5,0 0 20px #c8e8eb33;transform:translateY(-1px);filter:none}
.flower-entry-seal{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:50%;border:1px solid #cfeaff8c;background:radial-gradient(circle,#c6dff22b,transparent);color:#e5f6ff;font:24px/1 Georgia,serif;text-shadow:0 0 9px #d5f3ff80}
.flower-entry-copy{display:flex;flex-direction:column;min-width:0;gap:2px}.flower-entry-copy small{font:9px/1.3 var(--serif);letter-spacing:2px;color:#d7ecfc}.flower-entry-copy b{font:14px/1.3 var(--serif);color:#f1f8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flower-entry-arrow{font:22px/1 Georgia,serif;color:#d1ebff;margin-left:2px}
@media(max-width:650px){#account-button.flower-entry{max-width:84px;min-height:34px;gap:5px;padding:5px 7px 5px 5px;border-radius:4px 11px 4px 11px}.flower-entry-seal{width:22px;height:22px;font-size:18px}.flower-entry-copy small,.flower-entry-arrow{display:none}.flower-entry-copy b{font-size:11px}}
#modal[data-mode="handbook"],#account-dialog.blossom-dialog{background:linear-gradient(120deg,#173654ad,#2448678a 55%,#183958a8),url('assets/blossom-dialogs-daylight.112f3613acc6.webp') center/cover;border:1px solid #cfdfeb91;box-shadow:0 25px 100px #06122599,inset 0 0 50px #b8dcff0b;color:#edf5ff;isolation:isolate}
.handbook-rate b{overflow-wrap:anywhere}
.handbook-rate b>span{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.handbook-rate b>.rate-compact-name{display:none!important}
.featured h2,.featured-name h3{overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#modal[data-mode="handbook"]::backdrop,#account-dialog.blossom-dialog::backdrop{background:#06182eb3;backdrop-filter:blur(5px)}
.blossom-action{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:40px;padding:10px 22px;border:1px solid #d3efffce;background:linear-gradient(110deg,#e3f4fff0,#bcdcf1ed);color:#284151;font:14px var(--serif);letter-spacing:2px;border-radius:3px;box-shadow:0 3px 18px #b9dfec12;white-space:nowrap}.blossom-action>span{font-size:19px;line-height:1}
#modal[data-mode="handbook"]{height:min(780px,88dvh);overflow:hidden;padding:clamp(16px,2.5dvh,30px)}
#modal[data-mode="handbook"][open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px}
#modal[data-mode="handbook"] .modal-head{margin:0;padding:0 0 14px;border-color:#cfe0ef3b}
#modal[data-mode="handbook"] .modal-head .eyebrow{font-size:9px;letter-spacing:3px;color:#d3ebff}
#modal[data-mode="handbook"] .modal-head h2{margin:5px 0 0;font:32px/1.4 var(--serif);letter-spacing:7px}
#modal[data-mode="handbook"] #modal-content{min-height:0}
.handbook{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:14px}
.handbook-costs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;padding:12px 16px 9px;background:#0c22396b;border:1px solid #c5deef2b;border-radius:5px;gap:8px 14px}
.handbook-costs>div{display:flex;align-items:center;justify-content:center;gap:16px;border-right:1px solid #d5e6f333}.handbook-costs>div:nth-child(3){border:0}.handbook-costs span{font:13px var(--serif);letter-spacing:1px;color:#d6e6f5}.handbook-costs strong{font:27px/1.3 Georgia,serif;color:#f4e3b7}.handbook-costs strong small{font:11px var(--serif);color:#d6e1e9}.handbook-costs>p{grid-column:1/-1;margin:0;text-align:center;font-size:11px;color:#b8cedf}
.handbook-pool{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:9px;min-height:0}
.handbook-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.handbook-section-title h3{margin:0;font:19px/1.5 var(--serif);letter-spacing:3px}.handbook-section-title>span{font-size:10px;color:#b8cedf}
.handbook-rates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:9px}
.handbook-rate{display:flex;align-items:center;gap:10px;min-width:0;min-height:0;padding:10px 12px;border:1px solid #c3d8ef30;border-left:2px solid var(--rarity);border-radius:4px;background:linear-gradient(120deg,#0f2943cf,#1b365185);box-shadow:inset 0 1px #e3efff06}
.handbook-rate>img{width:37px;height:37px;object-fit:contain;flex:none;border-radius:3px}.handbook-rate>div{flex:1;min-width:0}.handbook-rate small{font-size:10px;color:var(--rarity);display:block;line-height:1.4}.handbook-rate b{display:block;font-size:12px;font-weight:400;line-height:1.5;color:#e6f1ff;overflow-wrap:anywhere;margin-top:3px}.handbook-rate strong{font:23px/1.2 Georgia,serif;flex:none;color:var(--rarity);white-space:nowrap}.handbook-rate strong small{font:11px Georgia,serif;display:inline;margin-left:2px}
.handbook-rate-note{margin:0;color:#c0d3e6;font-size:10px;line-height:1.4;text-align:right}
.handbook-notes{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;padding:14px 16px;background:#10253cc2;border:1px solid #c5deef29;border-radius:5px}
.handbook-notes h3{margin:0 0 7px;font:16px/1.4 var(--serif);letter-spacing:1px;color:#e2f1ff}.handbook-badge{display:inline-block;font:10px/1.6 "Microsoft YaHei",sans-serif;letter-spacing:0;color:#b9e0d0;background:#b3ddc814;border:1px solid #a9dbce33;padding:1px 6px;margin-left:5px;border-radius:3px;vertical-align:middle}
.handbook-notes p{margin:0;font-size:11px;line-height:1.85;color:#cadbec}.handbook-keepsake{font-size:10px;line-height:1.5;text-align:center;color:#c4d5e4;margin:0}
#modal[data-mode="handbook"] #modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #cfe0ef30;padding-top:12px}.handbook-signature{font:12px var(--serif);letter-spacing:2px;color:#dfedfa}
#account-dialog.blossom-dialog{overflow:hidden;padding:28px 30px 20px;text-align:center;background-image:linear-gradient(180deg,#1b42646b,#1b3b5ba8 48%,#193b5bad),url('assets/blossom-dialogs-daylight.112f3613acc6.webp')}
#account-dialog.blossom-dialog .eyebrow{font-size:8px;letter-spacing:2.5px;margin:0 20px;color:#d3ebff}
#account-dialog.blossom-dialog #account-heading{font:24px/1.3 var(--serif);letter-spacing:5px;margin:9px 0 16px;color:#eaf6ff}
.host-flower-seal{position:relative;display:grid;place-items:center;width:62px;height:62px;margin:0 auto 12px;border:1px solid #d3efff99;border-radius:50%;background:radial-gradient(#c9e2ff26,transparent);font-size:38px;color:#e8f6ff;text-shadow:0 0 16px #d9ecff7a;box-shadow:0 0 25px #d6e6ff10}.host-flower-seal:after{content:"";position:absolute;inset:5px;border-radius:50%;border:1px dashed #d3edff73}
#account-name{font:27px/1.3 var(--serif);margin:0;color:#f3f7ff;overflow-wrap:anywhere}
#account-dialog.blossom-dialog #account-username{font-size:11px;letter-spacing:1px;color:#bbd1e4;margin:8px 0 20px;overflow-wrap:anywhere}
.host-keepsakes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 0;border-top:1px solid #cee1e83b;border-bottom:1px solid #cee1e83b;background:#0b243b66}.host-keepsakes>div+div{border-left:1px solid #cedfe32b}.host-keepsakes b{display:block;font:23px/1.4 Georgia,serif;color:#e6f3ff;overflow-wrap:anywhere}.host-keepsakes span{display:block;font-size:10px;color:#c4d6e7;margin-top:4px}
#account-dialog.blossom-dialog .host-letter{font:12px/1.6 var(--serif);letter-spacing:1px;color:#e1f0fc;margin:18px 0}
.host-letter-actions{display:flex;align-items:stretch;justify-content:center;gap:12px}.host-letter-actions>button{flex:1;min-width:0;font:13px var(--serif);letter-spacing:2px}.host-letter-actions .account-action{background:#14304980;color:#d4e1ec;border-color:#b8d1e85c}
#account-dialog .host-letter-actions [data-close-dialog]{position:static}
#modal[data-mode="handbook"] .icon-button,#account-dialog.blossom-dialog .icon-button{line-height:1;padding:0}
.blossom-action>span{line-height:1.3}
.handbook-costs span,.handbook-costs strong{white-space:nowrap}
.rate-compact-name{display:none}
#account-dialog.blossom-dialog .host-save-note{font-size:10px;line-height:1.5;margin:12px 0 0;color:#b6cadd}
#account-dialog.blossom-dialog #account-message{font-size:11px;color:#ffd6bd;margin:7px 0 0;min-height:0}
@media(max-width:800px){.handbook-rate>img{display:none}.handbook-rate{padding:9px}.handbook-rate strong{font-size:21px}.handbook-costs>div{gap:9px}}
@media(max-width:650px){
 #modal[data-mode="handbook"]{width:calc(100vw - 20px);height:calc(100dvh - 24px);max-height:none;padding:16px}
 #modal[data-mode="handbook"][open]{gap:12px}
 #modal[data-mode="handbook"] .modal-head{padding-bottom:10px}
 #modal[data-mode="handbook"] .modal-head h2{font-size:26px;letter-spacing:5px;margin-top:4px}
 #modal[data-mode="handbook"] .modal-head .eyebrow{font-size:7px;letter-spacing:2px}
 .handbook{gap:12px}.handbook-costs{padding:10px 7px 8px;gap:7px 5px}.handbook-costs>div{display:block;text-align:center}.handbook-costs span{font-size:11px;letter-spacing:0}.handbook-costs strong{display:block;font-size:25px}.handbook-costs>p{font-size:10px;line-height:1.4}
 .handbook-section-title h3{font-size:17px}.handbook-section-title>span{font-size:9px}.handbook-pool{gap:7px}.handbook-rates{gap:6px}.handbook-rate{display:grid;grid-template-rows:1fr auto;padding:8px;gap:4px}.handbook-rate b{font-size:11px;line-height:1.4;margin:2px 0 0}.handbook-rate>div{align-self:center}.handbook-rate small{font-size:9px}.handbook-rate strong{font-size:22px;align-self:end}.handbook-rate-note{font-size:9px;text-align:left}
 .handbook-notes{grid-template-columns:1fr;gap:11px;padding:12px}.handbook-notes h3{font-size:15px;margin-bottom:5px}.handbook-notes p{font-size:11px;line-height:1.7}.handbook-badge{font-size:9px}.handbook-keepsake{font-size:9px}
 #modal[data-mode="handbook"] #modal-footer{padding-top:10px;gap:8px}.handbook-signature{font-size:10px;letter-spacing:0}.blossom-action{font-size:12px;gap:10px;padding:9px 13px;min-height:36px;letter-spacing:1px}
 #account-dialog.blossom-dialog{padding:25px 22px 18px}.host-keepsakes b{font-size:21px}
}
@media(max-width:650px) and (max-height:720px){
 #modal[data-mode="handbook"]{padding:12px;height:calc(100dvh - 16px)}#modal[data-mode="handbook"][open]{gap:7px}
 #modal[data-mode="handbook"] .modal-head{padding-bottom:6px}#modal[data-mode="handbook"] .modal-head h2{font-size:23px;margin:0}#modal[data-mode="handbook"] .modal-head .eyebrow{display:none}
 .handbook{gap:7px}.handbook-costs{padding:6px;gap:4px}.handbook-costs>div{display:flex;gap:6px}.handbook-costs strong{font-size:21px}.handbook-costs>p{font-size:9px}.handbook-costs span{font-size:10px}
 .handbook-section-title h3{font-size:15px}.handbook-pool{gap:5px}.handbook-rate{padding:5px 7px;gap:1px}.handbook-rate small{font-size:8px}.handbook-rate b{font-size:10px;margin:0}.handbook-rate strong{font-size:19px}.handbook-rate-note{font-size:9px}
 .handbook-notes{padding:8px;gap:7px}.handbook-notes h3{font-size:13px;margin-bottom:3px}.handbook-notes p{font-size:10px;line-height:1.5}.handbook-keepsake{font-size:9px}#modal[data-mode="handbook"] #modal-footer{padding-top:6px}.handbook-signature{font-size:9px}.blossom-action{min-height:32px;padding:7px 10px;font-size:11px}
}
@media(min-width:651px) and (max-height:720px){#modal[data-mode="handbook"]{height:94dvh;padding:15px}#modal[data-mode="handbook"][open]{gap:9px}#modal[data-mode="handbook"] .modal-head{padding-bottom:8px}#modal[data-mode="handbook"] .modal-head h2{font-size:26px}.handbook{gap:9px}.handbook-costs{padding:7px 12px}.handbook-rate{padding:6px 9px}.handbook-notes{padding:9px 12px}.handbook-notes p{font-size:10px;line-height:1.6}.handbook-rate-note,.handbook-keepsake{font-size:9px}#modal[data-mode="handbook"] #modal-footer{padding-top:8px}}
@media(max-width:650px){#modal[data-mode="handbook"] .icon-button{font-size:23px}}
@media(max-width:650px) and (max-height:620px){
 .handbook-rate{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:4px 6px;gap:0}.handbook-rate>div{flex:none;align-self:stretch}.handbook-rate>div>small,.rate-full-name{display:none}.rate-compact-name{display:inline}.handbook-rate strong{align-self:start;font-size:18px}.handbook-rate b{white-space:nowrap;font-size:10px;line-height:1.3}
}
@media(max-width:350px){.handbook-costs strong small{display:none}.handbook-costs>div{gap:4px}.handbook-costs strong{font-size:20px}}
@media(max-height:620px){#account-dialog.blossom-dialog{padding-top:20px;padding-bottom:14px}#account-dialog.blossom-dialog #account-heading{margin-bottom:12px}.host-flower-seal{width:46px;height:46px;font-size:30px;margin-bottom:9px}#account-name{font-size:23px}#account-dialog.blossom-dialog #account-username{margin-bottom:14px}#account-dialog.blossom-dialog .host-letter{margin:12px 0}}

.top-actions #sound.music-playing{animation:music-glimmer 4s ease-in-out infinite}
@keyframes music-glimmer{50%{box-shadow:inset 0 0 15px #cdeeff44,0 0 16px #e1d5a655}}
@media(prefers-reduced-motion:reduce){.top-actions #sound.music-playing{animation:none}}

.registration-notice{font-size:11px;line-height:1.7;color:#f2dfbf;text-align:center;margin:0 0 14px;text-shadow:0 1px 7px #142d53}
#auth-screen .auth-tabs button:disabled{opacity:.45;cursor:not-allowed}
.admin-tabs{gap:24px;flex-wrap:wrap}.admin-tabs button{white-space:nowrap}
.player-card-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.system-settings-card{width:min(600px,100%);padding:28px;border:1px solid #b0d5e94a;background:linear-gradient(130deg,#b6d1e40d,#10263d6b);border-radius:5px;margin:10px 0}
.system-settings-card>.eyebrow{font-size:9px;letter-spacing:3px;color:#aac7dd}.system-settings-card h3{font:25px var(--serif);letter-spacing:3px;margin:5px 0}.system-settings-card>p:not(.form-message){font-size:13px;line-height:1.9;color:#b9cde1;margin:0 0 10px}
.account-form .registration-switch{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #c7dff32b;border-bottom:1px solid #c7dff32b;padding:22px 0;margin-bottom:12px;cursor:pointer}
.registration-switch b{display:block;font-size:15px;font-weight:500;color:#e7f4ff}.registration-switch small{display:block;font-size:11px;color:#a8c1d9;margin-top:7px}.registration-switch input{position:absolute;right:0;opacity:0;width:48px;height:28px;cursor:pointer}.registration-switch i{position:relative;width:48px;height:28px;flex:none;background:#1b3048;border:1px solid #9bbbd170;border-radius:20px;pointer-events:none;transition:background .2s}.registration-switch i:after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#a9bccd;transition:transform .2s}.registration-switch input:checked+i{background:#82bca6;border-color:#b5e7d5}.registration-switch input:checked+i:after{transform:translateX(20px);background:#f0fff9}.registration-switch input:focus-visible+i{outline:2px solid #dfedff;outline-offset:4px}
.prayer-toolbar{display:flex;align-items:end;gap:14px;margin:8px 0 15px}.prayer-toolbar label{width:min(380px,100%)}.prayer-toolbar .account-action{padding:11px 18px}
.admin-prayer-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,1.4fr) 85px 150px;gap:18px;align-items:center;padding:17px 16px;border-bottom:1px solid #adcbe526;background:#b5d8f004}.admin-prayer-row:nth-child(even){background:#b5d8f00a}.admin-prayer-row b{font-size:14px;font-weight:500;overflow-wrap:anywhere}.admin-prayer-row small{display:block;font-size:11px;color:#a6bfd7;margin-top:5px;overflow-wrap:anywhere}.prayer-kind{font-size:11px;color:#d4e6f5}.admin-prayer-row time{font-size:11px;color:#afc6dc}.prayer-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0 10px}.prayer-pagination>span{font-size:12px;color:#b8cee2}.prayer-pagination>div{display:flex;gap:8px}.prayer-pagination button{font-size:12px}
@media(max-width:1000px){.player-card-actions{margin-left:auto}.admin-prayer-row{grid-template-columns:minmax(110px,1fr) minmax(120px,1.2fr) 75px 130px;gap:10px;padding:14px 10px}}
@media(max-width:650px){.admin-tabs{gap:0 15px;margin:12px 0 8px}.admin-tabs button{font-size:11px;padding:8px 0}.system-settings-card{padding:20px 16px;margin:0}.system-settings-card h3{font-size:22px}.system-settings-card>p:not(.form-message){font-size:12px}.registration-switch small{font-size:10px}.prayer-toolbar{gap:8px}.prayer-toolbar label{flex:1;min-width:0}.prayer-toolbar .account-action{padding:10px;font-size:11px}.admin-prayer-row{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:9px 14px;padding:14px 10px}.admin-prayer-row b{font-size:12px}.admin-prayer-row small,.admin-prayer-row time{font-size:10px}.admin-prayer-row time{text-align:right}.prayer-pagination{gap:8px}.prayer-pagination>span{font-size:10px}.prayer-pagination button{padding:7px 9px;font-size:10px}.player-card-actions .account-action{margin:0}}

/* Growth adorns the existing host card without changing its frame. */
.host-card{--growth-color:#bce6ff;transition:border-color .7s,box-shadow .7s}
.host-card .level,.host-card #host-realm{color:var(--growth-color)}
.host-card .avatar{flex-shrink:0;color:var(--growth-color);border-color:var(--growth-color);text-shadow:0 0 14px var(--growth-color)}
.host-card .host-title>div{min-width:0;padding-right:34px}
.host-card #host-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.host-card .host-divider{position:relative}
#host-growth-fill{display:block;height:100%;width:0;background:var(--growth-color);box-shadow:0 0 7px var(--growth-color);transition:width .5s}
.host-card[data-stage]:not([data-stage="0"]){border-color:color-mix(in srgb,var(--growth-color) 65%,transparent);box-shadow:inset 0 0 35px color-mix(in srgb,var(--growth-color) 10%,transparent),0 0 24px color-mix(in srgb,var(--growth-color) 13%,transparent)}
.host-card[data-stage]:not([data-stage="0"]) .avatar{animation:host-bloom 4s ease-in-out infinite}
.host-card[data-stage="4"],.host-card[data-stage="5"]{background-image:radial-gradient(ellipse at top right,#ffedb51c,transparent 65%)}
.growth-result{padding:10px 14px;border:1px solid color-mix(in srgb,var(--growth-color) 45%,transparent);background:color-mix(in srgb,var(--growth-color) 9%,transparent);color:var(--growth-color);text-align:center;font-size:13px;line-height:1.8;margin:0 0 16px}
#modal[data-mode^="result-"] #modal-content:has(.growth-result){grid-template-rows:auto auto minmax(0,1fr)}
#modal[data-mode^="result-"] .growth-result{margin:0;padding:5px 10px}
#growth-ceremony{--growth-color:#d9c3ff;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:hidden;text-align:center;padding:42px 24px 30px;border:1px solid var(--growth-color);background:linear-gradient(#122b4dbb,#102743ed),url('assets/blossom-dialogs-daylight.112f3613acc6.webp') center/cover;box-shadow:0 0 70px color-mix(in srgb,var(--growth-color) 30%,transparent)}
#growth-ceremony::backdrop{background:#06162e99;backdrop-filter:blur(5px)}
#growth-ceremony .growth-emblem{display:grid;place-items:center;position:relative;width:140px;height:140px;margin:26px auto;color:var(--growth-color);font:58px var(--serif);text-shadow:0 0 24px var(--growth-color)}
.growth-emblem:before,.growth-emblem:after{content:"";position:absolute;inset:0;border:1px solid var(--growth-color);border-radius:50%;opacity:.65;animation:growth-ring 6s linear infinite}
.growth-emblem:after{inset:17px;border-radius:0;animation-direction:reverse}
#growth-ceremony h2{font:32px var(--serif);letter-spacing:6px;color:var(--growth-color);margin:20px 0}
#growth-ceremony p{font-size:13px;line-height:1.9;color:#d8eaff}
#growth-ceremony .eyebrow{color:var(--growth-color);font-size:10px}
#growth-ceremony .growth-continue{position:relative;margin-top:16px;padding:12px 30px;color:var(--growth-color);border:1px solid var(--growth-color);background:#c7e4ff12}
.growth-petals{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.growth-petals i{position:absolute;left:50%;top:44%;color:var(--growth-color);font-size:16px;opacity:0;font-style:normal;animation:growth-petal 3.4s var(--delay) ease-out infinite}
@keyframes host-bloom{50%{filter:brightness(1.25);box-shadow:inset 0 0 18px color-mix(in srgb,var(--growth-color) 30%,transparent)}}
@keyframes growth-ring{to{transform:rotate(360deg)}}
@keyframes growth-petal{10%{opacity:.9}90%{opacity:.4}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--turn)) scale(.4)}}
@media(max-height:600px){#growth-ceremony{padding:22px 18px}#growth-ceremony .growth-emblem{width:85px;height:85px;margin:14px auto;font-size:38px}#growth-ceremony h2{font-size:25px;margin:12px 0}}
@media(prefers-reduced-motion:reduce){.host-card .avatar,#growth-ceremony *,#growth-ceremony *:before,#growth-ceremony *:after{animation:none!important}.growth-petals{display:none}#host-growth-fill{transition:none}}

/* Fit the complete probability editor into the existing administration frame. */
#admin-dialog{background:linear-gradient(120deg,#173654cf,#244867ad 55%,#183958c9),url('assets/blossom-dialogs-daylight.112f3613acc6.webp') center/cover;border-color:#cde8ff91;box-shadow:0 25px 100px #06122599,inset 0 0 50px #b8dcff14}
#admin-dialog::backdrop{background:#06182eb3;backdrop-filter:blur(5px)}
#admin-probabilities-panel{overflow:hidden;padding:0;display:flex;flex-direction:column;gap:10px}
#admin-probabilities-panel .probability-intro{flex:none;margin:0;color:#e0edff;font-size:12px;line-height:1.6}
#probability-form{flex:1;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto auto auto;gap:10px}
#probability-fields{min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:12px}
#probability-fields .probability-row{display:flex;align-items:center;min-width:0;min-height:0;margin:0;padding:12px;gap:10px;border:1px solid #c4e3ff5c;border-radius:4px 16px 4px 16px;background:linear-gradient(120deg,#aacfee21,#122e508c);box-shadow:inset 0 1px #ffffff12;transition:border-color .2s,background .2s}
#probability-fields .probability-row:focus-within{border-color:#e0f5ff;background:#305a7da8}
#probability-fields .probability-row img{width:clamp(32px,5.6dvh,60px);height:clamp(32px,5.6dvh,60px);flex:none;border:1px solid #cde7ff47}
#probability-fields .probability-row b{color:#eef7ff;line-height:1.5;font-size:12px}
#probability-fields .probability-row small{color:#c2d8eb;font-size:10px;margin-bottom:4px}
#probability-fields .rate-input{flex:none;color:#d5e9fa}
#probability-fields input{width:66px;height:36px;padding:6px;font-size:14px;background:#102c4da8;border-color:#b1d5ef70}
#probability-form .guarantees-option{font-size:12px;color:#e4f1ff;gap:8px}
#probability-form .guarantees-option input{width:16px;height:16px;margin:0;accent-color:#80bfe9}
#probability-form .guarantee-help{color:#cbdff0;font-size:11px;line-height:1.6}
#probability-form .probability-bottom{margin:0;padding:10px 0 0;flex-wrap:nowrap;gap:10px;border-color:#c9e5ff47}
#probability-form .probability-bottom strong{font-size:22px;margin-left:10px}
#probability-form .primary-action{padding:10px 24px;box-shadow:0 0 22px #bfdfff26}
#probability-message{min-height:20px;line-height:1.5;margin:0}
#probability-fields input.reward-name-input{width:100%;height:32px;min-width:0;padding:5px 6px;font-size:12px;color:#f1f8ff;background:#15365670;border-color:#c4e4fa66}
#probability-fields input.reward-name-input:focus{border-color:#e5f6ff;background:#14314deb}
@media(min-width:1001px) and (min-height:651px){
 #probability-fields .probability-row b{font-size:14px}
 #probability-fields .probability-row small{font-size:11px}
}
@media(max-width:1000px){
 #probability-fields .probability-row{display:grid;grid-template-columns:36px minmax(0,1fr);gap:5px 8px;padding:8px}
 #probability-fields .probability-row img{width:36px;height:36px}
 #probability-fields .rate-input{grid-column:1/-1;justify-content:flex-end}
 #probability-fields input{width:78px;height:30px}
}
@media(max-width:650px){
 #admin-dialog[data-tab="probabilities"]{padding:12px}
 #admin-dialog[data-tab="probabilities"] .admin-head{gap:6px}
 #admin-dialog[data-tab="probabilities"] .admin-head h2{font-size:18px;letter-spacing:1px;margin-top:5px}
 #admin-dialog[data-tab="probabilities"] .admin-head .eyebrow{font-size:6px;letter-spacing:1px}
 #admin-dialog[data-tab="probabilities"] .admin-tabs{gap:0 12px;margin:8px 0}
 #admin-dialog[data-tab="probabilities"] .admin-tabs button{font-size:10px;padding:6px 0}
 #admin-dialog[data-tab="probabilities"] #admin-message:empty{margin:0}
 #admin-probabilities-panel{gap:7px}
 #admin-probabilities-panel .probability-intro{font-size:10px}
 #probability-form{gap:7px}
 #probability-fields{gap:6px}
 #probability-fields .probability-row{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:4px;padding:6px;border-radius:3px 10px 3px 10px}
 #probability-fields .probability-row img{display:none}
 #probability-fields .probability-row>span:nth-child(2){flex:0}
 #probability-fields .probability-row small{font-size:9px;margin-bottom:2px}
 #probability-fields .probability-row b{font-size:10px;line-height:1.35;min-height:27px}
 #probability-fields .rate-input{justify-content:flex-start;font-size:10px;gap:3px}
 #probability-fields input{width:calc(100% - 14px);height:29px;font-size:13px;padding:3px}
 #probability-form .guarantees-option{font-size:11px}
 #probability-form .guarantee-help{font-size:9px;line-height:1.5}
 #probability-form .probability-bottom{padding-top:7px}
 #probability-form .probability-bottom>div{font-size:10px}
 #probability-form .probability-bottom strong{font-size:18px;display:block;margin:2px 0 0}
 #probability-form .primary-action{font-size:12px;padding:10px 14px}
 #probability-message{font-size:10px;min-height:30px}
}
@media(max-height:650px) and (min-width:651px){
 #admin-dialog[data-tab="probabilities"]{padding:12px 18px}
 #admin-dialog[data-tab="probabilities"] .admin-head h2{font-size:22px;margin-top:4px}
 #admin-dialog[data-tab="probabilities"] .admin-tabs{margin:8px 0 6px}
 #admin-dialog[data-tab="probabilities"] .admin-tabs button{padding:6px 3px;font-size:12px}
 #admin-dialog[data-tab="probabilities"] #admin-message:empty{margin:0}
 #admin-probabilities-panel,#probability-form{gap:6px}
 #probability-fields{gap:6px}
 #probability-fields .probability-row{display:flex;padding:5px 8px;gap:6px;border-radius:3px 10px 3px 10px}
 #probability-fields .probability-row img,#probability-fields .probability-row small{display:none}
 #probability-fields .probability-row b{font-size:11px}
 #probability-fields input{width:56px;height:28px;font-size:12px}
 #probability-form .guarantee-help{font-size:10px;line-height:1.4}
 #probability-form .probability-bottom{padding-top:5px}
 #probability-form .primary-action{padding:7px 18px;font-size:12px}
 #probability-message{font-size:10px;min-height:15px}
}
@media(max-height:650px) and (max-width:650px){
 #probability-fields .probability-row small{display:none}
 #probability-fields .probability-row{padding:4px 6px;gap:3px}
}
@media(max-height:450px) and (min-width:651px){
 #admin-probabilities-panel,#probability-form{gap:3px}
 #admin-probabilities-panel .probability-intro{font-size:10px}
 #probability-fields{gap:3px}
 #probability-fields .probability-row{padding:2px 6px}
 #probability-fields input{height:24px;padding:2px 4px}
 #probability-form .probability-bottom strong{font-size:18px}
 #probability-form .guarantee-help{font-size:9px}
 #probability-form .primary-action{padding:5px 18px}
}
@media(max-width:650px){
 #probability-fields .probability-row>span:nth-child(2){width:100%}
 #probability-fields input.reward-name-input{height:28px;padding:3px;font-size:11px}
}
@media(max-height:650px) and (min-width:651px){
 #probability-fields input.reward-name-input{height:26px;padding:3px;font-size:11px}
}

/* The player-facing reward pool: all nine gifts share one viewport. */
#modal[data-mode="pool"]{width:min(920px,96vw);height:min(900px,92dvh);max-height:none;padding:clamp(14px,2.5dvh,28px);overflow:hidden;background:linear-gradient(120deg,#173654b8,#2448679c 55%,#183958b8),url('assets/blossom-dialogs-daylight.112f3613acc6.webp') center/cover;border-color:#cfdfeb91;box-shadow:0 25px 100px #06122599,inset 0 0 50px #b8dcff0b}
#modal[data-mode="pool"][open]{display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(10px,1.8dvh,18px)}
#modal[data-mode="pool"]::backdrop{background:#06182eb3;backdrop-filter:blur(5px)}
#modal[data-mode="pool"] .modal-head{margin:0;padding-bottom:clamp(10px,1.6dvh,18px);gap:10px}
#modal[data-mode="pool"] .modal-head h2{font-size:clamp(23px,3.5dvh,32px);margin:7px 0 0}
#modal[data-mode="pool"] #modal-content{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(9px,1.5dvh,16px)}
#modal[data-mode="pool"] .modal-note{margin:0;font-size:12px;line-height:1.6;color:#dfedfa}
#modal[data-mode="pool"] #modal-footer{display:none}
#modal[data-mode="pool"] .pool-grid{min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(7px,1.4dvh,14px)}
#modal[data-mode="pool"] .reward-card{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-items:stretch;gap:6px;padding:clamp(7px,1.3dvh,13px);border-radius:4px 16px 4px 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--rarity) 16%,transparent),#142f509c);border-color:color-mix(in srgb,var(--rarity) 65%,transparent)}
#modal[data-mode="pool"] .reward-image{width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain;margin:0;background:transparent}
#modal[data-mode="pool"] .rarity-tag{font-size:10px;line-height:1.3;letter-spacing:1px}
#modal[data-mode="pool"] .reward-card h3{font-size:13px;line-height:1.4;letter-spacing:0;margin:0;color:#eef7ff}
#modal[data-mode="pool"] .reward-card h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;max-height:2.8em}
#modal[data-mode="pool"] .rarity-tag{letter-spacing:0}
@media(max-width:650px){
 #modal[data-mode="pool"]{width:calc(100vw - 16px);height:calc(100dvh - 24px);padding:12px}
 #modal[data-mode="pool"] .modal-head .eyebrow{font-size:7px;letter-spacing:1px}
 #modal[data-mode="pool"] .modal-head h2{font-size:24px;letter-spacing:4px}
 #modal[data-mode="pool"] .modal-note{font-size:10px}
 #modal[data-mode="pool"] .pool-grid{gap:6px}
 #modal[data-mode="pool"] .reward-card{padding:6px;gap:5px;border-radius:3px 10px 3px 10px}
 #modal[data-mode="pool"] .rarity-tag{font-size:9px;letter-spacing:0}
 #modal[data-mode="pool"] .reward-card h3{font-size:11px;min-height:31px}
}
@media(max-height:500px) and (min-width:651px){
 #modal[data-mode="pool"]{height:calc(100dvh - 24px);padding:12px 16px}
 #modal[data-mode="pool"] .modal-head h2{font-size:22px;margin-top:3px}
 #modal[data-mode="pool"] .reward-card{grid-template-columns:minmax(30px,.8fr) minmax(0,1fr);grid-template-rows:auto auto;gap:3px 8px;align-content:center}
 #modal[data-mode="pool"] .reward-image{grid-row:1/3;grid-column:1}
 #modal[data-mode="pool"] .rarity-tag{grid-row:1;grid-column:2;align-self:end;text-align:left}
 #modal[data-mode="pool"] .reward-card h3{grid-row:2;grid-column:2;align-self:start;font-size:11px;text-align:left}
}

/* Keep the same artwork and interactions, without repainting obscured scenes. */
body.auth-active #particles *,
body.dialog-open #particles *,
body.dialog-open .app-shell *,
body.dialog-open .app-shell *::before,
body.dialog-open .app-shell *::after,
body.page-inactive *,
body.page-inactive *::before,
body.page-inactive *::after { animation-play-state: paused !important; }
.entry-atmosphere { contain: strict; }
/* A viewport-sized static wash replaces an oversized, blended moving layer. */
.entry-aurora { inset: 0; animation: none; mix-blend-mode: normal; opacity: .6; }
#entry-stars, #entry-meteors { mask-image: none; }
#entry-stars i { box-shadow: 0 0 7px 1px #d8f4ff9c; }
#entry-stars i:nth-child(7n) { box-shadow: 0 0 9px 1px #fff0bd99; }
.light-effects .entry-emblem { filter: none; }
.light-effects .entry-meteor { box-shadow: none; }
.light-effects .entry-meteor::after { box-shadow: 0 0 8px 2px #cceaff99; }
.light-effects .glass { backdrop-filter: none; background-color: #17335370; }
.light-effects dialog::backdrop { backdrop-filter: none !important; }
.light-effects .cinematic-rays { inset: -20%; }
.light-effects .cinematic-sigil { animation: none; }
.light-effects .host-card[data-stage] .avatar { animation: none; }
.light-effects .top-actions #sound.music-playing { animation: none; }

/* Match the shorter interaction timeline without removing the visual theme. */
#auth-screen.is-entering .entry-transition,
#auth-screen.is-entering .entry-content { animation-duration: .3s; }
.cinematic-flowers img { animation-duration: .8s; }
.light-effects .portal-core { filter: none; }
.light-effects .cinematic-flowers img { filter: none; }
.light-effects .portal-aura { filter: none; }