@charset "UTF-8";*{cursor:default;margin:0;padding:0;box-sizing:border-box;border:0;outline:0;list-style:none;font-family:serif;font-size:inherit}body{background-color:#32860b}.click-ripple{position:fixed;width:48px;height:48px;border-radius:50%;background:#ffffff38;transform:translate(-50%,-50%) scale(0);pointer-events:none;animation:click-ripple .55s ease-out forwards;z-index:10000}@keyframes click-ripple{to{transform:translate(-50%,-50%) scale(3);opacity:0}}.app.is-dragging,.app.is-dragging *{cursor:grabbing!important}.app>nav{z-index:9999;position:fixed;top:calc(20px + env(safe-area-inset-top,0px));right:calc(20px + env(safe-area-inset-right,0px))}.app>nav>ul>li>a{cursor:pointer}.app>nav>ul>li>a.disabled{cursor:not-allowed;filter:grayscale(1) opacity(.25)}.app>nav>ul>li .pachinko-container-wrapper{position:fixed;top:50%;left:50%;display:flex;justify-content:center;align-items:center;margin:0;overflow:hidden;transform:translate(-50%,-50%)}.app>nav>ul>li .pachinko-container{position:relative;width:250px;height:250px;display:flex;justify-content:center;align-items:center;animation:extreme-shake .08s infinite alternate}.app>nav>ul>li .lucky-button{position:relative;width:150px;height:150px;border-radius:50%;border:8px solid #fff;background:radial-gradient(circle,#f05 20%,#802 80%);box-shadow:inset 0 0 20px #fafafacc,0 0 30px #f05,0 0 60px #f0f;cursor:pointer;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;outline:none;transition:transform .1s ease}.app>nav>ul>li .lucky-button:active{transform:scale(.9);background:radial-gradient(circle,#ff0 10%,#f05);box-shadow:0 0 100px #ff0,0 0 200px red}.app>nav>ul>li .flash-text{font-size:50px;color:#fff;text-shadow:0 0 5px #fff,0 0 10px #ff0000;animation:flash .2s infinite;letter-spacing:2px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes extreme-shake{0%{transform:translate(1px,1px) rotate(0)}to{transform:translate(-1px,-1px) rotate(1deg)}}@keyframes flash{0%,to{opacity:.2}50%{opacity:1}}@keyframes text-zoom{0%{transform:scale(.9) skew(-10deg)}to{transform:scale(1.25) skew(-10deg)}}.app .descriptions{position:fixed;top:calc(40px + env(safe-area-inset-top,0px));left:50%;padding:20px;border:10px solid rgba(255,165,0,.75);background-color:#ffffffbf;text-align:center;transform:translate(-50%)}.app .descriptions.lowpriority{opacity:.5}.app .descriptions>h1{font-size:30px}.app .hands>li>ol,.app .rivers>li>ol{display:flex}.app .hands{z-index:2;position:relative}.app .hands>li:nth-child(1){position:fixed;bottom:calc(40px + env(safe-area-inset-bottom,0px) + var(--admob-banner-height, 0px));left:50%;z-index:1;transform:translate(-50%);font-size:min(2.5rem,7.6923076923vw - 12px)}.app .hands>li>ol>li{cursor:grab;position:relative;margin-left:2px;padding:2px;background-color:orange;box-shadow:0 40px orange;touch-action:none}.app .hands>li>ol>li:active{cursor:grabbing}.app .hands>li>ol>li:after{content:"↔";position:absolute;left:50%;bottom:-22px;transform:translate(-50%);color:#fff0;font-size:20px;font-weight:700;line-height:1;pointer-events:none;transition:color .15s ease,transform .15s ease}.app .hands>li>ol>li.is-null{cursor:default;background-color:transparent!important;box-shadow:none!important}.app .hands>li>ol>li.is-null:after{content:none}.app .hands>li>ol>li.is-null:hover>.tile{transform:none;box-shadow:none}.app .hands>li>ol>li.is-null:first-child,.app .hands>li>ol>li.is-null:last-child,.app .hands>li>ol>li.is-null+.is-null{border:2px dotted #FFFFFF;border-radius:4px;background-color:#ffffff40!important}.app .hands>li>ol>li.is-null~li{background-color:#ffc966;box-shadow:0 40px #ffc966}.app .hands>li>ol>li.is-null~li.is-null~li{background-color:orange;box-shadow:0 40px orange}.app .hands>li>ol>li>.tile{transition:transform .1s cubic-bezier(.47,0,.745,.715)}.app .hands>li>ol>li.is-null>.tile{width:.5em;border:0;box-shadow:none;background-image:none}.app .hands>li>ol>li.is-selected>.tile{transform:translateY(-10px)}.app .hands>li>ol>li.is-selected:hover>.tile{transform:translateY(-10px)}.app .hands>li>ol>li.is-selected:before{content:"もう一度クリックで捨てる";position:absolute;left:50%;top:-34px;transform:translate(-50%);padding:4px 10px;border-radius:4px;background-color:#000c;color:#fff;font-size:13px;white-space:nowrap;pointer-events:none;animation:hintFade .2s ease-out}.app .hands>li>ol>li.is-selected:after{color:#000000b3;transform:translate(-50%) translateY(2px)}@keyframes hintFade{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.app .hands>li>ol.is-not-moved-from-tsumo>li:last-child{margin-left:10px;animation:fadeIn .3s cubic-bezier(.47,0,.745,.715) alternate}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app .hands>li>ol.is-not-moved-from-tsumo>li:last-child>.tile{animation:tsumo .3s cubic-bezier(.47,0,.745,.715) alternate}@keyframes tsumo{0%{margin-top:-30px}to{margin-top:0}}.app .hands .sortable-chosen>.tile,.app .hands .sortable-ghost>.tile{cursor:grab;cursor:-webkit-grabbing}.app .hands .sortable-ghost{opacity:.25}.app .rivers>li:nth-child(1){position:fixed;top:calc(240px + env(safe-area-inset-top,0px));left:50%;max-width:calc(100vw - 20px);width:698px;height:140px;padding-bottom:10px;font-size:36px;transform:translate(-50%)}.app .rivers>li:nth-child(1)>ol{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;margin-left:-2px;margin-bottom:-2px}.app .rivers>li:nth-child(1)>ol>li{margin-left:2px;margin-bottom:2px}.app .rivers>li:nth-child(1)>ol>li:nth-child(14n-6){margin-left:20px}.app .tile{display:block;padding:2px;border:2px solid #ddd;border-radius:5px;box-shadow:0 6px #ccc,0 12px #008b8b;background-image:linear-gradient(#fafafa,#fcfcfc);text-align:center;line-height:1.5em;font-weight:700}.app .tile.is-dora{background-image:linear-gradient(#ffbf00,#ffcf40)}.tile.is-default{cursor:pointer}.tile.is-selected{cursor:alias}.app .patterns{z-index:1;position:relative}.app .patterns>li{position:fixed;transform:translate(calc(-50% - var(--patterns-outer-width, 700px) / 2))}.app .patterns>li:nth-child(1){left:50%;bottom:calc(120px + env(safe-area-inset-bottom,0px) + var(--admob-banner-height, 0px))}.app .patterns>li>ol>li{position:absolute;color:#fff;white-space:nowrap;transform:translateY(-100%)}.app .patterns>li>ol>li>dl{position:relative}.app .patterns>li>ol>li>dl>dt{position:absolute;top:-18px;left:-10px;padding:0 6px;border:2px solid;background-color:#fff;font-weight:700;cursor:pointer;transition:filter .12s ease}.app .patterns>li>ol>li>dl>dt:hover{filter:brightness(.88)}.app .patterns>li>ol>li>dl>dt:focus{outline:none}.app .patterns>li>ol>li>dl>dt>.hint-tooltip{position:absolute;top:50%;left:calc(100% + 6px);padding:6px 10px;border-radius:4px;background-color:#000000d9;color:#fff;font-size:13px;font-weight:400;line-height:1.6;white-space:nowrap;z-index:10;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity .15s ease}.app .patterns>li>ol>li>dl>dt:focus>.hint-tooltip{opacity:1}.app .patterns>li>ol>li>dl>dd{padding:20px 6px 4px;text-align:center;font-size:24px;letter-spacing:4px}.app .patterns>li>ol>li>dl>dd>ruby>a{cursor:pointer;color:currentColor}.app .patterns>li>ol>li>dl>dd>ruby>a>img{margin-left:-.5em;vertical-align:-.125em;filter:invert(1)}.app .patterns>li>ol>li>dl>dd>ruby>rt{padding-right:2em;font-size:.5em}.app .patterns>li>ol>li>dl:after{content:"";pointer-events:none;position:absolute;top:100%;left:90px;height:0;width:0;border:15px solid transparent}.app .patterns>li>ol>li>dl.is-perfect>dt{border-color:#0d8dd7;color:#0d8dd7}.app .patterns>li>ol>li>dl.is-perfect>dd{background-color:#0d8dd7}.app .patterns>li>ol>li>dl.is-perfect:after{border-top-color:#0d8dd7}.app .patterns>li>ol>li>dl.is-matched>dt{border-color:#3f7c9d;color:#3f7c9d}.app .patterns>li>ol>li>dl.is-matched>dd{background-color:#3f7c9d}.app .patterns>li>ol>li>dl.is-matched:after{border-top-color:#3f7c9d}.app .patterns>li>ol>li>dl.is-reached>dt{border-color:#b63c42;color:#b63c42}.app .patterns>li>ol>li>dl.is-reached>dd{background-color:#b63c42}.app .patterns>li>ol>li>dl.is-reached:after{border-top-color:#b63c42}.app .patterns>li>ol>li>dl.is-yixiangting>dt{border-color:#e67e22;color:#e67e22}.app .patterns>li>ol>li>dl.is-yixiangting>dd{background-color:#e67e22}.app .patterns>li>ol>li>dl.is-yixiangting:after{border-top-color:#e67e22}.app .dora{position:fixed;bottom:calc(140px + env(safe-area-inset-bottom,0px) + var(--admob-banner-height, 0px));left:calc(20px + env(safe-area-inset-left,0px));display:flex;align-items:center;padding:8px 12px;border-radius:6px;background-color:#00000059}.app .dora>dt{color:#fff}.app .dora>dd{margin-left:.5em}.app .dora>dd>.tile{font-size:24px}.app .overlay-outer{z-index:9999;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;animation:overlayFadeIn .18s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.app .confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.app .overlay-inner{position:relative;width:100%;max-width:460px;background-color:#fff;border-radius:12px;box-shadow:0 20px 60px #0006;overflow:hidden;animation:modalPopIn .22s cubic-bezier(.18,.89,.32,1.28)}@keyframes modalPopIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.app .start-screen{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;overflow-y:auto;background-color:#32860b;display:flex;flex-direction:column;align-items:center;padding:20px}.app .start-screen>.kanji-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;justify-content:space-around;pointer-events:none;-webkit-user-select:none;user-select:none}.app .start-screen>.kanji-bg>.kanji-bg-col{writing-mode:vertical-rl;font-size:60px;line-height:1.4;color:#ffffff80;white-space:nowrap;will-change:transform;animation:kanji-scroll-up var(--kanji-duration, 20s) linear infinite;animation-delay:var(--kanji-delay, 0s)}.app .start-screen>.kanji-bg>.kanji-bg-col:nth-child(2n){animation-name:kanji-scroll-down}@keyframes kanji-scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes kanji-scroll-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.app .start-screen>.start-screen-inner{position:relative;z-index:1;width:100%;max-width:480px;margin:auto 0;padding:24px;border:10px solid rgba(255,165,0,.75);background-color:#ffffffeb;text-align:center}.app .start-screen>.start-screen-inner>h1{font-size:28px}.app .start-screen>.start-screen-inner>.start-screen-description{margin-top:14px;line-height:1.75;color:#444}.app .start-screen>.start-screen-inner>.start-screen-subtitle{margin-top:18px;font-weight:700;color:#333}.app .start-screen>.start-screen-inner>.difficulty-buttons{display:flex;gap:10px;margin-top:12px;justify-content:center}.app .start-screen>.start-screen-inner>.difficulty-buttons>li{position:relative}.app .start-screen>.start-screen-inner>.difficulty-buttons>li>.difficulty-button{cursor:pointer;padding:14px 18px;border-radius:8px;font-size:18px;font-weight:700;color:#fff;transition:filter .12s ease,transform .12s ease,box-shadow .12s ease}.app .start-screen>.start-screen-inner>.difficulty-buttons>li>.difficulty-button:hover{filter:brightness(1.1);transform:translateY(-3px);box-shadow:0 6px 16px #00000040}.app .start-screen>.start-screen-inner>.difficulty-buttons>li>.difficulty-button.is-easy{background-color:#4caf50}.app .start-screen>.start-screen-inner>.difficulty-buttons>li>.difficulty-button.is-normal{background-color:#e5852a}.app .start-screen>.start-screen-inner>.difficulty-buttons>li>.difficulty-button.is-hard{background-color:#c0392b}.app .start-screen>.start-screen-inner>.difficulty-buttons>li>.difficulty-button.is-extreme{background-color:#2c3e50}.app .start-screen>.start-screen-inner>.step2-back{cursor:pointer;display:block;margin-bottom:16px;padding:0;background:none;border:none;color:#555;font-size:14px}.app .start-screen>.start-screen-inner>.step2-back:hover{color:#000}.app .start-screen>.start-screen-inner>.difficulty-description{padding:12px 16px;border-radius:6px;line-height:1.7;text-align:left;color:#fff;animation:step2FadeIn .18s ease-out}.app .start-screen>.start-screen-inner>.difficulty-description.is-easy{background-color:#4caf50cc}.app .start-screen>.start-screen-inner>.difficulty-description.is-normal{background-color:#e5852acc}.app .start-screen>.start-screen-inner>.difficulty-description.is-hard{background-color:#c0392bcc}.app .start-screen>.start-screen-inner>.difficulty-description.is-extreme{background-color:#2c3e50cc}.app .start-screen>.start-screen-inner>.step2-start{cursor:pointer;display:block;width:100%;margin-top:16px;padding:14px;border-radius:8px;font-size:16px;font-weight:700;color:#fff;transition:filter .12s ease,transform .12s ease;animation:step2FadeIn .18s ease-out}.app .start-screen>.start-screen-inner>.step2-start:hover{filter:brightness(1.1);transform:translateY(-2px)}.app .start-screen>.start-screen-inner>.step2-start.is-easy{background-color:#4caf50}.app .start-screen>.start-screen-inner>.step2-start.is-normal{background-color:#e5852a}.app .start-screen>.start-screen-inner>.step2-start.is-hard{background-color:#c0392b}.app .start-screen>.start-screen-inner>.step2-start.is-extreme{background-color:#2c3e50}@keyframes step2FadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app .start-screen>.start-screen-inner>.start-screen-links{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,165,0,.4)}.app .start-screen>.start-screen-inner>.start-screen-links>a{cursor:pointer;font-size:11px;color:#32860b;text-decoration:none;padding:3px 8px;border-radius:4px;background-color:#32860b1a;transition:background-color .12s ease}.app .start-screen>.start-screen-inner>.start-screen-links>a:hover{background-color:#32860b38}.app .social-instruction{color:#2a3138}.app .social-instruction>h2{padding:24px 20px;margin:0;text-align:center;font-size:16px;font-weight:600}.app .social-instruction .result-modal-header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background-color:#faf7f2;border-bottom:1px solid #ECE6DC}.app .social-instruction .result-modal-header>h2{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;color:#2a3138}.app .social-instruction .result-modal-header>h2>img{height:18px;width:auto}.app .social-instruction .result-modal-close{cursor:pointer;width:28px;height:28px;padding:0;border:none;border-radius:50%;background-color:transparent;color:#888;font-size:22px;line-height:1;transition:background-color .12s ease,color .12s ease}.app .social-instruction .result-modal-close:hover{background-color:#ece6dc;color:#2a3138}.app .social-instruction>.completed-yoji{margin:0;padding:8px 20px;border-bottom:1px solid #ECE6DC;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.app .social-instruction>.completed-yoji>li>.completed-yoji-link{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border-radius:8px;background-color:#faf7f2;border:2px solid #0d8dd7;color:#0d8dd7;text-decoration:none;font-size:16px;font-weight:700;transition:background-color .12s ease}.app .social-instruction>.completed-yoji>li>.completed-yoji-link:hover{background-color:#e8f4fb}.app .social-instruction>.completed-yoji>li>.completed-yoji-link>ruby>rt{font-size:11px;font-weight:400;letter-spacing:.05em}.app .social-instruction>.completed-yoji>li>.completed-yoji-link>img{height:16px;width:16px;filter:invert(39%) sepia(92%) saturate(500%) hue-rotate(173deg)}.app .social-instruction>.sns-buttons{display:flex;justify-content:center;gap:12px;margin:0;padding:8px 20px}.app .social-instruction>.sns-buttons>li{flex:1}.app .social-instruction .sns-button{width:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:8px;color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:filter .12s ease,transform .12s ease}.app .social-instruction .sns-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.app .social-instruction .sns-button>img{height:18px;width:18px;filter:brightness(0) invert(1)}.app .social-instruction .sns-button.is-twitter{background-color:#000}.app .social-instruction>textarea{display:block;width:calc(100% - 40px);height:110px;margin:0 20px;padding:10px 12px;border:1px solid #D9D2C5;border-radius:6px;background-color:#faf7f2;color:#2a3138;font-size:13px;line-height:1.6;resize:none}.app .social-instruction>.result-actions{display:flex;gap:10px;margin:0;padding:8px 20px}.app .social-instruction>.result-actions>li{flex:1}.app .social-instruction .result-action{cursor:pointer;width:100%;padding:11px 14px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.app .social-instruction .result-action:hover{transform:translateY(-1px)}.app .social-instruction .result-action.is-primary{background-color:#e5852a;color:#fff}.app .social-instruction .result-action.is-primary:hover{background-color:#d17418}.app .social-instruction .result-action.is-secondary{background-color:#fff;border-color:#d9d2c5;color:#555}.app .social-instruction .result-action.is-secondary:hover{background-color:#faf7f2;color:#2a3138}.discard-zone{position:fixed;top:calc(240px + env(safe-area-inset-top,0px));left:0;right:0;margin:0 auto;width:698px;height:calc(100dvh - 240px - 40px - 72px - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - var(--admob-banner-height, 0px));display:flex;align-items:center;justify-content:center;border:3px dashed rgba(255,255,255,0);border-radius:8px;background-color:#b2222200;color:#fff0;font-size:20px;letter-spacing:.1em;pointer-events:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease;z-index:10}.discard-zone.is-active{pointer-events:auto;background-color:#b2222273;border-color:#ffffffd9;color:#fffffff2}.discard-zone.is-over{background-color:#b22222bf}.discard-zone>span:before{content:"🗑  "}.left-tiles-count{position:fixed;top:calc(20px + env(safe-area-inset-top,0px));left:calc(20px + env(safe-area-inset-left,0px));padding:0 8px;font-size:24px;white-space:nowrap;background-color:#ffc966}@media(max-height:450px)and (orientation:landscape){.app .descriptions{top:calc(15px + env(safe-area-inset-top,0px));padding:10px 14px;border-width:6px}.app .descriptions>h1{font-size:20px}.app .rivers>li:nth-child(1){top:calc(90px + env(safe-area-inset-top,0px))}.app .hands>li:nth-child(1){bottom:calc(16px + env(safe-area-inset-bottom,0px) + var(--admob-banner-height, 0px));font-size:min(2rem,7.6923076923vw - 10px)}.app .hands>li:nth-child(1)>ol>li:after{bottom:-15px}.app .dora{bottom:calc(72px + env(safe-area-inset-bottom,0px) + var(--admob-banner-height, 0px));left:calc(20px + env(safe-area-inset-left,0px));padding:5px 8px}.app .dora>dd>.tile{font-size:20px}.app .patterns>li:nth-child(1){bottom:calc(68px + env(safe-area-inset-bottom,0px) + var(--admob-banner-height, 0px))}.discard-zone{top:calc(115px + env(safe-area-inset-top,0px));height:calc(100dvh - 272px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - var(--admob-banner-height, 0px))}}