:root{--paper: #efe7d6;--ink: #2a2320;--sub: #7a6e5e;--seal: #b8412f}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0c0f14;font-family:Shippori Mincho,serif;color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0}#stage{display:block;position:absolute;inset:0;cursor:crosshair}#hud{position:absolute;inset:0;pointer-events:none;user-select:none;--ink: #2a2320;--sub: #7a6e5e;--seal: #b8412f;--hair: rgba(60, 48, 36, .18);--ring: rgba(50, 40, 30, .5);--tsh: 0 1px 3px rgba(250, 245, 236, .65);--stress: #c0694c;--energy: #6f9457}#hud.theme-dark{--ink: #ece3cf;--sub: #aab6c0;--seal: #c0533a;--hair: rgba(220, 228, 236, .22);--ring: rgba(220, 228, 236, .5);--tsh: 0 1px 4px rgba(0, 0, 0, .55);--stress: #c0694c;--energy: #7fa46a}.sumi{position:absolute;inset:0}.s-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:max(26px,env(safe-area-inset-top)) max(34px,env(safe-area-inset-right)) 26px max(34px,env(safe-area-inset-left))}.s-mon{display:flex;align-items:center;gap:11px}.s-kanji{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--ring);display:flex;align-items:center;justify-content:center;font-weight:500;font-size:16px;color:var(--ink);flex:none;text-shadow:var(--tsh)}.s-wblock{display:flex;flex-direction:column}.s-mode{font-family:Zen Kaku Gothic New,sans-serif;font-weight:700;font-size:7px;letter-spacing:.26em;color:var(--sub);margin-bottom:3px}.s-weather{font-weight:500;font-size:16px;color:var(--ink);line-height:1;text-shadow:var(--tsh)}.s-next{font-family:Zen Kaku Gothic New,sans-serif;font-weight:700;font-size:7.5px;letter-spacing:.2em;color:var(--sub);margin-top:5px}.s-center{display:flex;gap:30px;align-items:flex-start;margin-top:1px}.s-stat{text-align:center}.s-lbl{display:block;font-family:Zen Kaku Gothic New,sans-serif;font-weight:700;font-size:8px;letter-spacing:.26em;color:var(--sub)}.s-lbl.wide{letter-spacing:.3em}.s-val{display:block;font-weight:600;font-size:23px;line-height:1;margin-top:3px;color:var(--ink);font-variant-numeric:tabular-nums;text-shadow:var(--tsh)}.s-val.seal{color:var(--seal)}.s-score{text-align:right}.s-scoreval{display:block;font-weight:600;font-size:33px;line-height:1;margin-top:3px;color:var(--ink);font-variant-numeric:tabular-nums;text-shadow:var(--tsh)}.s-contain{position:absolute;top:84px;left:34px;right:34px;height:1px;background:var(--hair)}.s-contain i{display:block;height:1px;width:0%;background:var(--seal);transition:width .14s linear}.s-contain.danger i{animation:tally .9s ease-in-out infinite}.s-contain.hidden{display:none}.s-zen-tag{position:absolute;top:78px;left:34px;font-family:Zen Kaku Gothic New,sans-serif;font-weight:700;font-size:10px;letter-spacing:.26em;color:var(--seal);opacity:.85}.s-zen-tag.hidden{display:none}@keyframes tally{0%,to{filter:brightness(1)}50%{filter:brightness(1.5)}}.s-hint{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:0;right:0;text-align:center;font-style:italic;font-weight:400;font-size:13px;letter-spacing:.02em;color:var(--sub);text-shadow:var(--tsh);padding:0 16px}.s-buttons{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));right:max(34px,env(safe-area-inset-right));display:flex;gap:16px;pointer-events:auto}.s-ghost{font-family:Zen Kaku Gothic New,sans-serif;font-weight:600;font-size:11px;letter-spacing:.08em;color:var(--sub);opacity:.85;background:none;border:none;padding:4px 2px;cursor:pointer;transition:opacity .2s ease,color .2s ease}.s-ghost:hover{opacity:1;color:var(--ink)}.s-ghost.off{opacity:.55}.overlay{position:absolute;inset:0;display:flex;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px;background:#1a161275;backdrop-filter:blur(7px);pointer-events:auto;transition:opacity .4s ease;--ink: #2a2320;--sub: #7a6e5e;--seal: #b8412f}.overlay>.menu-card,.overlay>.card{margin:auto}.overlay.hidden{opacity:0;pointer-events:none}.menu-card,.card{position:relative;background:linear-gradient(180deg,#f6f0e2,#ece3d0);border:1px solid rgba(60,48,36,.18);box-shadow:0 44px 100px -44px #140e08b3;animation:rise .5s cubic-bezier(.2,.7,.2,1)}.menu-card{border-radius:4px;padding:46px 50px;max-width:760px;width:min(92vw,760px);text-align:center}.menu-eyebrow{font-family:Zen Kaku Gothic New,sans-serif;font-weight:700;font-size:11px;letter-spacing:.34em;color:var(--seal)}.menu-title{font-family:Shippori Mincho,serif;font-weight:700;font-size:64px;letter-spacing:.01em;color:var(--ink);margin-top:6px}.menu-tag{margin:10px auto 30px;max-width:500px;color:var(--sub);font-size:16px;line-height:1.65;text-wrap:pretty}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.menu-zen{display:flex;align-items:center;gap:10px;margin:18px auto 0;max-width:500px;cursor:pointer;user-select:none}.menu-zen input{position:absolute;opacity:0;pointer-events:none}.menu-zen-box{flex:none;width:18px;height:18px;border:1.5px solid rgba(60,48,36,.4);border-radius:3px;display:grid;place-items:center;transition:border-color .18s ease,background .18s ease}.menu-zen-box:after{content:"";width:9px;height:9px;border-radius:1.5px;background:var(--seal);transform:scale(0);transition:transform .16s cubic-bezier(.2,.7,.2,1)}.menu-zen input:checked+.menu-zen-box{border-color:var(--seal)}.menu-zen input:checked+.menu-zen-box:after{transform:scale(1)}.menu-zen input:focus-visible+.menu-zen-box{outline:2px solid var(--seal);outline-offset:2px}.menu-zen-text{font-size:13px;line-height:1.5;color:var(--sub);text-align:left}.menu-zen-text b{color:var(--ink);font-weight:600}@media (max-width: 560px){.mode-grid{grid-template-columns:1fr}}.mode-card{text-align:left;background:#fff6;border:1px solid rgba(60,48,36,.16);border-radius:3px;padding:18px 20px;cursor:pointer;display:flex;flex-direction:column;gap:5px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.mode-card:hover{transform:translateY(-2px);border-color:#b8412f8c;box-shadow:0 16px 30px -18px #28181080}.mc-name{font-family:Shippori Mincho,serif;font-weight:600;font-size:22px;color:var(--ink)}.mc-blurb{font-size:14px;color:var(--sub);line-height:1.5}.mc-best{margin-top:4px;font-family:Zen Kaku Gothic New,sans-serif;font-size:9px;letter-spacing:.2em;font-weight:700;color:var(--seal)}.menu-foot{margin-top:26px;font-family:Zen Kaku Gothic New,sans-serif;font-size:11px;letter-spacing:.14em;color:var(--sub)}.tut-card{border-radius:4px;padding:34px 40px 28px;text-align:center;max-width:560px;width:min(92vw,560px)}.tut-yy{width:58px;height:58px;margin:0 auto 16px;border-radius:50%;border:1.5px solid rgba(60,48,36,.4);display:flex;align-items:center;justify-content:center;font-size:40px;line-height:1;color:var(--ink);box-shadow:0 8px 22px -10px #140e0880;animation:yy-spin 22s linear infinite}@keyframes yy-spin{to{transform:rotate(360deg)}}.tut-title{font-family:Shippori Mincho,serif;font-weight:700;font-size:38px;color:var(--ink);margin-top:4px}.tut-lead{margin:8px auto 18px;max-width:460px;color:var(--sub);font-size:14.5px;line-height:1.55;text-wrap:pretty}.tut-rows{display:flex;flex-direction:column;gap:13px;text-align:left;border-top:1px solid rgba(60,48,36,.16);border-bottom:1px solid rgba(60,48,36,.16);padding:18px 0}.tut-row{display:flex;align-items:flex-start;gap:15px}.tut-icon{flex:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Shippori Mincho,serif;font-size:18px;color:var(--d);border:1.5px solid var(--d);background:#fff6}.tut-copy{display:flex;flex-direction:column;gap:3px}.tut-copy b{font-family:Shippori Mincho,serif;font-weight:600;font-size:16px;color:var(--ink)}.tut-copy span{font-size:13.5px;line-height:1.55;color:var(--sub)}.tut-copy i{font-style:normal;font-weight:600}.tut-copy em{font-style:italic;color:var(--ink)}.tut-haiku{margin:18px auto 4px;font-family:Shippori Mincho,serif;font-style:italic;font-size:16px;line-height:1.85;color:var(--ink);letter-spacing:.01em}.tut-haiku-sig{display:block;margin-top:8px;font-style:normal;font-size:11px;letter-spacing:.18em;color:var(--seal);font-family:Zen Kaku Gothic New,sans-serif;font-weight:700}.tut-dismiss{margin:16px auto;max-width:none;justify-content:center}@media (min-width: 760px){.tut-card{max-width:920px;width:min(92vw,920px);padding:30px 46px 24px}.tut-lead{max-width:620px}.tut-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start}.tut-row{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-width: 560px){.tut-card{padding:30px 22px 26px}.tut-title{font-size:30px}.tut-icon{width:32px;height:32px;font-size:16px}}.card{border-radius:4px;padding:42px 46px 38px;text-align:center;max-width:440px}.go-seal{width:46px;height:46px;margin:0 auto 14px;border-radius:50%;background:var(--seal);color:#f6efe0;display:flex;align-items:center;justify-content:center;font-family:Shippori Mincho,serif;font-size:24px;box-shadow:0 8px 20px -8px #b8412fcc}.go-title{font-family:Shippori Mincho,serif;font-weight:700;font-size:42px;color:var(--ink)}.go-sub{margin:10px auto 24px;max-width:340px;color:var(--sub);font-size:15px;line-height:1.6;text-wrap:pretty}.go-stats{display:flex;justify-content:center;gap:30px;margin-bottom:28px}.go-stats .k{display:block;font-family:Zen Kaku Gothic New,sans-serif;font-size:8px;letter-spacing:.24em;color:var(--sub);font-weight:700}.go-stats .v{display:block;font-family:Shippori Mincho,serif;font-weight:600;font-size:26px;margin-top:4px;color:var(--ink);font-variant-numeric:tabular-nums}.go-buttons{display:flex;gap:12px;justify-content:center;align-items:center}.play-again{font-family:Zen Kaku Gothic New,sans-serif;font-weight:700;font-size:13px;letter-spacing:.12em;color:#f6efe0;background:var(--ink);border:none;border-radius:999px;padding:13px 32px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 14px 28px -16px #140e08e6}.play-again:hover{transform:translateY(-2px);box-shadow:0 18px 34px -16px #140e08e6}.ghost-btn{font-family:Zen Kaku Gothic New,sans-serif;font-weight:600;font-size:12px;letter-spacing:.1em;color:var(--sub);background:transparent;border:1px solid rgba(60,48,36,.22);border-radius:999px;padding:12px 22px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,color .18s ease}.ghost-btn:hover{transform:translateY(-2px);color:var(--ink);border-color:#b8412f80}@media (max-width: 640px){.s-top{padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))}.s-mon{gap:8px}.s-kanji{width:30px;height:30px;font-size:14px}.s-weather{font-size:14px}.s-center{gap:16px;margin-top:0}.s-val{font-size:17px}.s-scoreval{font-size:23px}.s-contain{top:58px;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right))}.s-zen-tag{top:52px;left:max(16px,env(safe-area-inset-left))}.s-hint-extra{display:none}.s-hint{font-size:11px;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 30px)}.s-buttons{left:0;right:0;bottom:max(14px,env(safe-area-inset-bottom));justify-content:center;gap:26px}.s-ghost{font-size:12px;padding:6px 8px}}@media (max-width: 400px){.s-next{display:none}}@media (max-width: 560px){.menu-card{padding:32px 22px}.menu-title{font-size:46px}.menu-tag{font-size:14px;margin-bottom:22px}.card{width:min(92vw,440px);padding:34px 26px 30px}.go-title{font-size:34px}.go-stats{gap:20px}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}