:root:root{--bg: #e9dcc4;--bg-2: #fffaf0;--ink: #1f2420;--ink-dim: #5d5a50;--accent: #2f4a3f;--line: #cdbb98;--ak-green: #2f4a3f;--ak-green-d: #20352c;--ak-gold: #c7a24c;--ak-shu: #d0402b;--ak-paper: #fdfaf3;--ak-amber: #e08a1e;color-scheme:light}html body{background:radial-gradient(120% 80% at 50% 40%,#fff8e68c,#fff8e600 70%),repeating-linear-gradient(92deg,rgba(120,80,40,.06) 0 2px,transparent 2px 11px),repeating-linear-gradient(88deg,rgba(90,60,30,.05) 0 1px,transparent 1px 37px),linear-gradient(180deg,#d9bf94,#c9a676)}body .shell{background:linear-gradient(to bottom,#e9d8baf7 70%,#e9d8ba00)}body .shell .btn{background:#fffaf0eb}body .gi-dock__btn{background:#fffaf0f7;box-shadow:0 4px 14px #1f24202e}body .gi-dock__btn--share{background:var(--ak-green);color:#fff}body .gi-intro{background:#fffaf0f7}body .toast{background:#1f2420f0;color:#fff}.ak{position:fixed;inset:0;overflow:hidden;padding:calc(var(--shell-h) + env(safe-area-inset-top,0px) + 2px) calc(12px + env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px));font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,Noto Sans CJK JP,sans-serif;color:var(--ink);-webkit-tap-highlight-color:transparent;user-select:none;outline:none}.ak--shot{padding-top:12px}.ak__play{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;grid-template-columns:minmax(0,1fr);gap:6px;max-width:560px;margin:0 auto;position:relative}.ak__play[hidden],.ak-brand{display:none}.ak-hud{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.ak-stat{margin:0;display:flex;align-items:baseline;gap:4px;padding:5px 10px;border-radius:999px;background:#fffaf0e6;box-shadow:0 1px #ffffffb3 inset,0 2px 6px #3c280a29;white-space:nowrap}.ak-stat small{font-size:11px;color:var(--ink-dim);font-weight:600}.ak-stat b{font-size:22px;line-height:1;font-variant-numeric:tabular-nums;color:var(--ak-green)}.ak-lives{display:inline-flex;gap:4px;align-self:center}.ak-lives i{width:12px;height:12px;border-radius:50%;border:2px solid #9c8e74;background:transparent}.ak-lives i[data-on=true]{background:#3b3a36;border-color:#3b3a36}.ak-time{position:relative;height:26px;border-radius:999px;background:#2f4a3f29;overflow:hidden;box-shadow:0 1px 2px #3c280a33 inset}.ak-time__bar{position:absolute;inset:0;transform-origin:left center;background:linear-gradient(90deg,#3f6a58,#5d8f77);transition:transform .12s linear}.ak-time[data-low=true] .ak-time__bar{background:linear-gradient(90deg,#c06d12,var(--ak-amber))}.ak-time[data-paused=true] .ak-time__bar{opacity:.55}.ak-time__num{position:relative;display:block;text-align:center;font-size:12px;line-height:26px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px;font-variant-numeric:tabular-nums}.ak-lead{margin:4px 0 0;text-align:center;font-size:14px;line-height:1.4;font-weight:600;color:#3a332a}.ak-lead b{color:var(--ak-green)}.ak-stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;padding-top:18px}.ak-slot{position:absolute;top:0;left:50%;width:150px;height:14px;transform:translate(-50%);border-radius:8px;background:linear-gradient(#2a2a28,#474640);box-shadow:0 2px #ffffff59,0 -1px #0000004d inset}.ak-slot__mouth{position:absolute;left:10px;right:10px;top:5px;height:4px;border-radius:2px;background:#0b0b0a}.ak-slot[data-gulp=true]{animation:ak-gulp .34s ease-out}@keyframes ak-gulp{40%{transform:translate(-50%) scaleX(1.12)}}.ak-cardwrap{position:relative;padding-top:26px}.ak-card{position:relative;border-radius:6px;background:var(--ak-paper);box-shadow:0 1px #fffc inset,0 2px 3px #3c280a40,0 14px 30px -8px #3c280a73;touch-action:manipulation;cursor:pointer}.ak-card__cv{position:absolute;inset:0;width:100%;height:100%;border-radius:6px}.ak-units{position:absolute;inset:0}.ak-unit{position:absolute;margin:0;padding:0;border:0;border-radius:6px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.ak-unit:focus{outline:none}.ak-unit[data-hit=good]{background:#ffd65a6b;box-shadow:0 0 0 3px #e1a014f2,0 0 18px #ffc83cbf}.ak-unit[data-hit=bad]{background:#d0402b29;box-shadow:0 0 0 3px #d0402be6}.ak-unit:focus-visible{outline:3px solid #1f6feb;outline-offset:2px;box-shadow:0 0 0 6px #1f6feb2e}.ak-card__side,.ak-card__fix{position:absolute}.ak-card__side{left:0;top:4px;font-size:12px;font-weight:700;color:#4a3f30;white-space:nowrap}.ak-card__fix{right:0;top:0;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:800;color:#fff;background:var(--ak-shu);opacity:0;transform:scale(.8);transition:opacity .12s,transform .12s}.ak-card__fix[data-on=true]{opacity:1;transform:scale(1)}.ak-card[data-ok=true]{box-shadow:0 0 0 4px #c7a24ce6,0 14px 30px -8px #3c280a73}.ak-card--in{animation:ak-in .16s cubic-bezier(.2,.9,.3,1.1)}@keyframes ak-in{0%{transform:translate(22px) rotate(1.5deg);opacity:0}}.ak-card--post{animation:ak-post .24s ease-in forwards}@keyframes ak-post{to{transform:translateY(-62%) scale(.5) rotate(-2deg);opacity:0}}.ak-card--shake{animation:ak-shake .32s ease-out}@keyframes ak-shake{20%{transform:translate(-7px)}45%{transform:translate(6px)}70%{transform:translate(-3px)}}.ak-gloss{margin:0;text-align:center;font-size:11px;color:#5d5a50}.ak-gloss:empty{display:none}.ak-actions{display:flex;justify-content:center}.ak-post{position:relative;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;justify-content:center;min-width:min(320px,100%);min-height:58px;padding:6px 22px;border:0;border-radius:14px;font:inherit;font-size:18px;font-weight:800;color:#fff;background:linear-gradient(180deg,#3d5f51,var(--ak-green-d));box-shadow:0 4px #142219,0 8px 18px #14221959;cursor:pointer;transition:transform .06s,box-shadow .06s}.ak-post small{grid-column:2;font-size:11px;font-weight:600;opacity:.85;text-align:left}.ak-post__ico{grid-row:1 / span 2;width:30px;height:22px;border-radius:3px;background:var(--ak-paper);position:relative}.ak-post__ico:after{content:"";position:absolute;left:3px;right:3px;top:3px;height:9px;border-left:2px solid var(--ak-green);border-bottom:2px solid var(--ak-green);transform:skewY(-25deg) rotate(-45deg) scale(.8)}.ak-post:active,.ak-post[data-press=true]{transform:translateY(3px);box-shadow:0 1px #142219,0 4px 10px #14221959}.ak-post:focus-visible,.ak-next:focus-visible,.ak-again:focus-visible,.ak-other:focus-visible{outline:3px solid #1f6feb;outline-offset:3px}.ak-miss{position:relative;z-index:6;max-height:46vh;overflow-y:auto;padding:12px 14px 12px 16px;border-radius:14px;background:#fffaf0fa;border-left:6px solid var(--ak-shu);box-shadow:0 10px 30px #28190559;animation:ak-up .16s ease-out}.ak-miss[hidden],.ak__play[data-miss=true] .ak-actions,.ak__play[data-miss=true] .ak-gloss{display:none}@keyframes ak-up{0%{transform:translateY(14px);opacity:0}}.ak-miss__h{margin:0 0 6px;font-size:16px;color:#8f2a1b;line-height:1.35}.ak-miss__list{margin:0 0 10px;padding:0;list-style:none;display:grid;gap:8px}.ak-miss__item{display:grid;gap:2px;font-size:14px;line-height:1.45}.ak-miss__item strong{font-size:15px}.ak-miss__why{color:#3a332a}.ak-miss__src{font-size:11px;color:#7a6e5e}.ak-next{width:100%;min-height:48px;border:0;border-radius:12px;font:inherit;font-size:16px;font-weight:800;color:#fff;background:var(--ak-green);cursor:pointer}.ak-next[data-press=true]{transform:translateY(2px)}.ak-ring{position:fixed;z-index:30;width:44px;height:44px;margin:-22px 0 0 -22px;border:3px solid rgba(31,36,32,.75);border-radius:50%;pointer-events:none;animation:ak-ring .45s ease-out forwards}@keyframes ak-ring{0%{transform:scale(.35);opacity:1}to{transform:scale(1.5);opacity:0}}.ak-ring--still{animation:none;opacity:.7;transform:scale(1.1)}.ak-result{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;padding:calc(var(--shell-h) + env(safe-area-inset-top,0px) + 8px) calc(14px + env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) calc(14px + env(safe-area-inset-left,0px));user-select:text}.ak--shot .ak-result{padding-top:14px}.ak-result[hidden]{display:none}.ak-result--enter .ak-result__inner{animation:ak-up .28s ease-out}.ak-result__inner{max-width:560px;margin:0 auto;display:grid;gap:12px;justify-items:center}.ak-pm{width:196px;height:196px;border-radius:50%;border:6px solid var(--ak-shu);box-shadow:0 0 0 4px var(--ak-paper),0 0 0 7px var(--ak-shu);background:#fffaf0e0;color:var(--ak-shu);display:grid;align-content:center;justify-items:center;transform:rotate(-6deg);margin:10px 0 4px}.ak-result--enter .ak-pm{animation:ak-stamp .32s cubic-bezier(.3,1.6,.5,1)}@keyframes ak-stamp{0%{transform:rotate(-6deg) scale(1.6);opacity:0}}.ak-pm__top{font-size:18px;font-weight:800;letter-spacing:.08em}.ak-pm__num{font-size:72px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.ak-pm__sub{font-size:14px;font-weight:700}.ak-result__why{margin:0;font-size:14px;color:#4a3f30}.ak-result__best{margin:0;font-size:15px;font-weight:700;color:var(--ak-green)}.ak-again{display:grid;justify-items:center;min-width:min(320px,100%);min-height:58px;padding:6px 22px;border:0;border-radius:14px;font:inherit;font-size:19px;font-weight:800;color:#fff;background:linear-gradient(180deg,#3d5f51,var(--ak-green-d));box-shadow:0 4px #142219,0 8px 18px #14221959;cursor:pointer}.ak-again small{font-size:11px;font-weight:600;opacity:.85}.ak-again:active{transform:translateY(3px);box-shadow:0 1px #142219}.ak-kinds{width:100%;padding:12px 14px;border-radius:14px;background:#fffaf0f0;box-shadow:0 4px 14px #3c280a29}.ak-kinds h2{margin:0 0 8px;font-size:15px}.ak-kinds ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}.ak-kind{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start}@media (max-width: 560px){.ak-kind{grid-template-columns:minmax(0,1fr)}}.ak-kind canvas{border-radius:6px;box-shadow:0 1px 4px #3c280a40;max-width:42vw;height:auto!important}.ak-kind__tx{display:grid;gap:2px;font-size:13px;line-height:1.45;min-width:0}.ak-kind__tx strong{font-size:14px;color:#8f2a1b}.ak-kind__fix{font-weight:700}.ak-kind__why{color:#4a3f30}.ak-kind__src{font-size:11px;color:#7a6e5e;overflow-wrap:anywhere}.ak-kind__src a{color:#2f5a8a}.ak-result__dock:empty{display:none}body .gi-dock.ak-dock{position:static;transform:none;width:auto;max-width:100%;opacity:1;transition:none;flex-wrap:wrap}.ak-earned{width:100%}.ak-earned[hidden]{display:none}.ak-earned__btn{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;width:100%;padding:10px 14px;border:2px solid var(--ak-gold);border-radius:14px;background:linear-gradient(180deg,#fffaf0,#f7ecd2);box-shadow:0 4px 14px #3c280a29;font:inherit;color:var(--ink);text-align:left;cursor:pointer;animation:ak-earn .5s .25s cubic-bezier(.3,1.5,.5,1) both}.ak-earned__medal{width:52px;height:52px;display:grid;place-items:center}.ak-earned__medal svg{width:52px;height:52px;animation:ak-earn-medal .7s .3s ease-out both}.ak-earned__tx{display:grid;gap:1px;min-width:0}.ak-earned__tx small{font-size:11px;font-weight:800;color:#9a6a12}.ak-earned__tx strong{font-size:16px}.ak-earned__tx span{font-size:12px;color:#4a3f30}.ak-earned__btn:focus-visible{outline:3px solid #1f6feb;outline-offset:3px}@keyframes ak-earn{0%{transform:translateY(8px) scale(.94);opacity:0}}@keyframes ak-earn-medal{0%{transform:scale(.3) rotateY(180deg)}70%{transform:scale(1.15) rotateY(-10deg)}}.ak-other{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:10px 14px;border-radius:14px;background:#fffaf0f0;color:inherit;text-decoration:none;box-shadow:0 4px 14px #3c280a29}.ak-other__tag{font-size:11px;font-weight:700;color:#fff;background:var(--ak-green);padding:2px 8px;border-radius:999px}.ak-other__txt{display:grid;font-size:12px;color:#4a3f30;min-width:0}.ak-other__txt strong{font-size:15px;color:var(--ink)}.ak-other__go{font-size:20px;color:var(--ak-green)}@media (min-width: 900px){.ak__play{max-width:1080px;grid-template-columns:330px minmax(0,600px);justify-content:center;grid-template-rows:minmax(0,1fr) auto auto auto;column-gap:36px}.ak-side{grid-row:1 / span 4;align-self:center;display:grid;gap:18px}.ak-brand{display:block}.ak-brand__name{margin:0;font-size:31px;white-space:nowrap;font-weight:900;line-height:1.2;color:var(--ak-green-d);font-family:"Noto Serif CJK JP",Hiragino Mincho ProN,Yu Mincho,serif}.ak-brand__kind{margin:6px 0 0;font-size:15px;font-weight:700;color:#6b5a40}.ak-hud{grid-template-columns:auto auto;grid-template-rows:auto auto}.ak-time{grid-column:1 / span 2;grid-row:2;height:30px}.ak-time__num{line-height:30px;font-size:14px}.ak-stat b{font-size:30px}.ak-lead{text-align:left;font-size:15px}.ak-stage,.ak-gloss,.ak-actions,.ak-miss{grid-column:2}}@media (max-width: 360px){.ak-stat{padding:4px 8px}.ak-stat b{font-size:19px}.ak-lead{font-size:13px}}.ak-demo-cap{position:absolute;left:50%;top:34%;z-index:5;transform:translate(-50%,-50%);width:max-content;max-width:94%;padding:14px 22px;border-radius:14px;background:#20352cf0;color:#fff;text-align:center;font-family:"Noto Serif CJK JP","Noto Serif JP",Hiragino Mincho ProN,serif;font-size:clamp(20px,6vw,30px);line-height:1.35;box-shadow:0 12px 30px #141e1466;animation:ak-cap-in .3s ease-out}@keyframes ak-cap-in{0%{transform:translate(-50%,-40%);opacity:0}}.ak-demo-cap b{color:#ffd76a;font-size:1.2em}.ak-zoom{position:absolute;left:50%;top:7%;z-index:5;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:10px;border-radius:14px;background:#fffaf0fa;border:2px solid var(--ak-shu);box-shadow:0 12px 30px #28190566;animation:ak-zoom-in .28s cubic-bezier(.3,1.4,.5,1)}.ak-zoom__pane{margin:0;display:grid;justify-items:center;gap:4px}.ak-zoom__pane canvas{width:min(150px,38vw);height:auto;aspect-ratio:150 / 92;border-radius:6px;box-shadow:inset 0 0 0 1px #b0966280}.ak-zoom__pane figcaption{font-size:13px;font-weight:800}.ak-zoom__pane--ng figcaption{color:var(--ak-shu)}.ak-zoom__pane--ok figcaption{color:var(--ak-green)}.ak-zoom__arrow{font-size:22px;font-weight:800;color:#6b5f50}@keyframes ak-zoom-in{0%{transform:translate(-50%) scale(.6);opacity:0}}@media (prefers-reduced-motion: reduce){.ak-card--in,.ak-card--post,.ak-card--shake,.ak-slot[data-gulp=true],.ak-miss,.ak-result--enter .ak-result__inner,.ak-result--enter .ak-pm,.ak-earned__btn,.ak-earned__medal svg{animation:none!important}.ak-ring{animation:none;opacity:.6}.ak-time__bar,.ak-card__fix{transition:none}}
