@font-face{font-family:Corpid;src:url(../corpid.ttf)}@font-face{font-family:Matisse;src:url(../matisse.otf)}*{box-sizing:border-box}html,body{background:#01070d;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.viewport{background:radial-gradient(circle at 50% 40%,#17384d,#01070d 72%);position:fixed;inset:0;overflow:hidden}.stage{--summon-color:#73eaff;--summon-accent:#ecfbff;width:1920px;height:1080px;transform:translate(-50%,-50%) scale(var(--stage-scale));transform-origin:50%;color:#fff;isolation:isolate;background:#03111b;font-family:Corpid,Arial,sans-serif;position:absolute;top:50%;left:50%;overflow:hidden}.paradise-bg{filter:saturate(.75)contrast(1.12)brightness(.62);background:linear-gradient(#00121e70,#00111ad6),url(../paradise.webp) 50% 38%/cover no-repeat;transition:filter 1s,transform 7s;position:absolute;inset:-45px;transform:scale(1.04)}.bg-vignette{z-index:1;background:radial-gradient(at 50% 54%,#0000 20%,#00101b88 54%,#00060ce8 100%),linear-gradient(90deg,#00111bd4,#0000 22% 78%,#00111bd4);position:absolute;inset:0}#starfield{z-index:2;mix-blend-mode:screen;position:absolute;inset:0}.scanlines{z-index:40;pointer-events:none;opacity:.07;background:repeating-linear-gradient(0deg,#0000 0 3px,#bfefff 4px);position:absolute;inset:0}.summon-header{z-index:20;color:#0a334d;background:linear-gradient(#edf9fbf7,#a9c9d4ee 65%,#476d7cee);border-bottom:3px solid #e4c36b;align-items:center;height:112px;padding:10px 54px;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 6px 20px #000b}.header-mark{background:linear-gradient(135deg,#043f61,#138db6);border:2px solid #fff;place-items:center;width:76px;height:76px;display:grid;transform:rotate(45deg);box-shadow:inset 0 0 0 4px #0b5270,0 0 14px #c9f6ff}.header-mark span{color:#fff;text-shadow:0 2px #00354e;font-family:Matisse,serif;font-size:38px;transform:rotate(-45deg)}.header-copy{border-left:1px solid #60899b;margin-left:28px;padding-left:24px}.header-copy small{letter-spacing:.34em;color:#008dbe;font-size:14px}.header-copy h1{letter-spacing:.04em;margin:4px 0 0;font-family:Matisse,serif;font-size:35px;font-weight:500}.header-status{text-align:right;margin-left:auto}.header-status span,.header-status b{display:block}.header-status span{letter-spacing:.24em;color:#26718d;font-size:12px}.header-status b{margin-top:6px;font-size:18px}.system-readout{z-index:18;color:#9ad9e9;letter-spacing:.28em;text-shadow:0 0 8px #54dcff;background:linear-gradient(90deg,#0000,#012b40d9 18% 82%,#0000);justify-content:center;align-items:center;gap:13px;min-width:475px;height:42px;padding:0 35px;font-size:13px;display:flex;position:absolute;top:130px;left:50%;transform:translate(-50%)}.system-readout i{background:#45616a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #19333d}.system-readout i.live{background:#6ffaff;animation:.45s infinite alternate blink;box-shadow:0 0 10px #6ffaff}.left-lore{z-index:12;color:#b7d7df;align-items:center;gap:25px;width:255px;display:flex;position:absolute;top:205px;bottom:150px;left:70px}.vertical-jp{writing-mode:vertical-rl;letter-spacing:.25em;color:#e6d39a;text-shadow:0 0 14px #f0d476;border-right:1px solid #9bb9bf55;padding-right:20px;font-family:Matisse,serif;font-size:31px}.left-lore small{letter-spacing:.27em;color:#79dff4;font-size:12px}.left-lore p{color:#a5c0c8;font-family:Georgia,serif;font-size:15px;font-style:italic;line-height:1.7}.ritual{z-index:8;perspective:1400px;width:800px;height:800px;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.outer-sigil{opacity:.82;border:2px solid #8deeff88;border-radius:50%;transition:opacity .5s,filter .5s;position:absolute;inset:70px;transform:rotateX(69deg);box-shadow:inset 0 0 55px #4ddcff23,0 0 35px #1bbee738}.ring{border:2px solid #9cecff;border-radius:50%;position:absolute;box-shadow:0 0 18px #68e4ff,inset 0 0 18px #68e4ff}.ring:before,.ring:after{content:"";border:1px dashed #bbf3ff99;border-radius:50%;position:absolute;inset:10%}.ring-a{animation:16s linear infinite rotate;inset:9%}.ring-b{border-color:#d6f8ff;animation:10s linear infinite rotateReverse;inset:22%}.ring-c{border-style:dashed;animation:7s linear infinite rotate;inset:36%}.rune-track{color:#c3f5ff;letter-spacing:.35em;word-spacing:1.2em;text-align:center;text-shadow:0 0 9px #4ee5ff;border-radius:50%;justify-content:center;align-items:flex-start;padding-top:8px;font-family:Matisse,serif;font-size:17px;animation:24s linear infinite rotate;display:flex;position:absolute;inset:2%;overflow:hidden}.orb{--angle:calc(var(--i) * 25.714deg);width:42px;height:42px;transform:rotate(var(--angle)) translateX(292px) rotate(calc(var(--angle) * -1));opacity:.34;margin:-21px;position:absolute;top:50%;left:50%}.orb b{background:radial-gradient(circle at 34% 30%,#fff 0 6%,#a8f2ff 10%,#20b9e8 42%,#003950 73%);border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 0 12px #b6f7ff,0 0 28px #37d5ff,0 0 55px #138cbf}.core{filter:drop-shadow(0 0 24px #4fe6ff);background:radial-gradient(circle,#efffff 0 4%,#68e7ff 9%,#0876a075 30%,#0000 70%);border-radius:50%;place-items:center;width:210px;height:210px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.core-diamond{border:2px solid #c4f7ff;width:115px;height:115px;position:absolute;transform:rotate(45deg);box-shadow:inset 0 0 20px #53dfff,0 0 18px #53dfff}.core-star{color:#fff;text-shadow:0 0 15px #fff,0 0 45px #64eaff;font-size:72px}.light-column{z-index:7;opacity:0;background:linear-gradient(90deg,transparent,var(--summon-color),white 45% 55%,var(--summon-color),transparent);width:180px;height:1280px;filter:blur(8px) drop-shadow(0 0 60px var(--summon-color));mix-blend-mode:screen;position:absolute;top:-430px;left:50%;transform:translate(-50%)scaleX(.05)}.shockwave{z-index:6;border:8px solid var(--summon-accent);opacity:0;width:250px;height:250px;box-shadow:0 0 45px var(--summon-color),inset 0 0 30px var(--summon-color);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.2)}.invocation{z-index:22;text-align:center;opacity:0;color:#fff;letter-spacing:.08em;min-width:760px;text-shadow:0 0 10px #000,0 0 18px var(--summon-color);font-family:Georgia,serif;font-size:21px;font-style:italic;transition:opacity .5s;position:absolute;bottom:140px;left:50%;transform:translate(-50%)}.phase-activation .outer-sigil,.phase-formation .outer-sigil,.phase-acceleration .outer-sigil,.phase-cue .outer-sigil{opacity:1}.phase-activation .core{animation:1s ease-in-out infinite corePulse}.phase-formation .orb{opacity:1;animation:.75s cubic-bezier(.15,.8,.2,1) both orbArrive;animation-delay:calc(var(--i) * 55ms)}.phase-formation .outer-sigil{animation:1.4s ease-in-out infinite sigilWake}.phase-acceleration .outer-sigil,.phase-cue .outer-sigil{filter:hue-rotate()brightness(1.5);animation:.72s linear infinite ritualSpin}.phase-acceleration .orb,.phase-cue .orb{opacity:1;animation:.42s ease-in-out infinite alternate orbBurn}.phase-cue .outer-sigil{filter:sepia(.2) saturate(2) drop-shadow(0 0 35px var(--summon-color));border-color:var(--summon-color)}.phase-cue .orb b{background:radial-gradient(circle at 34% 30%,#fff,var(--summon-accent) 15%,var(--summon-color) 48%,#201232 75%);box-shadow:0 0 18px white,0 0 42px var(--summon-color),0 0 80px var(--summon-color)}.phase-cue .invocation,.phase-eruption .invocation{opacity:1}.phase-eruption .light-column,.phase-rising .light-column{animation:1.15s cubic-bezier(.1,.7,.2,1) forwards beamIgnite}.phase-eruption .shockwave.one{animation:1s ease-out forwards shock}.phase-eruption .shockwave.two{animation:1s ease-out .22s forwards shock}.phase-eruption .outer-sigil{animation:.8s ease-in forwards collapse}.whiteout{z-index:32;pointer-events:none;opacity:0;background:#fff;position:absolute;inset:0}.phase-eruption .whiteout{animation:.9s ease-out whiteFlash}.summon-card-wrap{z-index:10;opacity:0;perspective:1600px;width:330px;height:570px;filter:drop-shadow(0 0 32px var(--summon-color)) drop-shadow(0 18px 18px #000c);position:absolute;top:50%;left:50%;transform:translate(-50%,-12%)scale(.25)}.summon-card{width:100%;height:100%;transform-style:preserve-3d;position:relative}.card-face{backface-visibility:hidden;clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 24px,100% calc(100% - 24px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 24px),0 24px);background:#071018;border:6px solid #d9edf1;outline:2px solid #a77a27;position:absolute;inset:0;overflow:hidden}.card-back{background:radial-gradient(circle,#173a47,#02070b 72%);place-items:center;display:grid}.back-sigil{color:#e9d18a;text-shadow:0 0 16px #f5d765;font-family:Matisse,serif;font-size:62px;position:absolute}.card-front{border-color:var(--summon-accent);transform:rotateY(180deg);box-shadow:inset 0 0 0 4px #253544}.card-art-frame{position:absolute;inset:14px 14px 75px;overflow:hidden}.card-art-frame img{object-fit:cover;width:100%;height:100%}.card-gradient{background:linear-gradient(#0000 55%,#050a0e 84%),radial-gradient(circle at 50% 20%,#0000 30%,#06121d82);position:absolute;inset:0}.card-stars{text-align:center;color:#ffd44d;letter-spacing:.16em;text-shadow:0 2px 2px #000,0 0 9px #ffcb3d;font-size:24px;position:absolute;top:20px;left:0;right:0}.card-caption{text-align:center;text-shadow:0 2px 3px #000;position:absolute;bottom:22px;left:18px;right:18px}.card-caption small,.card-caption strong{display:block}.card-caption small{color:var(--summon-color);letter-spacing:.23em;font-size:11px}.card-caption strong{margin-top:5px;font-family:Matisse,serif;font-size:24px;font-weight:500}.card-ornament{color:#edd783;font-size:20px;position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}.card-ornament.top{top:-5px}.card-ornament.bottom{bottom:-4px}.phase-rising .summon-card-wrap,.phase-reveal .summon-card-wrap,.phase-result .summon-card-wrap{opacity:1;transition:transform 1.2s cubic-bezier(.12,.72,.18,1),opacity .45s;transform:translate(-50%,-50%)scale(1)}.phase-reveal .summon-card,.phase-result .summon-card{transition:transform 1s cubic-bezier(.2,.7,.2,1);transform:rotateY(180deg)}.phase-result .summon-card-wrap{transition:all .9s cubic-bezier(.2,.7,.2,1);top:51%;left:37%;transform:translate(-50%,-50%)scale(.82)}.result-panel{z-index:20;color:#14384d;clip-path:polygon(32px 0,100% 0,100% calc(100% - 32px),calc(100% - 32px) 100%,0 100%,0 32px);opacity:0;pointer-events:none;background:linear-gradient(135deg,#edf6f8f2,#afc9d2e8);border:3px solid #f0d584;width:590px;min-height:500px;padding:52px 58px;position:absolute;top:260px;right:115px;transform:translate(90px);box-shadow:0 18px 60px #000b,inset 0 0 0 4px #fffa}.phase-result .result-panel{opacity:1;transition:all .8s .3s;transform:translate(0)}.result-rarity{color:#e2a812;letter-spacing:.12em;text-shadow:0 1px #fff;font-size:30px}.result-panel>small{letter-spacing:.3em;color:#008aae;margin-top:20px;font-size:13px;display:block}.result-panel h2{color:#142f42;margin:12px 0;font-family:Matisse,serif;font-size:45px;font-weight:500;line-height:1.1}.result-rule{color:#a46c1b;letter-spacing:.2em;align-items:center;gap:15px;font-size:14px;display:flex}.result-rule i{background:#8aa1aa;flex:1;height:1px}.result-panel p{color:#365467;border-top:1px solid #8aa1aa;margin-top:26px;padding-top:24px;font-family:Georgia,serif;font-size:20px;line-height:1.65}.secret-note{color:#c5173d;letter-spacing:.16em;margin-top:20px;font-size:12px;display:block}.controls{z-index:25;background:linear-gradient(#0000,#173848dc 30%,#061822f5);border-top:1px solid #74b4c466;justify-content:center;align-items:center;gap:34px;height:126px;display:flex;position:absolute;bottom:0;left:0;right:0}.main-control{justify-content:center;align-items:center;width:410px;height:112px;display:flex}.summon-button{color:#fff;clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px);cursor:pointer;text-shadow:0 2px 3px #4c0827;background:linear-gradient(135deg,#f7cb50 0 8%,#e05c35 9% 20%,#b51758 45%,#5e155d 100%);border:3px solid #fff5c1;width:380px;height:100px;transition:filter .2s,transform .2s;position:relative;box-shadow:inset 0 0 0 4px #8f284c,0 4px 12px #000,0 0 22px #ffca56}.summon-button:hover{filter:brightness(1.17);transform:translateY(-2px)}.summon-button small,.summon-button strong,.summon-button span{display:block}.summon-button small{letter-spacing:.32em;font-size:10px}.summon-button strong{font-family:Matisse,serif;font-size:34px;line-height:1.05}.summon-button span{letter-spacing:.2em;color:#ffecc5;font-size:11px}.reset-button{background:linear-gradient(135deg,#68dbec,#087cad 45%,#084260);box-shadow:inset 0 0 0 4px #0b6382,0 4px 12px #000,0 0 22px #5de8ff}.sound-button{color:#d3f6fc;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);letter-spacing:.12em;cursor:pointer;background:linear-gradient(#194f68,#062c40);border:2px solid #b9ecf4;width:112px;height:66px;font-size:11px}.sound-button span{color:#f4d573;margin-bottom:3px;font-size:20px;display:block}.glitch-layer{z-index:50;pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 20px,#ff164733 21px 23px);display:none;position:absolute;inset:0}.glitch-layer span{letter-spacing:.08em;color:#fff;text-shadow:-12px 0 #ff1647,12px 0 #00e7ff;white-space:nowrap;font:72px monospace;position:absolute;top:44%;left:-2%}.secret-summon.phase-reveal .summon-card{animation:.16s steps(2,end) 5 secretCard,1.5s ease-in-out 1s infinite cardHover}.secret-summon.phase-result .result-panel{box-shadow:0 18px 60px #000b,inset 0 0 0 4px #fff,0 0 45px #ff234f}.secret-summon.phase-result .scanlines{opacity:.17}.phase-result .invocation{opacity:0}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes rotateReverse{to{transform:rotate(-360deg)}}@keyframes blink{to{opacity:.25}}@keyframes corePulse{50%{filter:drop-shadow(0 0 50px #4fe6ff);transform:translate(-50%,-50%)scale(1.16)}}@keyframes sigilWake{50%{box-shadow:inset 0 0 90px #4ddcff47,0 0 80px #1bbee76b}}@keyframes orbArrive{0%{transform:rotate(var(--angle)) translateX(0) scale(.05);filter:brightness(5)}to{transform:rotate(var(--angle)) translateX(292px) rotate(calc(var(--angle) * -1)) scale(1)}}@keyframes ritualSpin{to{transform:rotateX(69deg)rotate(360deg)}}@keyframes orbBurn{to{filter:brightness(1.8);transform:rotate(var(--angle)) translateX(292px) rotate(calc(var(--angle) * -1)) scale(1.25)}}@keyframes beamIgnite{0%{opacity:0;transform:translate(-50%)scaleX(.02)}20%{opacity:1;transform:translate(-50%)scaleX(1.6)}to{opacity:.78;transform:translate(-50%)scaleX(.64)}}@keyframes shock{to{opacity:0;border-width:1px;transform:translate(-50%,-50%)scale(4.5)}}@keyframes collapse{to{opacity:0;filter:brightness(5);transform:rotateX(69deg)scale(.08)}}@keyframes whiteFlash{0%,15%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes cardHover{50%{transform:translateY(-13px)}}@keyframes glitch{0%{transform:translate(0)}25%{transform:translate(-16px,7px)}50%{transform:translate(13px,-5px)}75%{transform:translate(-7px,-9px)}}@keyframes secretBreak{0%{transform:rotateX(69deg)translate(0)}50%{transform:rotateX(69deg)translate(28px,-12px)scaleY(.7)}to{transform:rotateX(69deg)translate(-19px,16px)scaleX(1.08)}}@keyframes secretCard{0%{transform:rotateY(180deg)translate(0)}50%{transform:rotateY(180deg)translate(18px,-9px)skew(4deg)}to{transform:rotateY(180deg)translate(-12px,6px)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.system-readout b{color:#f3d77f;letter-spacing:.18em;border-left:1px solid #77c7da88;margin-left:16px;padding-left:18px;font-size:12px}.summon-field{z-index:5;pointer-events:none;transition:opacity .45s;position:absolute;inset:0}.summon-field canvas{display:block;width:100%!important;height:100%!important}.three-ready .outer-sigil{visibility:hidden;opacity:0!important}.phase-rising .summon-field,.phase-reveal .summon-field,.phase-result .summon-field{opacity:.22}.summon-card-wrap{width:358px;height:570px}.phase-rising .summon-card{animation:3.3s cubic-bezier(.32,.02,.2,1) both halfCardTurn}.phase-rising .card-back{backface-visibility:hidden}.phase-rising .card-front{visibility:visible}.phase-rising .card-front .finished-card{clip-path:inset(100% 0 0)}.phase-reveal .summon-card,.phase-result .summon-card{transition:none;animation:none;transform:rotateY(-180deg)}.secret-summon.phase-reveal .summon-card{transition:none;animation:none;transform:rotateY(-180deg)translateZ(0)}.light-column{width:520px}.rainbow-corona{z-index:5;pointer-events:none;opacity:0;transform-style:preserve-3d;position:absolute;inset:-55px;transform:rotateX(69deg)scale(.55)}.rainbow-corona i{filter:blur(2px)drop-shadow(0 0 12px #fff)drop-shadow(0 0 25px #78dcff);mix-blend-mode:screen;background:conic-gradient(#ff315e,#ffb72f,#fff478,#48f59d,#47dcff,#7180ff,#dc55ff,#ff315e);border-radius:50%;position:absolute;inset:8%;-webkit-mask:radial-gradient(circle,#0000 57%,#000 58% 62%,#0000 63%);mask:radial-gradient(circle,#0000 57%,#000 58% 62%,#0000 63%)}.rainbow-corona i:nth-child(2){filter:blur(1px)drop-shadow(0 0 17px #ffda6a);inset:15%;transform:rotate(120deg)}.rainbow-corona i:nth-child(3){filter:blur(3px)drop-shadow(0 0 20px #fff);inset:23%;transform:rotate(-70deg)}.secret-summon.phase-cue .rainbow-corona{animation:1.8s cubic-bezier(.12,.7,.16,1) forwards rainbowCoronaWake}.secret-summon.phase-cue .rainbow-corona i{animation:.85s linear infinite rainbowCoronaSpin}.secret-summon.phase-cue .rainbow-corona i:nth-child(2){animation-duration:.62s;animation-direction:reverse}.secret-summon.phase-cue .rainbow-corona i:nth-child(3){animation-duration:.44s}.secret-summon.phase-eruption .rainbow-corona{opacity:1;animation:1.15s ease-out forwards rainbowCoronaBurst}.secret-summon.phase-eruption .light-column{filter:blur(7px)drop-shadow(0 0 38px #fff)drop-shadow(0 0 75px #7ddfff);background:linear-gradient(90deg,#0000 0,#ff3c79 8%,#ffd84f 17%,#65f5c4 24%,#fff 34% 66%,#6cdfff 76%,#9b74ff 83%,#ff4ca8 92%,#0000 100%)}.secret-summon.phase-eruption .whiteout{background:radial-gradient(circle,#fff 0 32%,#fff9ca 48%,#b5f5ff 70%,#fff);animation:1.15s ease-out rainbowWhiteFlash}.phase-eruption .light-column,.phase-rising .light-column,.phase-reveal .light-column{z-index:15;background:linear-gradient(90deg, transparent 0, var(--summon-color) 9%, #fff 25%, #fff 75%, var(--summon-color) 91%, transparent 100%);mix-blend-mode:screen}.phase-eruption .light-column{animation:.45s cubic-bezier(.1,.75,.15,1) forwards eruptionMaskIn}.phase-rising .light-column{animation:.85s ease-out forwards eruptionMaskRelease}.phase-reveal .light-column{opacity:0;animation:none;transform:translate(-50%)scaleX(.03)}.card-face{clip-path:none;background:#05090c;border:4px solid #dfeff2;border-radius:16px;outline:2px solid #9c762b}.card-back{overflow:hidden}.card-back img{object-fit:fill;width:100%;height:100%}.card-front{box-shadow:none;background:0 0;border:0;outline:0;padding:0;overflow:visible}.card-reveal-underlay{z-index:0;object-fit:fill;border-radius:14px;width:100%;height:100%;position:absolute;inset:0;box-shadow:inset 0 0 0 4px #dfeff2,inset 0 0 0 6px #9c762b}.card-front>.finished-card{z-index:1}.card-reveal-combustion{z-index:20;pointer-events:none;opacity:0;height:78px;position:absolute;bottom:-38px;left:-5%;right:-5%}.combustion-edge{opacity:.9;filter:blur(.35px)drop-shadow(0 0 4px #fff)drop-shadow(0 0 11px #ff9a32);background:radial-gradient(at 8%,#fff 0 2px,#ffe9a5 3px,#0000 8px),radial-gradient(at 23% 45%,#fff 0 2px,#ffb947 4px,#0000 10px),radial-gradient(at 41% 55%,#fff 0 2px,#ffe9a5 4px,#0000 9px),radial-gradient(at 64% 40%,#fff 0 2px,#ff9a32 4px,#0000 10px),radial-gradient(at 82% 55%,#fff 0 2px,#ffe9a5 4px,#0000 9px),linear-gradient(90deg,#0000,#ff9b32 9%,#fff6c9 22% 78%,#ff9b32 91%,#0000);height:9px;position:absolute;bottom:25px;left:3%;right:3%;transform:scaleX(.96)}.combustion-particles{position:absolute;inset:0;overflow:visible}.combustion-particles i{left:var(--spark-x);width:var(--spark-size);height:calc(var(--spark-size) * 1.7);opacity:0;animation:cardEmber var(--spark-duration) ease-out infinite;animation-delay:var(--spark-delay);background:#fff4c2;border-radius:50%;position:absolute;bottom:23px;box-shadow:0 0 4px #fff,0 0 8px #ff8d24}.combustion-particles i:nth-child(3n){background:#ff7b24;box-shadow:0 0 5px #ff5b16}.combustion-particles i:nth-child(5n){width:2px;height:2px;box-shadow:none;background:#6b331e}.phase-reveal .card-front .finished-card{clip-path:inset(100% 0 0);animation:2.9s cubic-bezier(.26,.55,.18,1) .12s forwards cardMaterialize}.phase-reveal .card-reveal-combustion{animation:2.9s cubic-bezier(.26,.55,.18,1) .12s forwards combustionClimb}.finished-card{background:#06090c;border-radius:14px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #edf7f8}.finished-card-art{z-index:0;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.baked-frame-card .finished-card-art{object-fit:cover;object-position:center;width:95.6%;height:80.2%;inset:5.5% auto auto 2.2%}.finished-card-shade{z-index:1;background:linear-gradient(#0000 58%,#020406d9 83%,#010203 100%),radial-gradient(circle at 50% 35%,#0000 45%,#0007);position:absolute;inset:0}.baked-frame-card .finished-card-shade{display:none}.finished-card-frame,.finished-card-stars,.finished-card-type{z-index:3;object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.finished-card-stars{z-index:4}.finished-card-type{z-index:5}.finished-card-caption{z-index:7;text-align:center;color:#fff;text-shadow:0 2px 3px #000,0 0 10px #000;position:absolute;bottom:34px;left:40px;right:40px}.finished-card-caption small,.finished-card-caption strong{display:block}.finished-card-caption small{color:var(--summon-color);letter-spacing:.19em;font-size:10px}.baked-frame-card .finished-card-caption small{color:#fff;text-shadow:0 1px 3px #000}.finished-card-caption strong{margin-top:4px;font-family:Matisse,serif;font-size:22px;font-weight:500;line-height:1.05}.new-card-badge{color:#7b2305;letter-spacing:.12em;background:linear-gradient(135deg,#ffed84,#f4a91d);border:2px solid #fff;padding:8px 18px;font-size:16px;position:absolute;top:35px;right:38px;transform:skew(-8deg);box-shadow:0 0 18px #ffd94d}.ten-reveal-actions{grid-template-columns:1fr auto;gap:10px;margin-top:28px;display:grid}.ten-reveal-actions button{color:#fff;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);letter-spacing:.08em;background:linear-gradient(135deg,#d64d75,#781c55);border:2px solid #fff1b3;min-height:55px;padding:10px 20px;box-shadow:0 3px 8px #17314166}.ten-reveal-actions .skip-button{background:linear-gradient(#267394,#0b405a);border-color:#9ed9e6;font-size:11px}.main-control{gap:18px;width:900px}.single-button{background:linear-gradient(135deg,#42c8df,#087ca7 46%,#063d61);width:210px;box-shadow:inset 0 0 0 4px #096584,0 4px 12px #000,0 0 18px #5de8ff}.single-button strong{font-size:31px}.ten-button{width:420px}.force-kasumi-button{color:#fff;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);cursor:pointer;text-shadow:0 2px 3px #000;background:linear-gradient(#10233dd9,#07172de8) padding-box padding-box,conic-gradient(#ff3f73,#ffd851,#62efb1,#52d9ff,#7c72ff,#e65bff,#ff3f73) border-box;border:3px solid #fff;flex:0 0 190px;width:190px;height:84px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #79ddff55,0 0 18px #8adfff,0 4px 12px #000b}.ritual-diagnostics{z-index:20;color:#79a4b5;font-size:9px;position:absolute;bottom:7px;right:8px}.ritual-diagnostics summary{color:#527383;cursor:pointer;place-items:center;width:18px;height:18px;margin-left:auto;list-style:none;display:grid}.ritual-diagnostics label{color:#b7d7e2;letter-spacing:.06em;text-align:left;background:#06121bea;border:1px solid #527383;width:190px;padding:9px 11px;position:absolute;bottom:23px;right:0}.kasumi-summon-scene{z-index:80;background:linear-gradient(#06111a5c,#02060ddd);position:absolute;inset:0;overflow:hidden}.summon-character-stage{pointer-events:none;position:absolute;inset:0}.summoned-kasumi{object-fit:contain;filter:drop-shadow(0 18px 22px #000c);width:610px;height:840px;animation:.55s ease-out both kasumiSummonArrival;position:absolute;bottom:145px;left:50%;transform:translate(-50%)}.interrupting-kiara{width:520px;height:650px;animation:.45s ease-out both kiaraInterrupt;position:absolute;bottom:150px;right:120px}.interrupting-kiara img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.summon-dialogue{z-index:3;color:#13384f;text-align:left;cursor:pointer;background:linear-gradient(135deg,#eff8faf4,#a9c8d4f2);border:3px solid #e9d174;min-height:130px;padding:20px 32px;position:absolute;bottom:50px;left:180px;right:180px;box-shadow:0 14px 35px #000b}.summon-dialogue strong,.summon-dialogue span{display:block}.summon-dialogue strong{color:#087aa2;letter-spacing:.12em;margin-bottom:10px;font-size:17px}.summon-dialogue span{font:21px/1.45 Georgia,serif}.summon-dialogue small{color:#4f7484;letter-spacing:.12em;position:absolute;bottom:10px;right:20px}@keyframes kasumiSummonArrival{0%{opacity:0;transform:translate(-50%,45px)}}@keyframes kiaraInterrupt{0%{opacity:0;transform:translate(80px)}}.force-kasumi-button:before{content:"";background:conic-gradient(#0000,#ffffff6b,#0000 24%);animation:2.1s linear infinite forceButtonSweep;position:absolute;inset:-80%}.force-kasumi-button small,.force-kasumi-button strong,.force-kasumi-button span{z-index:1;display:block;position:relative}.force-kasumi-button small{color:#9beaff;letter-spacing:.2em;font-size:8px}.force-kasumi-button strong{letter-spacing:.06em;margin:5px 0 3px;font-size:16px}.force-kasumi-button span{color:#ffe894;letter-spacing:.16em;font-size:9px}.force-kasumi-button:hover{filter:brightness(1.18);transform:translateY(-2px)}.controls{gap:22px;height:138px}.room-back{color:#14384d;text-align:center;letter-spacing:.12em;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);background:linear-gradient(#fbffff,#bed4dc);border:2px solid #8eb8c8;min-width:118px;margin-right:20px;padding:12px 14px;font-size:12px;text-decoration:none;box-shadow:0 3px 8px #17314155}.room-back:hover{filter:brightness(1.08);border-color:#e3c66e}.quartz-wallet{text-align:right;border-left:1px solid #7193a1;min-width:170px;margin-left:auto;margin-right:28px;padding:8px 18px}.quartz-wallet span,.quartz-wallet b{display:block}.quartz-wallet span{color:#167d9d;letter-spacing:.2em;font-size:10px}.quartz-wallet b{color:#123b58;margin-top:3px;font-size:23px}.quartz-wallet+.header-status{margin-left:0}.summon-button:disabled{cursor:not-allowed;filter:grayscale(.85)brightness(.62);box-shadow:inset 0 0 0 4px #344650,0 3px 8px #0008}.sfx-controls{align-items:center;gap:14px;width:292px;height:82px;display:flex}.sfx-controls .sound-button{flex:0 0 100px}.volume-control{color:#c9edf4;letter-spacing:.13em;text-shadow:0 1px 3px #000;gap:9px;width:176px;font-size:10px;display:grid}.volume-control input{appearance:none;cursor:pointer;background:linear-gradient(90deg,#f1d277,#43c8e3);border:1px solid #a9dbe5;border-radius:0;outline:1px solid #173c4d;width:100%;height:5px;margin:0}.volume-control input::-webkit-slider-thumb{appearance:none;clip-path:polygon(50% 0,100% 28%,100% 72%,50% 100%,0 72%,0 28%);background:linear-gradient(135deg,#ecd47c,#a97420);border:2px solid #fff;width:17px;height:25px;box-shadow:0 0 8px #8eeeff}.volume-control input::-moz-range-thumb{background:linear-gradient(135deg,#ecd47c,#a97420);border:2px solid #fff;border-radius:0;width:15px;height:23px;box-shadow:0 0 8px #8eeeff}.archive-button:disabled{opacity:.38;cursor:default;filter:grayscale(.7)}.skip-animation-button{color:#fff;cursor:pointer;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);text-shadow:0 2px 3px #001a28;background:linear-gradient(135deg,#315f74,#092f45);border:2px solid #b8e8ef;width:310px;height:70px;box-shadow:inset 0 0 0 3px #ffffff1c,0 4px 12px #0008}.skip-animation-button small,.skip-animation-button strong{display:block}.skip-animation-button small{color:#8fdbe9;letter-spacing:.22em;font-size:9px}.skip-animation-button strong{letter-spacing:.12em;margin-top:5px;font-size:18px}.inspectable-summon-card{cursor:zoom-in}.inspectable-summon-card:focus-visible{outline-offset:12px;outline:3px solid #f1d577}.collection-panel{z-index:45;color:#15394d;clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px);background:linear-gradient(135deg,#f2f8f9fa,#a9c6d0f5),repeating-linear-gradient(90deg,#0000 0 84px,#567b8814 85px);border:3px solid #ecd184;grid-template-rows:auto 5px 1fr;padding:30px 38px 34px;animation:.38s cubic-bezier(.2,.72,.2,1) archiveOpen;display:grid;position:absolute;inset:132px 105px 150px;box-shadow:0 25px 90px #000e,inset 0 0 0 4px #ffffff8c}.collection-panel>header{justify-content:space-between;align-items:start;min-height:82px;display:flex}.collection-panel>header small{color:#078eb8;letter-spacing:.28em;font-size:11px}.collection-panel>header h2{margin:3px 0 2px;font-family:Matisse,serif;font-size:38px;font-weight:500;line-height:1}.collection-panel>header span{color:#657f89;letter-spacing:.19em;font-size:11px}.collection-panel>header button{color:#fff;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:linear-gradient(135deg,#447d94,#123f57);border:2px solid #d8edf1;width:58px;height:58px;font-size:34px;line-height:1;box-shadow:inset 0 0 0 3px #fff2,0 4px 12px #183b4c66}.collection-progress{background:#193c4d35;border:1px solid #688995;overflow:hidden}.collection-progress i{background:linear-gradient(90deg,#19a7cf,#72e6f1,#edd276);height:100%;transition:width .35s;display:block;box-shadow:0 0 10px #56ddee}.collection-grid{scrollbar-color:#4f879a #d2e1e5;scrollbar-width:thin;grid-template-columns:repeat(8,minmax(0,1fr));align-content:start;gap:22px 18px;min-height:0;margin-top:20px;padding:2px 14px 22px 2px;display:grid;overflow-y:auto}.collection-grid article{background:linear-gradient(145deg,#fafdfe,#c5d7dc);border:1px solid #7696a2;min-width:0;padding:7px;box-shadow:0 5px 13px #173b4b42}.collection-grid article.received{border-color:#c49a3f;box-shadow:0 5px 13px #173b4b42,inset 0 0 0 2px #f6e6af}.collection-card{aspect-ratio:358/570;width:100%;color:inherit;cursor:default;background:radial-gradient(circle,#365866,#07141c 72%);border:2px solid #d7e7eb;padding:0;display:block;position:relative;overflow:hidden}.collection-card img{object-fit:cover;width:100%;height:100%}.collection-card.inspectable{cursor:zoom-in;transition:filter .18s,transform .18s,box-shadow .18s}.collection-card.inspectable:hover,.collection-card.inspectable:focus-visible{z-index:2;outline-offset:2px;filter:brightness(1.09);outline:2px solid #f2d579;transform:translateY(-3px);box-shadow:0 8px 18px #173b4b70,0 0 14px #e7c85e80}.collection-grid article.locked .collection-card img{filter:grayscale()brightness(.08)contrast(1.35)}.collection-card>span{color:#b1c6cc;text-shadow:0 0 15px #73d7eb88;place-items:center;font-family:Matisse,serif;font-size:58px;display:grid;position:absolute;inset:0}.collection-entry-copy{text-align:center;gap:3px;padding:7px 2px 2px;display:grid}.collection-entry-copy>span{color:#d5a31d;letter-spacing:.04em;min-height:14px;font-size:12px}.collection-entry-copy strong{color:#17394b;min-height:30px;font-family:Matisse,serif;font-size:13px;line-height:1.12;overflow:hidden}.collection-entry-copy small{color:#748c94;letter-spacing:.16em;font-size:8px}.collection-grid article.received .collection-entry-copy small{color:#078daf}.collection-grid article.secret-record.locked .collection-card img{visibility:hidden}.collection-grid article.secret-record.locked{background:linear-gradient(145deg,#26313a,#080c11);border-color:#653042}.collection-grid article.secret-record.locked strong,.collection-grid article.secret-record.locked small{color:#a24f69}.artwork-modal{z-index:60;cursor:zoom-out;background:radial-gradient(circle at 50% 45%,#17384c80,#000c 55%,#000);place-items:center;padding:54px;animation:.22s ease-out artworkBackdropIn;display:grid;position:absolute;inset:0}.artwork-modal-content{cursor:default;place-items:center;width:100%;height:100%;display:grid;position:relative}.artwork-modal-content>img{object-fit:contain;filter:drop-shadow(0 22px 45px #000c);width:auto;max-width:min(1680px,92%);height:auto;max-height:950px;animation:.28s cubic-bezier(.2,.72,.2,1) artworkImageIn;display:block}.artwork-modal-content>button{color:#fff;cursor:pointer;background:#092b3de8;border:2px solid #dceff3;width:62px;height:62px;font-size:38px;line-height:1;position:absolute;top:8px;right:18px;box-shadow:0 5px 18px #0009}@keyframes artworkBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes artworkImageIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes archiveOpen{0%{opacity:0;transform:translateY(20px)scale(.985)}to{opacity:1;transform:none}}.result-panel{min-height:535px;padding-top:44px;top:230px}.phase-result .result-panel{pointer-events:auto}.summary-panel{z-index:24;color:#15394d;clip-path:polygon(28px 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%,0 28px);background:linear-gradient(135deg,#eaf4f6f4,#9fbfcaed);border:3px solid #ecd184;padding:22px 40px 28px;animation:.65s cubic-bezier(.2,.7,.2,1) summaryIn;position:absolute;inset:150px 225px 140px;box-shadow:0 22px 75px #000d,inset 0 0 0 4px #ffffff80}.summary-panel>header{text-align:center;height:110px}.summary-panel>header small{color:#078eb8;letter-spacing:.3em}.summary-panel>header h2{margin:3px 0;font-family:Matisse,serif;font-size:38px;font-weight:500}.summary-panel>header span{color:#6b828c;letter-spacing:.23em;font-size:11px}.summary-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(5,1fr);gap:18px 26px;height:calc(100% - 110px);display:grid}.summary-grid article{background:linear-gradient(135deg,#f9fcfd,#c5d9df);border:1px solid #7fa0ad;grid-template-rows:1fr auto;grid-template-columns:116px 1fr;align-items:end;gap:2px 12px;min-width:0;padding:7px;display:grid;position:relative;box-shadow:0 4px 10px #254a5b55}.summary-grid .finished-card{border-radius:6px;grid-row:1/3;align-self:center;width:116px;height:185px}.summary-grid article>span{color:#d8a414;letter-spacing:.05em;text-shadow:0 1px #fff;font-size:15px}.summary-grid article>strong{color:#17394b;align-self:start;font-family:Matisse,serif;font-size:16px;line-height:1.08}.summary-grid article>b{z-index:8;color:#6c2206;letter-spacing:.12em;background:#ffba25;border:1px solid #fff;padding:3px 8px;font-size:10px;position:absolute;top:4px;left:2px;box-shadow:0 0 8px #ffc52e}.finished-card.compact .finished-card-caption{display:none}.phase-summary .ritual,.phase-summary .left-lore,.phase-summary .invocation{opacity:0;transition:opacity .35s}.phase-summary .bg-vignette{background:linear-gradient(#00121e9a,#00111ae8),radial-gradient(#0000,#000a)}@keyframes summaryIn{0%{opacity:0;transform:translateY(35px)scale(.97)}to{opacity:1;transform:none}}@keyframes officialCardFlare{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)rotate(0)}35%{opacity:1}to{opacity:.2;transform:translate(-50%,-50%)scale(1.2)rotate(36deg)}}@keyframes officialCardSpace{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)rotate(0)}25%{opacity:.82}to{opacity:.12;transform:translate(-50%,-50%)scale(1.05)rotate(-55deg)}}@keyframes halfCardTurn{0%{transform:rotateY(0)translateY(18px)}to{transform:rotateY(-180deg)translateY(0)}}@keyframes eruptionMaskIn{0%{opacity:0;transform:translate(-50%)scaleX(.02)}35%{opacity:1;transform:translate(-50%)scaleX(1.2)}to{opacity:1;transform:translate(-50%)scaleX(1)}}@keyframes eruptionMaskRelease{0%{opacity:1;transform:translate(-50%)scaleX(1)}62%{opacity:.92;transform:translate(-50%)scaleX(.36)}to{opacity:0;transform:translate(-50%)scaleX(.03)}}@keyframes cardMaterialize{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes combustionClimb{0%{opacity:0;transform:translateY(0)}5%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-570px)}}@keyframes cardEmber{0%{opacity:0;transform:translateY(7px)scale(.45)}18%{opacity:.95}72%{opacity:.65}to{opacity:0;transform:translate3d(var(--spark-drift), -58px, 0) scale(.08)}}.secret-summon.phase-cue .glitch-layer{animation:1.8s steps(2,end) forwards rainbowSignalBreak;display:block}.secret-summon.phase-cue .outer-sigil{filter:brightness(2.2)saturate(2);animation:.38s linear infinite rainbowSigilSpin}.secret-summon.phase-cue .paradise-bg{filter:saturate(1.35)contrast(1.2)brightness(.72)}@keyframes rainbowCoronaWake{0%{opacity:0;filter:blur(20px)brightness(3);transform:rotateX(69deg)scale(.25)}22%{opacity:1;filter:blur(2px)brightness(2.4);transform:rotateX(69deg)scale(1.08)}to{opacity:.92;filter:blur()brightness(1.8);transform:rotateX(69deg)scale(1)}}@keyframes rainbowCoronaSpin{0%{filter:hue-rotate();transform:rotate(0)}to{filter:hue-rotate(360deg);transform:rotate(360deg)}}@keyframes rainbowCoronaBurst{0%{opacity:1;filter:blur()brightness(2);transform:rotateX(69deg)scale(1)}48%{opacity:1;filter:blur(3px)brightness(4);transform:rotateX(69deg)scale(1.42)}to{opacity:0;filter:blur(18px)brightness(6);transform:rotateX(69deg)scale(2.4)}}@keyframes rainbowWhiteFlash{0%,14%{opacity:0}34%{opacity:1;background:radial-gradient(circle,#fff 0 23%,#fff7ccfa 40%,#91e2ffd6 61%,#0000 82%)}62%{opacity:.92;background:#fff}to{opacity:0;background:#fff}}@keyframes forceButtonSweep{0%{transform:translate(-145%)skew(-24deg)}62%,to{transform:translate(245%)skew(-24deg)}}@keyframes rainbowSignalBreak{0%,5%,11%{opacity:.92;filter:hue-rotate()saturate(2.5);transform:translate(0)}3%,8%,14%{opacity:.7;filter:hue-rotate(180deg)saturate(3);transform:translate(12px,-5px)}20%,to{opacity:0;filter:hue-rotate(360deg);transform:translate(0)}}@keyframes rainbowSigilSpin{0%{filter:hue-rotate()brightness(2.2)saturate(2);transform:rotateX(69deg)rotate(0)}to{filter:hue-rotate(360deg)brightness(2.2)saturate(2);transform:rotateX(69deg)rotate(360deg)}}