@font-face{font-family:Cinzel Decorative;src:url(/games/dragon/fonts/CinzelDecorative-Black.woff2)format("woff2");font-weight:900;font-display:swap}@font-face{font-family:Cinzel;src:url(/games/dragon/fonts/Cinzel-Bold.woff2)format("woff2");font-weight:700;font-display:swap}:is(.stage,.brand-stage) .gamewrap:has(>.dragon-plaque){container:dragon-stage/size}:is(.stage,.brand-stage) .dragon-plaque{--fc:52px;--band:10px;z-index:6;box-sizing:border-box;color:#f4ebd1;text-align:center;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='56' viewBox='0 0 96 56'%3E%3Cg fill='none' stroke='%23e7be62' stroke-opacity='.075' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M8 40c0-7 6-11 12-9 1-7 10-10 15-5 4-3 10-1 10 5 0 4-3 6-6 6M20 31c3 1 4 4 2 6-2 1-4 0-4-2'/%3E%3Cpath d='M56 14c0-6 5-9 10-7 1-6 9-8 13-4 3-2 8-1 8 4 0 3-2 5-5 5M66 7c2 1 3 3 2 5-2 1-3 0-3-2'/%3E%3C/g%3E%3C/svg%3E") 0 0/96px 56px,radial-gradient(70% 90% at 30% 0,#be2e385c,#0000 70%),radial-gradient(60% 80% at 50% 115%,#d4af3724,#0000 70%),linear-gradient(#470b13 0%,#2c060c 48%,#180306 100%);border-radius:6px;grid-template-columns:1fr;place-items:center;gap:14px 26px;width:min(360px,100% - 48px);padding:30px 28px 18px;display:grid;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #2a1c05,0 0 0 3px #c9a03a,0 0 0 4px #6e520f,0 0 0 5px #140604e6,0 20px 44px #000000b8,0 0 40px #d4af371f,inset 0 1px #ffdcaa33,inset 0 -10px 24px #00000059}:is(.stage,.brand-stage) .dragon-plaque:before{content:"";pointer-events:none;z-index:1;background:url(/games/dragon/ui/corner-tl.webp) left top / var(--fc) no-repeat, url(/games/dragon/ui/corner-tr.webp) right top / var(--fc) no-repeat, url(/games/dragon/ui/corner-bl.webp) left bottom / var(--fc) no-repeat, url(/games/dragon/ui/corner-br.webp) right bottom / var(--fc) no-repeat, url(/games/dragon/ui/edge.webp) center 3px / auto var(--band) repeat-x, url(/games/dragon/ui/edge.webp) center calc(100% - 3px) / auto var(--band) repeat-x, url(/games/dragon/ui/edge-v.webp) 3px center / var(--band) auto repeat-y, url(/games/dragon/ui/edge-v.webp) calc(100% - 3px) center / var(--band) auto repeat-y;filter:drop-shadow(0 1px 1.5px #000000bf);position:absolute;inset:-6px}:is(.stage,.brand-stage) .dragon-plaque:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 120% at 72%,#6e121c59,#0000 70%),linear-gradient(#0e02048c,#080102b3);border-radius:3px;position:absolute;inset:14px 16px;box-shadow:inset 0 0 0 1px #e7be6280,inset 0 0 0 2px #14040699,inset 0 0 0 3px #e7be6229,inset 0 6px 18px #00000073}:is(.stage,.brand-stage) .dragon-plaque>*{z-index:2;position:relative}:is(.stage,.brand-stage) .dragon-plaque>.dragon-orn{z-index:3;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;position:absolute}:is(.stage,.brand-stage) .dragon-crest{filter:drop-shadow(0 3px 4px #0009);background-image:url(/games/dragon/ui/crest.webp);width:156px;height:43px;top:-19px;left:50%;transform:translate(-50%)}:is(.stage,.brand-stage) .dragon-tassel{transform-origin:50% 0;filter:drop-shadow(0 4px 4px #0000008c);background-image:url(/games/dragon/ui/tassel.webp);width:26px;height:78px;animation:5.5s ease-in-out infinite alternate dragon-tassel;top:14px}:is(.stage,.brand-stage) .dragon-tassel.l{left:-21px}:is(.stage,.brand-stage) .dragon-tassel.r{animation-delay:-2.7s;right:-21px}@keyframes dragon-tassel{0%{transform:rotate(2.5deg)}to{transform:rotate(-2.5deg)}}:is(.stage,.brand-stage) .dragon-score{justify-items:center;display:grid}:is(.stage,.brand-stage) .dragon-tally{align-items:center;gap:7px;font:700 16px/1 Cinzel,serif;display:flex}:is(.stage,.brand-stage) .dragon-socket-wrap{display:contents}:is(.stage,.brand-stage) .dragon-tally .cut{box-sizing:border-box;background:radial-gradient(120% 140% at 50% 20%,#2a0d09 0%,#100404 70%);border-radius:999px;place-items:center;min-width:46px;height:37px;padding:0 9px;display:grid;position:relative;box-shadow:0 0 0 1px #7a5c12,0 0 0 2px #e7be62,0 0 0 3px #6e520f,inset 0 2px 6px #000000d9,0 4px 10px #00000080}:is(.stage,.brand-stage) .dragon-tally .cut[data-state=landed]{animation:.5s cubic-bezier(.2,1.6,.4,1) dragon-pop}:is(.stage,.brand-stage) .dragon-tally .cut .pa{filter:drop-shadow(0 1px 2px #000000b3);width:12px;height:30px;display:block;rotate:34deg}:is(.stage,.brand-stage) .dragon-tally .cut .pa svg{width:100%;height:100%;display:block}:is(.stage,.brand-stage) .dragon-tally .done{box-shadow:0 0 0 1px #7a5c12,0 0 0 2px #f0d592,0 0 0 3px #6e520f,inset 0 2px 6px #000c,0 0 14px #f0d59259}:is(.stage,.brand-stage) .dragon-tally .total{background:radial-gradient(120% 140% at 50% 20%,#6a1d16 0%,#2a0b08 70%);min-width:56px;box-shadow:0 0 0 1px #7a5c12,0 0 0 2px #fff2c0,0 0 0 3px #6e520f,inset 0 2px 6px #000000b3,0 0 20px #f0be5a80}:is(.stage,.brand-stage) .dragon-tally i{color:#d9c79c;font-style:normal}@keyframes dragon-pop{0%{transform:scale(.7)}60%{transform:scale(1.18)}to{transform:none}}:is(.stage,.brand-stage) .dragon-plaque.end .dragon-tally{gap:3px}:is(.stage,.brand-stage) .dragon-act{justify-items:center;width:100%;display:grid}:is(.stage,.brand-stage) .dragon-strike{appearance:none;cursor:pointer;isolation:isolate;white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;color:#f4ebd1;background:linear-gradient(#a42635 0%,#861a28 52%,#6a121e 100%);border:0;border-radius:999px;justify-content:center;align-items:center;width:66%;min-height:44px;padding:0 22px;font:900 18px/1 Cinzel Decorative,Cinzel,serif;transition:transform .12s,filter .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #3a2606,0 0 0 2.5px #e2b955,0 0 0 3.5px #5a400ce6,inset 0 1px #ffd2be47,inset 0 -2px 4px #00000040,0 4px 10px #00000073,0 0 14px #d4af3729}:is(.stage,.brand-stage) .dragon-strike:after{content:"";z-index:3;pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,#0000 30%,#fff0c861 46%,#ffffff1f 52%,#0000 66%) 140% 0/260% 100% no-repeat;animation:3.4s ease-in-out 1s infinite dragon-shine;position:absolute;inset:0}@keyframes dragon-shine{0%,60%{background-position:140% 0}to{background-position:-60% 0}}:is(.stage,.brand-stage) .dragon-strike:hover:not(:disabled){filter:brightness(1.08)}:is(.stage,.brand-stage) .dragon-strike:active:not(:disabled){transform:translateY(1px)scale(.98)}:is(.stage,.brand-stage) .dragon-strike:disabled{cursor:default;filter:saturate(.35)brightness(.62)}:is(.stage,.brand-stage) .dragon-strike:disabled:after{opacity:0;animation:none}:is(.stage,.brand-stage) .dragon-strike:focus-visible{outline-offset:4px;outline:2px solid #fff2c0}:is(.stage,.brand-stage) .dragon-retry{color:#f6dca0;max-width:18rem;margin:0;font-size:12px;line-height:1.35}:is(.stage,.brand-stage) .dragon-plaque{--fc:34px;--band:7px;bottom:max(10px, env(safe-area-inset-bottom));grid-template-columns:auto auto;gap:6px 16px;width:auto;max-width:calc(100% - 24px);padding:12px 18px 10px}:is(.stage,.brand-stage) .dragon-plaque:after{inset:8px 9px}:is(.stage,.brand-stage) .dragon-plaque>.dragon-tassel{display:none}:is(.stage,.brand-stage) .dragon-crest{width:84px;height:23px;top:-12px}:is(.stage,.brand-stage) .dragon-retry{grid-area:2/1/auto/-1;max-width:16rem}:is(.stage,.brand-stage) .dragon-act{width:auto}:is(.stage,.brand-stage) .dragon-strike{width:auto;min-width:7.5rem;min-height:36px;padding:0 18px;font-size:14px}:is(.stage,.brand-stage) .dragon-tally{gap:4px;font-size:13px}:is(.stage,.brand-stage) .dragon-tally .cut{min-width:34px;height:28px;padding:0 6px}:is(.stage,.brand-stage) .dragon-tally .cut .tof3d{font-size:16px}:is(.stage,.brand-stage) .dragon-tally .cut .pa{width:9px;height:22px}:is(.stage,.brand-stage) .dragon-plaque.end .dragon-tally .cut{min-width:30px;height:26px;padding:0 4px}:is(.stage,.brand-stage) .dragon-plaque.end .dragon-tally .cut .tof3d{font-size:14px}:is(.stage,.brand-stage) .dragon-plaque.end .dragon-tally .total .tof3d{font-size:17px}@container dragon-stage (max-width:330px){:is(.stage,.brand-stage) .dragon-plaque{grid-template-columns:auto;row-gap:6px;padding:12px 14px 9px}:is(.stage,.brand-stage) .dragon-retry{grid-row:auto}}:is(.stage,.brand-stage) .game-sound{z-index:7;top:max(10px, env(safe-area-inset-top));cursor:pointer;color:#f4ebd1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1406088c;border:0;border-radius:999px;place-items:center;width:38px;height:38px;padding:0;display:grid;position:absolute;right:10px;box-shadow:0 0 0 1px #e7be628c,0 2px 8px #00000073}:is(.stage,.brand-stage) .game-sound svg{width:20px;height:20px}:is(.stage,.brand-stage) .game-sound:focus-visible{outline-offset:3px;outline:2px solid #fff2c0}.stage[data-immersive]{gap:0;padding:0}.stage[data-immersive]>.gamefield{flex:none;width:100%;height:100%;min-height:100%;margin-inline:0}:is(.stage[data-immersive] .gamewrap[data-game=freekick],.stage[data-immersive] .gamewrap[data-game=freekick]:has(canvas)){aspect-ratio:auto;border-radius:0;width:100%;height:100cqh}@media (prefers-reduced-motion:reduce){:is(.stage,.brand-stage) .dragon-tassel,:is(.stage,.brand-stage) .dragon-strike:after,:is(.stage,.brand-stage) .dragon-tally .cut[data-state=landed]{animation:none}:is(.stage,.brand-stage) .dragon-strike{transition:none}}