#root{height:100%}*{-webkit-tap-highlight-color:transparent}html{margin:0;padding:0;border:0;color:#2a2a2a;height:100%;width:100%;overflow:hidden;touch-action:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;font-size:var(--mantine-font-size-lg)}body{background-color:#fff;height:100%;width:100%;margin:0;padding:0;overflow-x:hidden;box-sizing:border-box}button{background-color:transparent;border:none}.sans{font-family:Open Sans,sans-serif}.bgImg,.bgColor{position:absolute;height:100%;width:100%}.bgImg{background-image:url(/seigaiha.svg);opacity:.1;z-index:1}.bgColor{background:#3987c9;opacity:.8;z-index:0}.voicePlay{cursor:pointer;display:flex;justify-content:flex-end}.modalClose,.modalClose img{position:fixed;cursor:pointer;color:#fff;height:2.5rem;width:2.5rem;top:2rem;right:2rem;z-index:2}.iconContainer,.bottomIconContainer,.externalLinkContainer{display:flex;font-size:1rem;font-weight:800;flex-direction:column;box-sizing:border-box;position:fixed;color:#fff;cursor:pointer;z-index:100;text-align:center;width:4rem}.iconContainer{left:4.5%;top:4.5%}.bottomIconContainer{left:4.5%;bottom:4.5%;max-width:4rem}.externalLinkContainer{bottom:4.5%;right:4.5%}.teamKitsuneLink,.shopLink{display:flex;width:100%;margin:.6rem 0 .3rem}.teamKitsuneLink img{background-color:#fff;border-radius:.5rem}.externalLinkContainer img{height:100%;width:100%;object-fit:contain}.muteIcon{position:relative;display:flex;aspect-ratio:1/1;height:100%}.muteIcon img{pointer-events:auto;width:100%;filter:invert(100%);height:100%}.muteIcon img.true{display:none}.zoomIcon,.browseIcon,.quizIcon{cursor:pointer;aspect-ratio:1/1;height:100%;margin:0 0 1.5rem}.quizIcon{color:#fff}.zoomIcon img,.browseIcon img{width:100%;filter:invert(100%);height:100%}.nav{display:none;position:fixed;color:#fff;cursor:pointer;z-index:100;justify-content:center;align-items:center;background-color:gray;opacity:.9;margin:1rem}.nav.true{display:flex}.nav img{pointer-events:none;filter:invert(100%);max-width:100%;max-height:100%}.up,.down{width:5rem;height:2.5rem;left:calc(50% - 2.5rem)}.left,.right{top:calc(50% - 2.5rem);width:2.5rem;height:5rem}.up{top:0}.down{bottom:0}.left{left:0}.right{right:0}.container{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);grid-column-gap:0px;grid-row-gap:0px;align-items:center;overflow:scroll;z-index:1}.svgContainer{width:100%;height:100%;grid-area:1/1/2/2;display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);grid-column-gap:0px;grid-row-gap:0px;overflow:hidden;z-index:2;margin:0}.svgContainer.false{animation:zoomMapOut .5s ease-in-out;animation-fill-mode:forwards}.svgContainer.true{animation:zoomMapIn .5s ease-in-out;animation-fill-mode:forwards}@keyframes zoomMapIn{0%{margin:0;transform:scale(1)}to{margin:-40% -15% -25% -20%;transform:scale(1.5) translate(20%,20%)}}@keyframes zoomMapOut{0%{margin:-40% -15% -25% -20%;transform:scale(1.5) translate(20%,20%)}to{margin:0;transform:scale(1)}}.svgContent{grid-area:1/1/2/2;display:block;margin:auto;max-width:100%;max-height:100%;padding:3% 6% 0;filter:drop-shadow(4px 5px 6px black)}.prefecture{cursor:pointer;stroke:gray;stroke-width:1.5}.prefecture:focus{fill:#972bc2;outline:0}.okinawaCircle{cursor:pointer;stroke-width:6;stroke:#424242}.mantine-Modal-content,.mantine-Modal-body{background:none;box-sizing:border-box;position:absolute;display:flex;flex-direction:column;left:0;top:0;width:100%;height:100%;padding:0}@media (orientation: portrait){.iconContainer{top:3%}.bottomIconContainer,.externalLink{bottom:3%}.modalImg{grid-area:1/1/2/2}}@media (min-width: 100px),(max-height: 300px){html{font-size:var(--mantine-font-size-xs)}}@media (min-width: 350px) and (min-height: 450px){html{font-size:var(--mantine-font-size-sm)}}@media (min-width: 450px) and (min-height: 550px){html{font-size:var(--mantine-font-size-md)}}@media (min-width: 700px) and (min-height: 575px){html{font-size:var(--mantine-font-size-lg)}}@media (min-width: 840px) and (min-height: 600px){html{font-size:var(--mantine-font-size-xl)}}.modalContainer{box-sizing:border-box;border-radius:25px;height:80%;width:80%;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;align-items:center;z-index:9;color:#2a2a2a}.modalImg{background-image:url(/teamKitsuneLogo.svg);background-repeat:no-repeat;background-position:center;box-sizing:border-box;display:flex;border-radius:25px 0 0 25px;grid-area:1/1/2/2;width:100%;height:100%;padding:3% 2%;overflow:hidden;align-items:center;justify-content:center}.modalImg img{pointer-events:auto;overflow:hidden;margin:auto;object-fit:contain;max-width:100%;max-height:100%}.modalContent{pointer-events:auto;box-sizing:border-box;height:100%;width:100%;margin:auto;grid-area:1/2/2/3}.soundIcon{width:1em;height:1em}.modalText{box-sizing:border-box;border-radius:20px 20px 0 0;height:92%;width:100%;margin:auto;padding:4%;background:#fff;display:grid;grid-area:1/2/2/3;grid-template-columns:repeat(1fr);grid-template-rows:1fr;grid-auto-flow:column;grid-auto-columns:100%;grid-column-gap:0px;grid-row-gap:0px;align-items:center;overflow:none;user-select:text;-webkit-touch-callout:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text}.modalName{box-sizing:border-box;height:100%;width:100%;margin:auto;display:flex;flex-direction:column;grid-area:1/1/2/2;grid-template-columns:1fr;grid-template-rows:repeat(2,1fr);grid-column-gap:0px;grid-row-gap:0px;align-items:center;justify-content:center}.modalHeadline{box-sizing:border-box;display:flex;font-size:4rem;height:100%;width:100%;margin:auto;padding-bottom:4%;grid-area:1/1/2/2;align-items:end;justify-content:center;line-height:1}.modalCity{box-sizing:border-box;display:flex;font-size:3rem;height:100%;width:100%;margin:auto;padding-top:4%;grid-area:2/1/3/2;align-items:start;justify-content:center}.modalIntro{box-sizing:border-box;height:100%;width:100%;margin:auto;overflow:hidden;font-size:1.8rem;display:flex;flex-direction:column;align-items:center;text-align:left;justify-content:center}.modalIntro p{display:block;align-items:center;text-align:start;justify-content:start}.modalIntro .JP{line-height:2}.modalIntro .EN{line-height:1.4}.modalTabArea{box-sizing:border-box;border-radius:0 0 20px 20px;display:grid;height:8%;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;column-gap:0;grid-row-gap:0px;align-items:center;overflow:hidden}.modalTab{text-decoration:none;color:#2a2a2a;cursor:pointer;display:flex;font-size:2rem;height:100%;width:110%;background:#d0d0d0;border-radius:0 0 20px 20px;align-items:center;justify-content:center;transform:translate(-5%)}.modalTab:visited{color:#2a2a2a!important}.name.true,.intro.false{cursor:default;background:var(--prefColor);box-shadow:0 6px 6px 6px #000000bf;z-index:11;width:110%}@media (orientation: portrait){.modalContainer{width:90%;height:90%;margin-bottom:5%;grid-template-columns:1fr;grid-template-rows:50% 50%}.modalImg{grid-area:1/1/2/2;border-radius:25px 25px 0 0}.modalContent{grid-area:2/1/3/2}.modalText{border-radius:15px 15px 0 0;height:88%}.modalTabArea{border-radius:0 0 15px 15px;height:12%}.modalTab{border-radius:0 0 15px 15px}}@media only screen and (max-width: 1200px){.modalHeadline{font-size:4.5rem}.modalCity{font-size:3.5rem}}.languageBox{cursor:pointer;background-color:#fff;box-sizing:border-box;border-radius:0 0 .5rem .5rem;position:absolute;top:0%;left:4%;width:5rem;padding:.35rem .3rem;flex-direction:column;z-index:200}.languageBoxAnimation{animation-name:slideDown;animation-duration:.6s;animation-fill-mode:forwards}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translate(0)}}.flag{pointer-events:auto;border-radius:.3rem;width:100%;height:100%}.browseButton.hokkaido{background-color:#395ff9}.browseButton.tohoku{background-color:#81d8fb}.browseButton.kanto{background-color:#7eff98}.browseButton.chubu{background-color:#d9ff4c}.browseButton.kansai{background-color:#ffea5f}.browseButton.chugoku{background-color:#ffcb4c}.browseButton.shikoku{background-color:#ff8bd6}.browseButton.kyushu{background-color:#ff644c}.browseButton.okinawa{background-color:#ff4e33}.tohoku .areaName{color:#81d8fb}.kanto .areaName{color:#7eff98}.chubu .areaName{color:#d9ff4c}.kansai .areaName{color:#ffea5f}.chugoku .areaName{color:#ffcb4c}.shikoku .areaName{color:#ff8bd6}.kyushu .areaName{color:#ff644c}.browse{display:flex;left:0;top:0;overflow:hidden;height:100%;margin:1rem}.browse .EN{font-family:Open Sans,sans-serif}.browseContainer{pointer-events:auto;box-sizing:border-box;font-size:1.4rem;line-height:1;height:100%;width:100%;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(11,1fr);grid-column-gap:0px;grid-row-gap:0px;align-items:center;z-index:9}.JP .browseButton{font-size:1.55rem}.JP .byRegion .browseContainer.landscape{width:65%}.EN .byRegion .browseContainer.landscape{width:85%}.JP .aToZ .browseContainer.landscape{width:75%}.EN .aToZ .browseContainer.landscape,.browseContainer.portrait{width:100%}.aToZ{height:100%;width:100%}.aToZ .browseContainer .browseButton{font-size:1.6rem}.browseCategory{height:100%;width:100%;display:grid;grid-template-columns:1fr;align-items:center;justify-content:center}.hokkaido.browseCategory{grid-area:1/6/2/7;grid-template-rows:1fr}.tohoku.browseCategory{grid-area:2/6/9/7;grid-template-rows:repeat(7,1fr)}.kanto.browseCategory{grid-area:2/5/10/6;grid-template-rows:repeat(8,1fr)}.chubu.browseCategory{grid-area:1/4/11/5;grid-template-rows:repeat(10,1fr)}.kansai.browseCategory{grid-area:2/3/10/4;grid-template-rows:repeat(8,1fr)}.chugoku.browseCategory{grid-area:1/2/7/3;grid-template-rows:repeat(6,1fr)}.shikoku.browseCategory{grid-area:7/2/12/3;grid-template-rows:repeat(5,1fr)}.kyushu.browseCategory{grid-area:2/1/10/2;grid-template-rows:repeat(8,1fr)}.okinawa.browseCategory{grid-area:11/1/12/2;grid-template-rows:1fr}.areaName{display:flex;justify-content:center;align-content:center;flex-direction:column;text-align:center;width:95%;height:90%;margin:5% 2.5%}.translation.EN.sans,.browseToggleButton .JP{width:100%;align-items:center;justify-content:center;margin:.7rem}.browse .translation{width:100%;height:100%}.browseButton{display:flex;justify-content:center;align-content:center;flex-direction:column;color:#2a2a2a;border-radius:8px;box-sizing:border-box;text-align:center;cursor:pointer;width:95%;height:90%;margin:5% 2.5%}.portrait{display:none}.browseToggleArea{display:flex;margin:2rem 1rem 1rem;align-items:center;justify-content:center;overflow:hidden;font-size:1.5rem}.browseToggleContainer{display:flex;width:100%;align-items:center;justify-content:center}.browseToggleButton{font-weight:800;color:#fff;display:flex;align-self:center;justify-content:center;background-color:#3987c9;margin:1rem;cursor:auto;text-align:center;border-radius:.5rem}.alphaSwitch.false,.regionSwitch.true{color:#fff;background-color:#0000;text-decoration:underline;cursor:pointer}.browseToggleButton.JP{font-size:1.5rem}@media (orientation: portrait){.landscape{display:none}.browseContainer.portrait .EN{font-size:1.6rem}.browseContainer.portrait .JP{font-size:2rem}.browseContainer.portrait{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(15,1fr)}.byRegion .browseContainer.portrait{direction:rtl;grid-auto-flow:column}.browseButton{border-radius:4px;width:95%;height:90%;margin:5% 2.5%}.modalContainer{width:90%;height:90%;margin-bottom:5%;grid-template-columns:1fr;grid-template-rows:50% 50%}}@media only screen and (max-width: 1200px){.browseButton{border-radius:4px}}@media (orientation: landscape) and (max-width: 800px){.browse{padding:5% 5% 1.5%}.browseButton,.areaName{font-size:1.1rem;border-radius:4px}.EN .browseButton,.EN .areaName{font-size:.9rem}}.quizSelectArea{display:flex;flex-direction:column;margin:auto;width:80%;max-width:700px;height:90%;align-content:center;align-items:center;justify-content:center}.quizSelectArea h1{color:#fff;font-size:3rem;margin:0 0 1rem;text-align:center}.quizSelectGroup{width:100%;max-height:50%;display:flex;flex-wrap:wrap;flex-direction:row;align-content:center;overflow:hidden}.quizCategory{background-image:url(/teamKitsuneLogo.svg);background-repeat:no-repeat;background-position:center;width:50%;height:100%;padding:1rem;display:flex;align-items:center;justify-content:end}.quizSelectGroup img{display:block;max-width:100%;max-height:100%}.quizType{width:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.quizSelectButtonArea{width:100%;padding:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}.quizSelectButtonArea button{color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;border-radius:.5rem;width:calc(50% - 1rem);font-size:1.8rem;font-weight:700;transform:translate(-4px) translateY(-4px);transition:all .2s;max-height:5rem;text-shadow:1px 1px 1px #424242}.quizSelectButtonArea button:nth-child(1){background-color:#395ff9}.quizSelectButtonArea button:nth-child(2){background-color:#00cb28}.quizSelectButtonArea button:nth-child(3){background-color:#ffbc19}.quizSelectButtonArea button:nth-child(4){background-color:#ff3819}@media (max-width: 640px){.quizSelectGroup{flex-direction:column;flex-wrap:nowrap}.quizPic{width:100%;justify-content:center;overflow:auto}.quizType{width:100%;height:fit-content}.quizSelectArea h1{font-size:2rem}.quizSelectButtonArea button{font-size:1.6rem;width:calc(25% - 1rem)}}.quizMain{height:100%;width:100%;background-color:#c6c6c6;display:flex}.quizContainer{box-sizing:border-box;height:80%;width:80%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9}.quizBox{display:flex;flex-direction:row;align-items:center;margin:auto;width:100%;height:100%;overflow:hidden;text-align:center}.question-section{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.question-count{color:#fff;grid-column:span 2;font-size:1.5rem;width:100%;padding-bottom:.2rem;border-bottom:3px solid white;text-align:left}.question-text{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .3s;padding:.8rem}.question-text img{display:block;max-width:100%;max-height:100%}.answer-reveal{margin:0 2rem;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.answer{color:#fff;font-size:5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;font-weight:700;text-shadow:1px 1px 1px #424242}.answer .sans{font-size:4rem}.nextQuestion{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.resultImage{width:100%;max-height:100%;overflow:auto;display:flex;align-items:center;justify-content:center}.resultImage img{max-width:100%;max-height:100%;overflow:auto}.nextButton{cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:.25rem;width:calc(50% - 1rem);padding:0;font-size:2rem;font-weight:700;transform:translate(-4px) translateY(-4px);transition:all .2s;height:calc(33.3333333333% - 1rem);max-height:5rem;text-shadow:1px 1px 1px #424242;border:4px solid #00921d;background-color:#00cc29;box-shadow:4px 4px #00921d}.next-question:hover{background-color:#00cc29;transform:none;box-shadow:none}.answer-section,.resultsButtons{width:100%;display:flex;flex-wrap:wrap;height:100%;margin:0 2rem;gap:1rem;align-items:center;justify-content:center;align-content:center}.answerButton{cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:.25rem;width:calc(50% - 1rem);padding:0;font-size:2rem;font-weight:700;transform:translate(-4px) translateY(-4px);transition:all .2s;height:calc(33.3333333333% - 1rem);max-height:5rem;text-shadow:1px 1px 1px #424242;text-decoration:none}.resultsButtons .answerButton{height:4rem;font-size:4rem;margin:0}.answerButton.sans{font-size:1.7rem}.greenMaru,.redBatu{margin-right:1rem;height:3rem;width:3rem}.answerButton:nth-child(1){border:4px solid #0737f8;background-color:#395ff9;box-shadow:4px 4px #0737f8}.answerButton:nth-child(1):hover{background-color:#395ff9;transform:none;box-shadow:none}.answerButton:nth-child(2){border:4px solid #e51f00;background-color:#ff3819;box-shadow:4px 4px #e51f00}.answerButton:nth-child(2):hover{background-color:#ff3819;transform:none;box-shadow:none}.answerButton:nth-child(3){border:4px solid #ff25b2;background-color:#ff58c4;box-shadow:4px 4px #ff25b2}.answerButton:nth-child(3):hover{background-color:#ff58c4;transform:none;box-shadow:none}.answerButton:nth-child(4){border:4px solid #e5a200;background-color:#ffbc19;box-shadow:4px 4px #e5a200}.answerButton:nth-child(4):hover{background-color:#ffbc19;transform:none;box-shadow:none}.answerButton:nth-child(5){border:4px solid #00b123;background-color:#00cb28;box-shadow:4px 4px #00b123}.answerButton:nth-child(5):hover{background-color:#00cb28;transform:none;box-shadow:none}.answerButton:nth-child(6){border:4px solid #722092;background-color:#972bc2;box-shadow:4px 4px #722092}.answerButton:nth-child(6):hover{background-color:#972bc2;transform:none;box-shadow:none}.score-section{color:#fff;height:100%;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-section h1{text-align:center;font-size:3rem;margin:.5rem;text-decoration:underline}.score-section h2{font-size:2rem}.score-section h3{text-align:center;font-size:1.5rem;margin:0 0 1rem}.score-section img{height:2rem;width:2rem}.score-section p{display:flex;margin:.5rem 0;flex-direction:row;align-items:center;text-align:left;font-size:1.5rem}.score-section span{font-size:1.5rem}.rightAnswers,.wrongAnswers{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:60%;font-weight:800}.rightAnswers span,.wrongAnswers span{font-size:2rem}.messages{display:flex;flex-direction:column;margin:2rem;border-top:3px solid white;width:100%}.messages img{width:auto;height:250px}.messageResult{margin:1rem;text-align:center;font-size:3rem;font-weight:800}.quizPrefecture{stroke:gray;stroke-width:1.5}.quizSVG{display:block;margin:auto;max-width:100%;max-height:100%;overflow:hidden;filter:drop-shadow(4px 5px 6px black)}@media (orientation: portrait){.quizBox{margin-top:2rem;flex-direction:column}.question-text{height:100%}.question-section{height:50%}.answer-section{margin-top:3rem}.quizContainer{height:90%;width:90%}.nextQuestion{flex-direction:row}.resultsButtons .answerButton{height:5rem;font-size:3rem;margin:0}}