@font-face{font-family:FusumaCard;src:url("https://ochinchinland-image-assets.homo-aiai.workers.dev/v1/30d9685afd9267cae6a9320e5d301c00874f5965dc00f02770cee5459f5596b1.woff2") format("woff2"),url('./assets/card-font-v1.woff2') format('woff2');font-weight:700;font-display:swap}
#fusuma-game{--ink:#224933;--pink:#da455e;--paper:#fff9ed;width:100%;padding:86px 20px 28px;text-align:center;color:var(--ink)}
#fusuma-game [hidden]{display:none!important}
#fusuma-game button,#fusuma-game a{-webkit-tap-highlight-color:transparent;font:inherit;touch-action:manipulation}
#fusuma-game button,#fusuma-game a{cursor:pointer}
#fusuma-game .eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;color:#7a8d75;margin-bottom:9px}
#fusuma-game h1{font-size:clamp(35px,10.2vw,46px);font-weight:900;letter-spacing:-.06em;line-height:1.12;margin-bottom:17px}
#fusuma-game h1 span{color:var(--pink)}
#fusuma-game .intro-logo{display:block;width:min(240px,100%);height:auto;margin-inline:auto}
#fusuma-game .intro-art{display:block;width:100%;height:auto;border-radius:17px;box-shadow:0 7px 0 #dce5d7}
#fusuma-game .intro-copy{font-size:13px;line-height:1.85;margin:23px -2px 19px}
#fusuma-game .intro-copy strong{color:var(--pink)}
#fusuma-game .primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:60px;padding:15px 12px;border:2px solid #224933;border-radius:15px;background:#224933;color:#fff9ed;text-decoration:none;font-size:17px;font-weight:800;box-shadow:0 5px 0 #143520;transition:transform .1s,box-shadow .1s}
#fusuma-game .primary:active{transform:translateY(3px);box-shadow:0 2px 0 #143520}
#fusuma-game button:disabled{opacity:.55;cursor:default}
#fusuma-game .small{font-size:11px;line-height:1.7;color:#778673}
#fusuma-game .status{min-height:19px;margin-top:12px}
#fusuma-game .text-button{min-height:44px;padding:10px 6px;border:0;background:transparent;color:#62745c;font-size:11px;text-decoration:underline;text-underline-offset:4px}
#fusuma-game .secondary{display:flex;justify-content:center;align-items:center;min-height:49px;padding:12px 8px;border:1px solid #bfceba;border-radius:12px;background:#ffffffb3;color:#31573c;text-decoration:none;font-size:12px;font-weight:700}
#fusuma-game button:focus-visible,#fusuma-game a:focus-visible{outline:3px solid #f1a729;outline-offset:4px}
#fusuma-game .play-screen{padding-top:0}
#fusuma-game .phrase{height:54px;display:flex;justify-content:center;align-items:center;gap:3px;margin-bottom:9px;letter-spacing:0}
#fusuma-game .phrase span{display:grid;place-items:center;width:32px;height:43px;font-size:25px;flex-shrink:1;font-weight:900;background:#fff9ed;border:2px solid #d5dfd0;border-radius:9px;color:#bb4d53;opacity:0;transform:translateY(5px)}
#fusuma-game .phrase span.said{opacity:1;transform:none;animation:syllable-pop .13s ease-out both}
#fusuma-game .phrase span.last{background:#e24658;color:#fff;border-color:#e24658}
#fusuma-game .stage{position:relative;width:min(100%,max(190px,calc(100svh - 255px)));aspect-ratio:1;margin-inline:auto;background:var(--paper);border:7px solid #654635;border-radius:12px;overflow:hidden;isolation:isolate;box-shadow:0 6px 0 #c5ccb8,inset 0 0 0 2px #352921}
#fusuma-game .room{position:absolute;inset:0;background:linear-gradient(180deg,#dfc397,#f4e8cc 70%,#cccba7 70%);box-shadow:inset 0 0 25px #9d734e40}
#fusuma-game .room::after{content:'';position:absolute;inset:70% 0 0;background:repeating-linear-gradient(0deg,transparent 0 5px,#9d9f7950 5px 6px);border-top:6px solid #805b3c}
#fusuma-game .character{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:none}
#fusuma-game .character.arrive{animation:character-pop .1s ease-out}
#fusuma-game .fusuma{position:absolute;inset:0;background:var(--cdn-image-49df9b93d7983a4f,url("https://ochinchinland-image-assets.homo-aiai.workers.dev/v1/49df9b93d7983a4f47060d6d463f08a8b11b96dbaf09cfa1ef8c60aab60129e2.webp")) center/100% 100% no-repeat;transform:translateX(var(--swipe-offset,var(--door-open-percent,88%)));transition:transform var(--door-return-ms,230ms) cubic-bezier(.15,.7,.2,1);will-change:transform;pointer-events:none}
#fusuma-game .stage[data-phase=opening] .fusuma{transition-duration:var(--door-open-ms,180ms)}
#fusuma-game .stage.dragging .fusuma{transition:none}
#fusuma-game .stage[data-phase=finishing].is-closed .fusuma{transition:none}
#fusuma-game .stage{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}
#fusuma-game .stage.dragging{cursor:grabbing}
#fusuma-game .stage:focus-visible{outline:3px solid #da455e;outline-offset:4px}
#fusuma-game .door-grip{position:absolute;top:44%;left:2%;color:#573524;font-size:24px;filter:drop-shadow(1px 1px 0 #fff)}
#fusuma-game .swipe-hint{margin-top:18px;font-size:17px;font-weight:800;color:#aa3b4b}
#fusuma-game .keyboard-hint{font-size:11px;color:#778673;margin-top:5px}
@media(hover:none){#fusuma-game .keyboard-hint{display:none}}
#fusuma-game .sound-toggle{display:block;margin:0 0 10px auto;padding:7px 11px;min-height:38px;border:1px solid #bfceba;border-radius:20px;background:#fff9ed;color:#31573c;font-size:12px;font-weight:700}
body.fusuma-running #fusuma-game .sound-toggle{position:absolute;right:18px;top:72px;z-index:2;font-size:11px;min-height:30px;padding:3px 9px}
#fusuma-game .is-closed .fusuma{transform:translateX(0);transition-duration:var(--door-close-ms,180ms);transition-timing-function:cubic-bezier(.25,.7,.2,1)}
#fusuma-game .stage.slammed{animation:stage-slam .22s ease-out}
#fusuma-game .slam{position:absolute;left:0;right:0;top:42%;font-size:clamp(26px,9vw,38px);font-weight:900;letter-spacing:-.05em;color:#fff;transform:rotate(-10deg) scale(.8);text-shadow:2px 2px #a73946,-2px -2px #a73946,2px -2px #a73946,-2px 2px #a73946;opacity:0;pointer-events:none}
#fusuma-game .slammed .slam{animation:slam-word .3s ease-out both}
#fusuma-game .result-screen h2{font-size:clamp(26px,7.8vw,34px);line-height:1.3;letter-spacing:-.035em}
#fusuma-game .share-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}
#fusuma-game .share-actions .text-button{grid-column:1/-1}
#fusuma-game .interrupted-screen img{width:min(80%,260px);height:auto;background:#fff9ed;border-radius:15px;margin:20px auto}
#fusuma-game .interrupted-screen h2{font-size:25px}
#fusuma-game .interrupted-screen .primary{margin-top:18px}
body.fusuma-running .footer{display:none}
@keyframes syllable-pop{from{transform:translateY(5px) scale(1.1)}to{transform:none}}
@keyframes character-pop{from{transform:scale(.98)}to{transform:scale(1)}}
@keyframes stage-slam{0%,100%{transform:none}40%{transform:translateX(-3px)}65%{transform:translateX(2px)}}
@keyframes slam-word{0%{opacity:0;transform:rotate(-10deg) scale(.8)}35%{opacity:1;transform:rotate(-10deg) scale(1.07)}100%{opacity:1;transform:rotate(-10deg) scale(1)}}
@media(max-width:350px){#fusuma-game{padding-inline:16px}#fusuma-game .phrase{gap:4px}#fusuma-game .phrase span{width:30px;height:40px;font-size:23px}#fusuma-game .intro-copy{font-size:12px}}
@media(prefers-reduced-motion:reduce){#fusuma-game .fusuma{transition:none}#fusuma-game .phrase span,#fusuma-game .character,#fusuma-game .stage,#fusuma-game .slammed .slam{animation:none}#fusuma-game .slammed .slam{opacity:1}}

#fusuma-game .intro-logo{width:190px}
#fusuma-game h1{margin-bottom:9px}
#fusuma-game .intro-headline{font-size:clamp(23px,6.5vw,30px);font-weight:900;line-height:1.3;color:#b5364c;letter-spacing:-.04em}
#fusuma-game .intro-copy{margin:14px 0 18px;font-size:13px;line-height:1.8}
#fusuma-game .rule-demo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 23px}
#fusuma-game .rule-example{margin:0;min-width:0}
#fusuma-game .demo-window{position:relative;aspect-ratio:1;overflow:hidden;background:#e8efdf;border:3px solid #654635;border-radius:10px;isolation:isolate}
#fusuma-game .demo-window img{display:block;width:100%;height:100%;object-fit:contain}
#fusuma-game .demo-door{position:absolute;inset:0;background:var(--cdn-image-49df9b93d7983a4f,url("https://ochinchinland-image-assets.homo-aiai.workers.dev/v1/49df9b93d7983a4f47060d6d463f08a8b11b96dbaf09cfa1ef8c60aab60129e2.webp")) center/100% 100%;transform:translateX(88%);animation:demo-close 3.2s ease-in-out infinite}
#fusuma-game .rule-example figcaption{font-size:12px;margin-top:9px;line-height:1.5}
#fusuma-game .target-example b{color:#aa3b4b;font-size:16px}
#fusuma-game .demo-finger{display:none;position:absolute;right:4%;top:50%;font-size:35px;color:#fff9ed;text-shadow:0 1px 3px #224933;pointer-events:none}
#fusuma-game.first-guide .demo-finger{display:block;animation:finger-swipe 3.2s ease-in-out infinite}
#fusuma-game .demo-arrow{position:absolute;right:8px;top:43%;font-size:28px;color:#aa3b4b;pointer-events:none}
#fusuma-game .grip-guide{position:absolute;right:14px;top:42%;font-size:38px;line-height:1;color:#b5364c;pointer-events:none;text-shadow:0 1px #fff9ed;opacity:.8}
#fusuma-game .stage.dragging .grip-guide,#fusuma-game .is-closed .grip-guide{opacity:0}
#fusuma-game .swipe-hint{font-size:14px;margin-top:15px;color:#62745c}
#fusuma-game .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#fusuma-game .card-figure{width:100%;aspect-ratio:1200/630;margin:0 0 24px;overflow:hidden;border-radius:14px;background:#e9f7ed;box-shadow:0 5px 0 #c5ccb8;display:grid;place-items:center}
#fusuma-game .card-figure img{display:block;width:100%;height:auto;user-select:auto;-webkit-touch-callout:default}
#fusuma-game #card-placeholder{font-size:28px;font-weight:900;color:#2e654c;line-height:1.7;padding:20px}
#fusuma-game #card-placeholder span{font-size:13px}
#fusuma-game .result-screen[data-kind=timeout] .card-figure{background:#ffe17b}
#fusuma-game .result-screen[data-kind=mistake] .card-figure{background:#ee4c5b}
#fusuma-game .share-actions{margin-top:16px}
#fusuma-game .secondary{font-size:14px}
@keyframes demo-close{0%,30%,95%,100%{transform:translateX(88%)}52%,78%{transform:translateX(0)}}
@keyframes finger-swipe{0%,30%{transform:translateX(0);opacity:1}52%,65%{transform:translateX(-85px);opacity:1}75%,100%{transform:translateX(-85px);opacity:0}}
@media(prefers-reduced-motion:reduce){#fusuma-game .demo-door,#fusuma-game .demo-finger{animation:none}#fusuma-game .demo-finger{display:none!important}#fusuma-game .demo-door{transform:translateX(70%)}}

#fusuma-game .decoy-example .preview-character{position:absolute;inset:0}
#fusuma-game .preview-character.incoming{opacity:0;transition:opacity var(--preview-fade-ms,240ms) ease-in-out}
#fusuma-game .preview-character.incoming.visible{opacity:1}
@media(prefers-reduced-motion:reduce){#fusuma-game .preview-character.incoming{transition:none}}