/* Gold, blackened metal, engraved seals. Presentation isolated from game layouts. */
.c68-layer{position:fixed;inset:0;z-index:2147483605;pointer-events:none!important;overflow:hidden;contain:strict}
.c68-summoning{visibility:hidden!important}
.c68-entry{--ritual:#e8bc69;--ritual-light:#fff2c4;--ritual-shadow:#a75b24;position:absolute;perspective:950px;isolation:isolate;color:var(--ritual)}
.c68-dark{--ritual:#ba83f1;--ritual-light:#ecdcff;--ritual-shadow:#582fc4}
.c68-aura{position:absolute;inset:-28% -45%;background:radial-gradient(ellipse,var(--ritual-shadow),transparent 65%);opacity:0;animation:c68-aura var(--entry-time) ease-out both}
.c68-rune{position:absolute;width:172%;aspect-ratio:1;left:-36%;top:5%;color:var(--ritual);filter:drop-shadow(0 0 5px var(--ritual-shadow));animation:c68-rune var(--entry-time) ease-out both}
.c68-rune svg{width:100%;height:100%;stroke:currentColor;stroke-width:.85}
.c68-gate{position:absolute;inset:-7% -12%;border-radius:50%;border:2px solid var(--ritual);background:radial-gradient(ellipse,#0d0618 20%,#25153588 42%,transparent 67%);box-shadow:0 0 19px var(--ritual-shadow),inset 0 0 22px var(--ritual-shadow);opacity:0}
.c68-dark .c68-gate{animation:c68-gate var(--entry-time) both}.c68-dark .c68-rune{opacity:.6}
.c68-spire{position:absolute;inset:-45% 20% -18%;background:linear-gradient(90deg,transparent,#ffdba33b,transparent);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);mix-blend-mode:screen;animation:c68-aura var(--entry-time) both}
.c68-dark .c68-spire{background:linear-gradient(90deg,transparent,#c89cff4a,transparent)}
.c68-turn{position:absolute;inset:0;transform-style:preserve-3d;animation:c68-arrive var(--entry-time) cubic-bezier(.2,.7,.22,1) both}
.c68-front,.c68-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:7px}
.c68-front>.royal-card,.c68-front>.t66-portrait{width:100%!important;height:100%!important;max-width:none!important;margin:0!important;transform:none!important;visibility:visible!important;box-shadow:0 18px 38px #000a!important}
.c68-back{transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px solid #9c793e;background:repeating-linear-gradient(45deg,transparent 0 7px,#b38a4520 8px,transparent 9px),radial-gradient(ellipse,#333025,#0b0e12 70%);box-shadow:inset 0 0 0 5px #171711,inset 0 0 0 6px #a88a45,0 0 22px #bd9a5550;color:#debf7f}
.c68-back:before{content:'';position:absolute;inset:12px;border:1px solid #9d814655;clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%)}
.c68-back svg{width:55%;height:55%;stroke:currentColor;stroke-width:1.15;filter:drop-shadow(0 0 8px #dfac4433)}
.c68-back span{font:9px/1.8 Georgia,serif;letter-spacing:3px;text-align:center;margin-top:8%}
.c68-flare{position:absolute;left:-45%;right:-45%;top:46%;height:3px;background:linear-gradient(90deg,transparent,var(--ritual-light),transparent);box-shadow:0 0 18px var(--ritual);transform:scaleX(0);animation:c68-flare var(--entry-time) both}
.c68-wave{position:absolute;inset:40% -30% -6%;border:1px solid var(--ritual);border-radius:50%;box-shadow:0 0 12px var(--ritual-shadow),inset 0 0 12px var(--ritual-shadow);opacity:0;animation:c68-wave var(--entry-time) both}
.c68-ember{position:absolute;width:3px;height:7px;background:var(--ritual-light);box-shadow:0 0 7px var(--ritual);border-radius:50%;opacity:0;animation:c68-ember calc(var(--entry-time) * .62) ease-out both;animation-delay:calc(var(--entry-time) * .38 + var(--delay))}
.c68-contact{position:absolute;width:0;height:0;color:#ffe9b5}.c68-contact i{position:absolute;left:-55px;top:-55px;width:110px;height:110px;border-radius:50%;border:2px solid #f6cf8a;box-shadow:0 0 25px #e6aa5966;animation:c68-hit .42s ease-out both}
.c68-contact b{position:absolute;left:-65px;top:-2px;width:130px;height:4px;transform:rotate(-30deg);background:linear-gradient(90deg,transparent,#fff3dc,transparent);box-shadow:0 0 20px #d1974b;animation:c68-slash .32s both}
.c68-contact span{position:absolute;left:-90px;top:-10px;width:180px;text-align:center;font:700 30px/1 Georgia,serif;text-shadow:0 3px 3px #000,0 0 18px #a94e18;animation:c68-number .65s both}
.c68-power i{border-color:#e9ccff;box-shadow:0 0 35px #b973f199}.c68-power b{height:7px;background:linear-gradient(90deg,transparent,#f5ddff,transparent)}.c68-power span{color:#f5deff}
@keyframes c68-arrive{0%{opacity:0;transform:translateY(-40px) scale(.66) rotateY(180deg) rotateZ(-9deg)}12%{opacity:1}32%{transform:translateY(-30px) scale(.88) rotateY(180deg) rotateZ(-5deg)}64%{transform:translateY(-9px) scale(1.09) rotateY(0) rotateZ(1deg)}80%{transform:translateY(4px) scale(.98) rotateY(0) rotateZ(0)}100%{opacity:1;transform:translateY(0) scale(1) rotateY(0)}}
@keyframes c68-rune{0%{opacity:0;transform:scale(.38) rotate(-45deg)}25%{opacity:.9}65%{opacity:.8;transform:scale(1.03) rotate(10deg)}100%{opacity:0;transform:scale(1.17) rotate(25deg)}}
@keyframes c68-gate{0%{opacity:0;transform:scale(.15,.7)}30%{opacity:1;transform:scale(1,1)}65%{opacity:.9;transform:scale(1.1)}100%{opacity:0;transform:scale(1.2)}}
@keyframes c68-aura{0%,100%{opacity:0;transform:scale(.7)}30%,65%{opacity:.5;transform:scale(1)}}
@keyframes c68-flare{0%,48%{opacity:0;transform:scaleX(.1)}62%{opacity:1;transform:scaleX(1.1)}100%{opacity:0;transform:scaleX(1.3)}}
@keyframes c68-wave{0%,55%{opacity:0;transform:scale(.4) rotateX(65deg)}66%{opacity:.8}100%{opacity:0;transform:scale(1.9) rotateX(65deg)}}
@keyframes c68-ember{0%{opacity:0;transform:translate(0,0) scale(.4)}15%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}
@keyframes c68-hit{0%{opacity:.9;transform:scale(.2)}100%{opacity:0;transform:scale(1.1)}}
@keyframes c68-slash{0%{opacity:0;scale:.3}30%{opacity:1;scale:1}100%{opacity:0;scale:1.4}}
@keyframes c68-number{0%{opacity:0;transform:translateY(8px) scale(.8)}18%{opacity:1;transform:translateY(-8px) scale(1.1)}70%{opacity:1}100%{opacity:0;transform:translateY(-45px) scale(1)}}
/* Tutorial stage: calm dark background so the reveal owns the attention. */
#t66-dialog{background:radial-gradient(ellipse at 50% 0,#44332455,transparent 52%),radial-gradient(ellipse at 95% 70%,#28213955,transparent 50%),#090c0f}
#t66-dialog .t66-shell{width:min(1040px,100%);padding-top:22px}
#t66-dialog header{padding-bottom:14px;border-bottom:1px solid #ab85422c;color:#c4a578}
#t66-dialog .t66-heading>small{font-size:10px;letter-spacing:4px;color:#cdaa6a}
#t66-title{background:linear-gradient(#fff1d0,#c7a56a);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 3px 25px #d2a8561a;letter-spacing:-.5px}
#t66-dialog .t66-heading{margin-bottom:24px}#t66-dialog .t66-heading p{max-width:620px;margin:12px auto}
#t66-dialog .t66-arena{position:relative;max-width:690px;padding:24px 25px 20px;border-top:1px solid #c79e5b25;border-bottom:1px solid #c79e5b25;background:radial-gradient(ellipse at 25% 45%,#a16f2922,transparent 48%),radial-gradient(ellipse at 75% 45%,#6b459322,transparent 48%)}
#t66-dialog .t66-versus{width:40px;height:40px;display:grid;place-items:center;font:14px Georgia;color:#d8ba86;border:1px solid #81633c;background:#151718;transform:rotate(45deg)}#t66-dialog .t66-versus>span{transform:rotate(-45deg)}
#t66-dialog .t66-fighter{position:relative}#t66-dialog .t66-fighter>small{color:#c0ad8c;font-size:9px;margin-bottom:14px}
#t66-dialog .t66-fighter .royal-card,#t66-dialog .t66-portrait{width:184px!important;height:276px!important;box-shadow:0 18px 28px #0009,0 0 27px #b7893010!important}
#t66-dialog .t66-portrait{border:1px solid #9a805b;border-radius:18px 18px 5px 5px;padding:7px;background:linear-gradient(135deg,#bf9d59,#282521 13%,#11151a 87%,#866642);outline:1px solid #534634;outline-offset:3px}
#t66-dialog .t66-portrait img{border-radius:12px 12px 2px 2px;filter:contrast(1.09) saturate(.85)}
#t66-dialog .t66-portrait:after{content:'';position:absolute;inset:7px;z-index:2;pointer-events:none;background:linear-gradient(0deg,#080912 0,transparent 45%);border:1px solid #dec08338}
#t66-dialog .t66-boss{border-color:#b391d4;outline-color:#654481;background:linear-gradient(140deg,#c1a3dc,#291937 18%,#100a1b 82%,#795497);box-shadow:0 18px 30px #000a,0 0 32px #863fb330!important}
#t66-dialog .t66-fighter h3{color:#efe0c4;font-size:18px;margin:18px 0 10px}
#t66-dialog .t66-fighter .t66-bar{height:7px;width:85%;border:1px solid #8f714144;background:#131215}
#t66-dialog .t66-fighter:first-child .t66-bar i{background:linear-gradient(90deg,#487d77,#a6c6a0)}
#t66-dialog .t66-fighter:last-child .t66-bar i{background:linear-gradient(90deg,#6f3040,#c87a7b)}
#t66-dialog .t66-hp{font-size:10px;letter-spacing:1px}#t66-dialog .t66-attributes{font-size:10px}
#t66-dialog .t66-controls button{min-width:185px;padding:15px 20px;border-radius:3px;letter-spacing:.3px}#t66-dialog .t66-skill{background:linear-gradient(135deg,#362440,#1b1623);border-color:#866d9c;color:#e6cee9;box-shadow:inset 0 1px #d6aaef22}
#t66-dialog .t66-controls button:disabled{cursor:default}
#t66-dialog .t66-combat-log{min-height:32px;font-size:12px;color:#c4b59e;max-width:640px}
#t66-dialog .t66-damage{display:none}#t66-dialog .t66-warning{font-size:12px;padding:10px;max-width:690px;margin:16px auto 0;background:linear-gradient(90deg,#35263c,#211b27);border-color:#9877a4;color:#edd2ee!important}
#t66-dialog .t66-reward{padding:25px 0}#t66-dialog .t66-reward .royal-card{width:210px!important;height:315px!important;box-shadow:0 20px 40px #000a,0 0 55px #b6782b33!important}
#t66-dialog .t66-reward>div:first-child{max-width:215px}#t66-dialog .t66-reward small{font-size:10px;letter-spacing:2px}
@media(max-width:600px){#t66-dialog .t66-shell{padding:12px 12px 22px}#t66-dialog header{font-size:8px;letter-spacing:1px;padding-bottom:9px;gap:8px}#t66-dialog header .t66-exit{padding:8px 10px;min-height:36px;font-size:11px}.t66-progress{margin:15px auto}.t66-heading{margin-bottom:18px!important}#t66-title{font-size:28px;margin:10px 0}#t66-dialog .t66-heading p{font-size:12px!important;line-height:1.5}#t66-dialog .t66-heading>small{font-size:9px;letter-spacing:2px}#t66-dialog .t66-arena{padding:16px 0 14px;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)}#t66-dialog .t66-fighter .royal-card,#t66-dialog .t66-portrait{width:136px!important;height:204px!important}#t66-dialog .t66-versus{width:23px;height:23px;font-size:9px;justify-self:center}#t66-dialog .t66-fighter>small{font-size:8px;letter-spacing:1px;margin-bottom:11px}#t66-dialog .t66-fighter h3{font-size:13px;margin:12px 0 8px;min-height:17px}#t66-dialog .t66-controls{margin:15px 0 10px}#t66-dialog .t66-controls button{min-width:0;font-size:11px;padding:12px 6px;min-height:48px}#t66-dialog .t66-hp{font-size:9px;letter-spacing:.2px}#t66-dialog .t66-combat-log{margin-top:12px;min-height:36px;font-size:11px}#t66-dialog .t66-warning{font-size:11px;margin-top:12px;padding:9px}#t66-dialog .t66-error{margin:6px 0;min-height:14px}#t66-dialog footer{margin-top:12px;font-size:8px}#t66-dialog .t66-reward .royal-card{width:145px!important;height:217px!important}#t66-dialog .t66-reward>div:first-child{max-width:145px}.c68-contact span{font-size:24px}.c68-back span{font-size:7px;letter-spacing:2px}.c68-entry{perspective:700px}.c68-spire{inset:-22% 20% -12%}}
@media(max-width:360px){#t66-dialog .t66-fighter .royal-card,#t66-dialog .t66-portrait{width:117px!important;height:176px!important}#t66-dialog .t66-fighter h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){.c68-layer *{animation-duration:1ms!important}.c68-contact i,.c68-contact b{display:none}.c68-contact span{animation:none!important}}
.c68-front:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:5px;background:linear-gradient(115deg,transparent 20%,#fff4d15c 44%,#fff9edab 49%,transparent 64%);background-size:300% 100%;mix-blend-mode:screen;animation:c68-sheen var(--entry-time) both}
.c68-dark .c68-gate:before,.c68-dark .c68-gate:after{content:'';position:absolute;inset:-12%;border-radius:48%;background:radial-gradient(ellipse at 22% 40%,#bd82ee55,transparent 39%),radial-gradient(ellipse at 80% 55%,#7750cd99,transparent 40%);filter:blur(6px);animation:c68-mist var(--entry-time) both}.c68-dark .c68-gate:after{rotate:160deg;animation-direction:reverse;opacity:.6}
@keyframes c68-sheen{0%,45%{opacity:0;background-position:150% 0}56%{opacity:.6}85%{opacity:.2;background-position:-40% 0}100%{opacity:0;background-position:-60% 0}}
@keyframes c68-mist{0%{opacity:0;transform:scale(.4) rotate(-20deg)}35%{opacity:.9}100%{opacity:0;transform:scale(1.3) rotate(50deg)}}
@media(prefers-reduced-motion:reduce){.c68-front:after,.c68-dark .c68-gate:before,.c68-dark .c68-gate:after{display:none}}