.tg2-cz-wbg{display:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;isolation:isolate}.tg2-cz-viewport[data-casual-bars] .tg2-cz-wbg{display:block}.tg2-cz-wbg-img{position:absolute;left:-3%;top:-3%;width:106%;height:106%;max-width:none;object-fit:cover;opacity:var(--tg2-cz-wbg-op,.07);filter:blur(5px) saturate(1.1) brightness(.88)}.tg2-cz-wbg-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tg2-cz-wbg-tint,linear-gradient(to bottom,#0a3470 0,#0a56a2 38%,#0b69b8 100%))}.tg2-cz-wbg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#020a1ea8;opacity:0;transition:opacity .2s}@supports (mask-composite:exclude){.tg2-cz-viewport:not([data-casual-wide]) .tg2-cz-wbg{mask:linear-gradient(#000 0 0) 0 0/100% 100% no-repeat,linear-gradient(#000 0 0) var(--tg2-cz-hole-x,0px) var(--tg2-cz-hole-y,0px)/var(--tg2-cz-hole-w,0px) var(--tg2-cz-hole-h,0px) no-repeat;-webkit-mask-composite:xor;mask-composite:exclude}}.tg2-cz-viewport:not([data-casual-wide]):has(.tg2-cz-scrim) .tg2-cz-wbg:after{opacity:1}.tg2-cz-viewport:not([data-casual-wide]):has(.tg2-cz-res-scrim) .tg2-cz-wbg:after{opacity:1;background:#01081ae6}@supports not (mask-composite:exclude){body.tg2-cz-lesson-hole .tg2-cz-viewport .tg2-cz-wbg{display:none}}.tg2-cz-viewport{--cz-y0:var(--tg2-cz-hole-y,0px);--cz-h:var(--tg2-cz-hole-h,100vh)}.tg2-cz-viewport{--cz-tint-blue:linear-gradient(to bottom,rgb(11,47,87) var(--cz-y0),rgb(7,67,117) calc(var(--cz-y0) + var(--cz-h)*.1111),rgb(5,79,135) calc(var(--cz-y0) + var(--cz-h)*.1852),rgb(3,90,152) calc(var(--cz-y0) + var(--cz-h)*.2963),rgb(2,94,158) calc(var(--cz-y0) + var(--cz-h)*.4074),rgb(2,94,158) calc(var(--cz-y0) + var(--cz-h)))}.tg2-cz-pg-blue .tg2-cz-viewport,.tg2-cz-qb .tg2-cz-viewport{--tg2-cz-wbg-tint:var(--cz-tint-blue)}.tg2-cz-viewport:has(.tg2-cz-inv),.tg2-cz-viewport:has(.tg2-cz-pg-bot){--tg2-cz-wbg-tint:var(--cz-tint-blue)}.tg2-cz-viewport{--cz-tint-forest:linear-gradient(to bottom,rgb(15,52,100) var(--cz-y0),rgb(21,60,106) calc(var(--cz-y0) + var(--cz-h)*.14),rgb(23,82,137) calc(var(--cz-y0) + var(--cz-h)*.32),rgb(28,97,157) calc(var(--cz-y0) + var(--cz-h)*.5),rgb(25,91,147) calc(var(--cz-y0) + var(--cz-h)*.68),rgb(14,64,104) calc(var(--cz-y0) + var(--cz-h)*.86),rgb(12,56,96) calc(var(--cz-y0) + var(--cz-h)*.95),rgb(6,42,74) calc(var(--cz-y0) + var(--cz-h)))}body.tg2-cz-lesson-hole .tg2-cz-viewport{--tg2-cz-wbg-tint:var(--cz-tint-forest)}.tg2-cz-viewport:has(.tg2-cz-sk),.tg2-cz-viewport:has(.tg2-cz-mini){--tg2-cz-wbg-tint:var(--cz-tint-forest)}.tg2-cz-viewport:has(.tg2-cz-jr){--tg2-cz-wbg-tint:linear-gradient(to bottom,rgb(15,52,98) var(--cz-y0),rgb(29,63,107) calc(var(--cz-y0) + var(--cz-h)*.14),rgb(25,84,140) calc(var(--cz-y0) + var(--cz-h)*.32),rgb(30,99,159) calc(var(--cz-y0) + var(--cz-h)*.5),rgb(27,93,147) calc(var(--cz-y0) + var(--cz-h)*.68),rgb(15,62,100) calc(var(--cz-y0) + var(--cz-h)*.86),rgb(9,48,77) calc(var(--cz-y0) + var(--cz-h))) left top/50% 100% no-repeat,linear-gradient(to bottom,rgb(15,52,98) var(--cz-y0),rgb(14,47,92) calc(var(--cz-y0) + var(--cz-h)*.14),rgb(16,44,89) calc(var(--cz-y0) + var(--cz-h)*.32),rgb(16,45,90) calc(var(--cz-y0) + var(--cz-h)*.5),rgb(16,45,90) calc(var(--cz-y0) + var(--cz-h)*.68),rgb(16,45,90) calc(var(--cz-y0) + var(--cz-h)*.86),rgb(9,48,77) calc(var(--cz-y0) + var(--cz-h))) right top/50% 100% no-repeat}.tg2-cz-viewport[data-casual-wide] .tg2-cz-wbg-img{opacity:1;filter:blur(20px) saturate(1.12) brightness(.8)}.tg2-cz-viewport[data-casual-wide] .tg2-cz-wbg-tint{z-index:1;background:radial-gradient(ellipse at 50% 45%,#04103000 38%,#0410306b)}.tg2-cz-viewport[data-casual-wide] .tg2-cz-stage{overflow:visible}.tg2-cz-viewport[data-casual-wide][data-casual-fade] .tg2-cz-bg{--cz-fade:min(calc(var(--tg2-cz-xpad,0px)*2),200px);--cz-vfade:min(calc(var(--tg2-cz-ypad,0px)*2),200px);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--cz-fade),#000 calc(100% - var(--cz-fade)),transparent 100%),linear-gradient(to bottom,transparent 0,#000 var(--cz-vfade),#000 calc(100% - var(--cz-vfade)),transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 var(--cz-fade),#000 calc(100% - var(--cz-fade)),transparent 100%),linear-gradient(to bottom,transparent 0,#000 var(--cz-vfade),#000 calc(100% - var(--cz-vfade)),transparent 100%);mask-composite:intersect}.tg2-cz-viewport[data-casual-wide] :is(.tg2-cz-scrim,.tg2-cz-res-scrim){inset:calc(var(--tg2-cz-bleed-t,0px)*-1) calc(var(--tg2-cz-bleed-r,0px)*-1) calc(var(--tg2-cz-bleed-b,0px)*-1) calc(var(--tg2-cz-bleed-l,0px)*-1)}.tg2-cz-viewport[data-casual-wide] :is(.tg2-cz-hud-avatar,.tg2-cz-lvl,.tg2-cz-hud-xp,.tg2-cz-quest,.tg2-cz-ckcard,.tg2-cz-assign,.tg2-cz-dock){margin-left:calc(var(--tg2-cz-xpad,0px)*-1)}.tg2-cz-viewport[data-casual-wide] :is(.tg2-cz-res--ruby,.tg2-cz-res--coin,.tg2-cz-course,.tg2-cz-course-chip,.tg2-cz-mode){margin-left:var(--tg2-cz-xpad,0px)}.tg2-cz-viewport[data-casual-wide] :is(.tg2-cz-gear,.tg2-cz-cta){margin-right:calc(var(--tg2-cz-xpad,0px)*-1)}dialog.tg2-cz-tap{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;box-sizing:border-box;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;background:linear-gradient(#071a3c,#0a3a78 55%,#0b5aa3);cursor:pointer;-webkit-tap-highlight-color:transparent}dialog.tg2-cz-tap:not([open]){display:none}dialog.tg2-cz-tap::backdrop{background:#06142f}.tg2-cz-tap-card{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.4vmin,24px);max-width:min(560px,90vw);padding:12px;text-align:center}.tg2-cz-tap-pic{width:clamp(72px,22vmin,168px);height:auto;filter:drop-shadow(0 6px 0 rgba(3,10,28,.45))}.tg2-cz-tap-title{margin:0;font-size:clamp(28px,7vmin,52px)}.tg2-cz-tap-hint{margin:0;font-size:clamp(16px,3.4vmin,24px);text-wrap:balance}.tg2-cz-tap .tg2-cz-btn{--h:88;width:clamp(220px,52vmin,360px)}.tg2-cz-tap .tg2-cz-btn .tg2-cz-t{font-size:clamp(24px,5.4vmin,36px)}@media (max-height:460px){.tg2-cz-tap .tg2-cz-btn{--h:64}}