@charset "UTF-8";:root{--bgColor:#333;--borderColor:#444;--hoverColor:#222;--activeColor:#111;}html{width:100%;height:100%;}body,main{margin:0;padding:0;width:100%;height:100%;}.modal{position:fixed;height:calc(100% - 32px);right:0;z-index:3;width:100%;background-color:#000;opacity:.86;text-align:center;color:#ccc;visibility:hidden;opacity:0;-webkit-transition:opacity .4s linear;-moz-transition:opacity .4s linear;-ms-transition:opacity .4s linear;-o-transition:opacity .4s linear;transition:opacity .4s linear;}.modal.show{visibility:visible;opacity:1;}.modal table.result{border-collapse:collapse;margin:auto;}.modal table caption{margin:.75rem auto .5rem auto;font-size:large;font-style:oblique;}.modal table.result th,.modal table.result td{width:25%;}.modal input,.modal select{font-size:1.25rem;background:transparent;color:#ccc;text-align:center;padding:.375rem .75rem;border-radius:.5rem;cursor:pointer;}.modal select,.modal option,.modal input[type="range"]{width:100%;padding:.375rem 0;}.modal input[type="range"]{margin:-.5rem 0 .5rem 0;}.modal>div>*{margin:1rem 0;}.modal h2,.modal h3{margin:1rem 0 .25rem 0;}.valign-table{display:table;table-layout:fixed;}.valign-cell{display:table-cell;vertical-align:middle;}.col{display:grid;align-items:center;height:100%;}.nav-tabs{display:flex;list-style:none;align-items:baseline;padding:0;margin:0 0 -.25rem 0;}.nav-tabs>li>a{display:block;padding:.5rem;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem;text-decoration:none;color:inherit;}.nav-tabs a.active{background-color:#222;border-color:#666;border-bottom:0;pointer-events:none;}.tab-content{border:1px solid #666;border-top:0;background-color:#222;border-radius:.25rem;padding:.5rem;}.tab-pane:not(.active){display:none;}.nav-tabs>li>a.close{font-size:2rem;line-height:.5;padding:0;}.memory--states,.memory--menu-bar{display:flex;flex-wrap:wrap;align-items:center;font-size:1.25rem;color:#ccc;background-color:#222;opacity:.8;width:99%;padding:0 .5%;position:fixed;z-index:1;}.memory--menu-bar{z-index:9999;}.states{display:table;width:66%;}.states div{display:table-cell;padding-right:1em;}.memory--states span{float:right;margin:auto;}#timer::after{content:"秒";visibility:hidden;}#attempts::after,#mistakes::after{content:"次";}#memory--app-container{background-color:#06A;width:100%;height:calc(100% - 3rem);padding:1.5rem 0;}.memory--menu-bar{bottom:0;padding:1px auto;}.memory--app-name{font-size:1.625rem;margin:0;padding:1px 4px;text-transform:uppercase;font-family:"Courier New";letter-spacing:1px;}#memory--app-theme{letter-spacing:0;}@media screen and (max-width:540px){.memory--app-name{font-size:1rem;display:flex;flex-wrap:wrap;max-width:calc(100% - 203px);align-items:baseline}.states{font-size:1rem;width:100%}}#memory--info-modal input,.memory--menu-bar button,.memory--menu-bar input{font-size:23px;font-family:Helvetica,ui-sans-serif;text-align:center;width:27px;height:27px;border:1px solid;border-radius:14px;margin:1px 4px;padding:0;cursor:pointer;}.memory--menu-bar input:hover,.memory--menu-bar input:active{color:#ccc;background-color:#222;font-weight:bold;}.memory--menu-bar .logo{display:contents;}.memory--menu-bar .logo img{height:24.5px;}#memory--end-game-modal .wrapper{background-color:#000;opacity:.86;padding:.5rem 0;}#memory--end-game-modal .wrapper>*{margin:.5rem;}#memory--end-game-modal{background:0;}#memory--end-theme-info{line-height:1.5;}#memory--info-modal>div>dl,#memory--login-modal iframe,#memory--ranking-modal .wrapper,#memory--settings-modal>div>*{min-width:320px;width:50%;margin:0 auto;}#memory--settings-modal label{font-size:medium;}#memory--settings-modal .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;margin-bottom:.5rem;}#memory--login-modal iframe{height:50%;min-height:420px;}#memory--info-modal dl{text-align:justify;}#memory--ranking-modal select{font-size:small;}#memory--ranking-modal table{width:100%;font-size:small;}#memory--ranking-modal th.sort{cursor:pointer;}#memory--ranking-modal th.sort.active::after{content:"↓";}#memory--ranking-modal th.sort.active{pointer-events:none;}#memory--ranking-modal tr.me{color:beige;background-color:cadetblue!important;}#memory--ranking-modal tr:nth-of-type(odd){background-color:#333;}#memory--ranking-modal .tab-content{height:calc(100vh - 123px);overflow:auto;}#memory--info-modal>div>dl{height:calc(50% - 74px);overflow:auto;padding-bottom:16px;}#memory--info-modal dt{margin:1rem 0 .5rem 0;border-bottom:1px dotted;}#memory--info-modal dd{margin:0;}#memory--info-modal a{color:inherit;}#memory--info-modal a:hover,#memory--info-modal a:active{color:navajowhite;}.memory--settings-label{margin:8px 0;text-align:justify;display:flex;flex-wrap:wrap;align-items:center;}.memory--settings-label>*{margin-left:auto;}#memory--cards{margin:0 auto;padding:0;height:100%;list-style-type:none;list-style-image:none;position:relative;}.flip-container{-webkit-perspective:1000px;perspective:1000px;float:left;}.flip-container.clicked .front{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}.flip-container.clicked .back{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);}.flipper{width:90%;height:90%;margin:0% auto;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;top:5%;bottom:5%;}.front,.back{width:100%;height:100%;display:block;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;top:0;left:0;}.front{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);background-color:white;border-radius:5%;background-image:url(../images/card.png);background-position:50% 50%;background-repeat:no-repeat;background-size:contain;}.back{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg);background-color:#fff;border-radius:5%;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;}.more{display:none;position:absolute;text-align:center;color:#ccc;background:#000;opacity:.55;border-radius:.5rem;width:calc(90% - 1rem);height:fit-content;padding:.25rem .5rem;left:50%;top:50%;transform:translate(-50%,-50%);}.end .more{display:block;}