#round-intro{position:fixed;inset:0;z-index:8;display:grid;place-items:center;pointer-events:none;font-family:var(--nature-body);color:#fff;background:radial-gradient(ellipse at 50% 40%,#3c6546f5,#182f24fa);padding:max(18px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
#round-intro[hidden],#round-intro [hidden]{display:none!important}
.round-intro-title{width:min(800px,92vw);display:flex;flex-direction:column;align-items:center;text-align:center}
.round-intro-emblem{position:relative;width:clamp(160px,29vh,260px);height:clamp(185px,34vh,300px)}
.round-intro-flag{position:absolute;bottom:0;left:0;width:100%;height:55%;object-fit:fill;border-radius:15px;filter:drop-shadow(0 10px 13px #0e201b40)}
.round-intro-emblem canvas{position:absolute;bottom:37%;left:-10%;width:120%;height:auto}
.round-intro-country{font-size:clamp(14px,2.3vh,20px);font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin:22px 0 6px}
.round-intro-lettering{display:block;width:100%;height:min(26vh,240px);object-fit:contain;filter:brightness(0) invert(1)}
.round-intro-rules{width:min(900px,100%);height:100%;min-height:0;max-height:100%;display:flex;flex-direction:column;gap:14px;pointer-events:auto}
.round-intro-rules-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none;width:100%;min-height:72px}
.round-intro-rules-flag{display:block;width:64px;height:44px;object-fit:contain}
.round-intro-rules-name{display:flex;align-items:center;margin:0;min-width:0;font-size:0}
.round-intro-rules-logo{display:block;width:min(230px,48vw);height:72px;object-fit:contain;object-position:right center;filter:brightness(0) invert(1)}
.round-intro-rules-body{display:grid;place-items:center;min-height:0;flex:1;overflow:auto;padding:0 4px 8px}
.round-tutorial{width:100%}
.round-intro-written{width:min(620px,100%)}
.round-intro-written ol{list-style:none;margin:0;padding:12px 0;display:grid;gap:22px}
.round-intro-written li{display:flex;align-items:center;gap:20px;font:800 clamp(17px,2.6vh,22px)/1.35 var(--nature-body)}
.round-intro-step-key{display:grid;place-items:center;flex:none;min-width:64px;height:54px;padding:0 12px;border:3px solid #642d16;border-radius:12px;background:#fff8e9;color:#642d16;box-shadow:0 4px #bfa67e;font:1000 27px/1 var(--nature-body)}
.round-intro-step-key.is-touch{min-width:104px;background:#f8c83d;box-shadow:0 4px #b37c25;font-size:12px;border-radius:26px}
.round-tutorial-figure{position:relative;width:min(100%,78vh,760px);aspect-ratio:3/2;margin:0 auto;isolation:isolate}
.round-tutorial-art{display:block;width:100%;height:100%;object-fit:contain}
.round-tutorial-controls{position:absolute;top:0;left:0;width:100%;display:grid;grid-template-columns:repeat(var(--tutorial-steps,1),minmax(0,1fr));align-items:center;z-index:1}
.round-tutorial-control{position:relative;display:flex;align-items:center;justify-content:center;justify-self:center;min-height:62px;isolation:isolate}
.round-tutorial-key{display:grid;place-items:center;min-width:51px;height:51px;padding:0 14px;border:3px solid #642d16;border-radius:13px;background:#fff8e9;color:#642d16;box-shadow:0 5px 0 #bfa67e,0 8px 14px #10281c40;font:1000 28px/1 var(--nature-body)}
.is-tap .round-tutorial-key{background:#f8c83d;box-shadow:0 5px 0 #b37c25,0 8px 14px #10281c40;font-size:14px;min-width:82px;padding:0 11px;border-radius:26px}
.is-repeat .round-tutorial-key{background:#f8c83d;min-width:62px;animation:tutorial-press .8s ease-in-out infinite}
.is-repeat .round-tutorial-key:not(:only-child){font-size:24px}
.round-tutorial-finger{position:absolute;bottom:-19px;right:-13px;width:34px;height:39px;transform:rotate(-14deg);filter:drop-shadow(0 2px 2px #182f2440)}
.round-tutorial-finger svg{display:block;width:100%;height:100%;fill:#fff8e9;stroke:#642d16;stroke-width:2;stroke-linejoin:round}
.round-tutorial-dpad{display:grid;grid-template-columns:repeat(3,19px);grid-template-rows:repeat(2,24px);gap:3px}
.round-tutorial-dpad i{display:grid;place-items:center;font:900 19px/1 var(--nature-body);font-style:normal;background:#fff8e9;color:#642d16;border:2px solid #642d16;border-radius:5px;box-shadow:0 3px #bfa67e}
.round-tutorial-dpad i:first-child{grid-column:2}.round-tutorial-dpad i:nth-child(2){grid-column:1;grid-row:2}.round-tutorial-dpad i:nth-child(3){grid-column:2;grid-row:2}.round-tutorial-dpad i:nth-child(4){grid-column:3;grid-row:2}
.round-tutorial-dpad.is-touch{position:relative;display:block;width:56px;height:56px;border:3px solid #642d16;border-radius:50%;background:#f8c83d;box-shadow:0 4px #b37c25}
.round-tutorial-dpad.is-touch::before{content:"";position:absolute;inset:17%;border:2px solid #9b642d;border-radius:50%;background:#fff8e9}
.round-tutorial-dpad.is-touch .round-tutorial-stick{position:absolute;left:50%;top:50%;width:42%;height:42%;transform:translate(-50%,-50%);border:2px solid #642d16;border-radius:50%;background:radial-gradient(circle at 38% 28%,#9fc879,#5b8f4e 68%,#3e6c3d);box-shadow:0 2px 3px #37211655}
.is-tap.is-arrow .round-tutorial-key{font-size:28px;min-width:56px}
.round-tutorial-control.is-safe svg{width:52px;height:57px;fill:#5b8f4e;stroke:#fff8e9;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 3px #182f2440)}
.round-tutorial-control.is-safe svg path:last-child{fill:none;stroke-width:4}
.round-tutorial-caption{max-width:36em;margin:12px auto 0;padding:0 8px;color:#fff8e9;font:800 clamp(15px,2.3vh,20px)/1.35 var(--nature-body);text-wrap:balance}
.is-visual[data-game="ec"] .round-tutorial-figure{width:min(100%,81vh,780px)}
.is-visual[data-game="mg"] .round-tutorial-controls{padding:0 6%}
@keyframes tutorial-press{0%,70%,100%{transform:translateY(0)}25%,45%{transform:translateY(4px);box-shadow:0 1px 0 #b37c25,0 4px 8px #10281c30}}
@media(max-width:600px){.round-tutorial-key{height:43px;min-width:43px;padding:0 11px;font-size:24px;border-radius:11px}.is-tap .round-tutorial-key{font-size:11px;min-width:68px;padding:0 7px}.round-tutorial-control{min-height:51px}.round-tutorial-finger{width:27px;height:32px;bottom:-15px;right:-8px}.round-tutorial-dpad{grid-template-columns:repeat(3,16px);grid-template-rows:repeat(2,20px);gap:2px}.round-tutorial-dpad i{font-size:15px}.round-tutorial-control.is-safe svg{width:43px;height:47px}.round-tutorial-caption{margin-top:15px}}
@media(max-height:520px) and (min-width:600px){.round-intro-rules{gap:8px}.round-intro-rules-header{min-height:48px}.round-intro-rules-flag{width:49px;height:33px}.round-intro-rules-logo{height:48px;width:180px}.round-tutorial-figure,.is-visual[data-game="ec"] .round-tutorial-figure{width:min(100%,81vh)}.round-tutorial-caption{margin-top:5px;font-size:14px}.round-tutorial-key{height:38px;min-width:38px;font-size:23px;padding:0 9px;border-width:2px}.round-tutorial-control{min-height:44px}.is-tap .round-tutorial-key{font-size:11px;min-width:62px}.round-tutorial-finger{width:25px;height:29px;bottom:-12px;right:-8px}.round-tutorial-dpad{grid-template-columns:repeat(3,14px);grid-template-rows:repeat(2,18px);gap:2px}.round-tutorial-dpad i{font-size:14px}.round-tutorial-control.is-safe svg{width:38px;height:42px}.round-intro-written ol{gap:13px;padding:4px 0}.round-intro-step-key{height:42px;min-width:52px;font-size:23px}.round-intro-step-key.is-touch{min-width:100px;font-size:12px}.round-intro-written li{font-size:17px}}
#round-intro[data-stage="countdown"],#round-intro[data-stage="go"]{background:#18372850}
.round-intro-count{font:1000 min(48vw,58vh,420px)/1 var(--nature-body);letter-spacing:-.07em;padding-right:.07em;color:#fff;text-shadow:0 8px 0 #642D16,0 16px 50px #122a2370;-webkit-text-stroke:3px #642D16}
#round-intro[data-stage="go"] .round-intro-count{color:#F8C83D;font-size:min(43vw,48vh,350px)}
@media(max-height:520px) and (min-width:600px){.round-intro-title{display:grid;grid-template-columns:210px 1fr;column-gap:24px;width:min(850px,90vw)}.round-intro-emblem{grid-row:1/3;width:190px;height:210px}.round-intro-country{align-self:end;margin:0}.round-intro-lettering{height:155px;align-self:start}}
@media(prefers-reduced-motion:reduce){#round-intro *{animation:none!important}}
@media(max-width:600px){.round-intro-rules{gap:10px}.round-intro-rules-header{min-height:58px}.round-intro-rules-flag{width:52px;height:36px}.round-intro-rules-logo{width:min(180px,52vw);height:58px}.round-intro-written ol{gap:20px}.round-intro-written li{gap:13px;font-size:18px}.round-intro-step-key{min-width:51px;height:48px;font-size:25px}.round-intro-step-key.is-touch{min-width:95px;font-size:11px}}