:root:root{--bg: #e7f1f6;--bg-2: #fffdf8;--ink: #1d2230;--ink-dim: #4b5263;--accent: #d7282f;--line: #c9d6de;--yg-red: #d7282f;--yg-red-d: #a71d23;--yg-paper: #fffdf8;--yg-land: #fbf6ea;--yg-navy: #1f3a5f;--yg-hit: #2e9e57;--yg-near: #f2c12e;--yg-far: #d64545;color-scheme:light}html body{background:radial-gradient(120% 80% at 80% 0%,rgba(255,255,255,.7),transparent 60%),linear-gradient(180deg,#e9f3f8,#d3e6f0)}body .shell{background:linear-gradient(to bottom,#e9f3f8f7 70%,#e9f3f800)}body .shell .btn{background:#fffdf8f0}body .gi-dock__btn{background:#fffdf8f7;box-shadow:0 4px 14px #1d223029}body .gi-dock__btn--share{background:var(--yg-red);color:#fff}body .toast{background:#1d2230f0;color:#fff}.yg{--tile: 34px;position:fixed;inset:0;overflow:hidden;padding:calc(var(--shell-h) + env(safe-area-inset-top,0px) + 6px) calc(8px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(8px + env(safe-area-inset-left,0px));font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;color:var(--ink);-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.yg:focus{outline:none}.yg--shot{padding-top:10px}.yg__play{height:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.yg__play[hidden]{display:none}.yg-map{position:relative;flex:none;width:calc(var(--tile) * 10);height:calc(var(--th, var(--tile)) * 12);touch-action:none}.yg-map__sea{position:absolute;inset:calc(var(--tile) * -.12);border-radius:18px;background:repeating-radial-gradient(circle at 20% 110%,rgba(255,255,255,.16) 0 2px,transparent 2px 18px),linear-gradient(160deg,#bfe0f0,#9ccbe3 55%,#86bcd9);box-shadow:0 10px 30px #1f3a5f2e,inset 0 0 0 1px #ffffff80}.yg-inset{position:absolute;left:calc(var(--x) * var(--tile) - 3px);top:calc(var(--y) * var(--th, var(--tile)) - 3px);width:calc(var(--tile) + 6px);height:calc(var(--th, var(--tile)) + 6px);border:1.5px dashed rgba(31,58,95,.45);border-radius:8px}.yg-tile{--edge: #8a8f99;position:absolute;left:calc(var(--x) * var(--tile) + 2px);top:calc(var(--y) * var(--th, var(--tile)) + 2px);width:calc(var(--tile) - 4px);height:calc(var(--th, var(--tile)) - 4px);padding:0;border:0;border-radius:6px;background:linear-gradient(180deg,#fffdf6,var(--yg-land));box-shadow:0 3px 0 var(--edge),0 5px 8px #1f3a5f38;color:var(--ink);font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;transition:transform 90ms ease-out,background-color 90ms}.yg-tile[data-region=hokkaido]{--edge: #7d72b0}.yg-tile[data-region=tohoku]{--edge: #4f8f91}.yg-tile[data-region=kanto]{--edge: #b86d4f}.yg-tile[data-region=chubu]{--edge: #6f8c45}.yg-tile[data-region=kinki]{--edge: #a3774f}.yg-tile[data-region=chugoku]{--edge: #5a7ea6}.yg-tile[data-region=shikoku]{--edge: #95668f}.yg-tile[data-region=kyushu]{--edge: #4f846a}.yg-tile__name{font-size:calc(var(--tile) * .4);font-weight:800;letter-spacing:-.02em;white-space:nowrap;pointer-events:none}.yg-tile__name--3{font-size:calc(var(--tile) * .28);letter-spacing:-.1em}:lang(en) .yg-tile__name{font-size:calc(var(--tile) * .3);letter-spacing:0}.yg-tile__zip{margin-top:2px;font-size:max(9px,calc(var(--tile) * .27));font-weight:700;font-variant-numeric:tabular-nums;color:var(--yg-red-d);pointer-events:none}.yg-tile__zip[data-kind=anchor]{color:var(--yg-navy);opacity:.75}.yg-map[data-enabled=true] .yg-tile:hover{transform:translateY(-1px)}.yg-tile[data-press=true]{transform:translateY(-3px) scale(1.08);background:#fff;box-shadow:0 5px 0 var(--edge),0 10px 16px #1f3a5f4d,0 0 0 2px var(--yg-navy);z-index:3}.yg-tile:focus{outline:none}.yg-tile:focus-visible{outline:3px solid var(--yg-navy);outline-offset:2px;z-index:4}.yg-tile[data-state^=guess]{color:#fff;z-index:2}.yg-tile[data-state=guess-hit]{background:var(--yg-hit);box-shadow:0 3px #1e6e3b,0 0 0 3px #fff,0 0 18px 6px #2e9e57a6}.yg-tile[data-state=guess-near]{background:var(--yg-near);color:var(--ink);box-shadow:0 3px #b88d10,0 6px 10px #1f3a5f4d}.yg-tile[data-state=guess-far]{background:var(--yg-far);box-shadow:0 3px #9b2c2c,0 6px 10px #1f3a5f4d}.yg-tile[data-state^=guess] .yg-tile__zip{color:inherit;opacity:.9}.yg-tile[data-state=answer]{background:#fff;color:#145c31;z-index:2;box-shadow:0 3px #1e6e3b,0 0 0 3px var(--yg-hit),0 0 20px 8px #2e9e578c}.yg-tile[data-anim=sink]{animation:yg-sink .22s cubic-bezier(.3,.7,.4,1) both}@keyframes yg-sink{0%{transform:translateY(-3px) scale(1.08)}45%{transform:translateY(3px) scale(.9);box-shadow:0 0 0 var(--edge),0 1px 2px #1f3a5f4d}to{transform:translateY(1px) scale(.96)}}.yg-tile[data-anim=glow]{animation:yg-glow .9s ease-out both,yg-halo 1.2s .25s ease-in-out 2}@keyframes yg-glow{0%{transform:scale(.85)}30%{transform:scale(1.28)}60%{transform:scale(.98)}to{transform:scale(1.04)}}@keyframes yg-halo{50%{filter:brightness(1.12) drop-shadow(0 0 8px rgba(46,158,87,.9))}}.yg-bubble{position:absolute;left:0;top:calc(var(--y) * var(--th, var(--tile)) - 10px);transform:translateY(-100%);padding:8px 12px;border-radius:10px;background:var(--yg-navy);color:#fff;font-size:18px;font-weight:800;white-space:nowrap;box-shadow:0 6px 16px #1f3a5f59;pointer-events:none;z-index:10}.yg-bubble:after{content:"";position:absolute;left:var(--ax, 50%);bottom:-6px;margin-left:-6px;border:6px solid transparent;border-bottom:0;border-top-color:var(--yg-navy)}.yg-bubble--below{top:calc((var(--y) + 1) * var(--th, var(--tile)) + 10px);transform:none}.yg-bubble--below:after{bottom:auto;top:-6px;border:6px solid transparent;border-top:0;border-bottom-color:var(--yg-navy)}.yg-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:5}.yg-line__case{stroke:#ffffffe6;stroke-width:7;stroke-linecap:round}.yg-line__path{stroke:var(--yg-navy);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:2 7}.yg-line__case--draw,.yg-line__path--draw{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:yg-draw .3s ease-out forwards}.yg-line__path--draw{animation-name:yg-draw-dots}@keyframes yg-draw{to{stroke-dashoffset:0}}@keyframes yg-draw-dots{to{stroke-dashoffset:0;stroke-dasharray:2 7}}.yg-line__dot{fill:var(--yg-navy);stroke:#fff;stroke-width:2}.yg-line__tip{fill:var(--yg-hit);stroke:#fff;stroke-width:2.5}.yg-line__tip--in{animation:yg-pop .22s .26s cubic-bezier(.2,1.6,.4,1) both;transform-box:fill-box;transform-origin:center}.yg-km{display:flex;align-items:center;justify-content:center;height:100%;border-radius:999px;background:var(--yg-navy);color:#fff;font-size:max(11px,calc(var(--tile) * .28));font-weight:800;font-variant-numeric:tabular-nums;box-shadow:0 4px 10px #1f3a5f4d;opacity:.94}.yg-km--far{background:#9b2c2c}.yg-km--near{background:#8a6400}.yg-km--hit{background:var(--yg-hit)}.yg-km--in{animation:yg-pop .3s cubic-bezier(.2,1.6,.4,1) both}@keyframes yg-pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.yg-fx{position:absolute;inset:0;pointer-events:none;z-index:6}.yg-spark{position:absolute;left:calc(var(--x) * var(--tile));top:calc(var(--y) * var(--th, var(--tile)));width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:1px;animation:yg-spark .72s cubic-bezier(.1,.7,.3,1) forwards}@keyframes yg-spark{to{transform:translate(calc(var(--dx) * var(--tile)),calc(var(--dy) * var(--th, var(--tile)))) rotate(var(--rot));opacity:0}}.yg-loupe{--lt: 52px;--lh: 60px;position:fixed;z-index:70;width:calc(var(--lt) * 3.6);padding:6px 6px 7px;border-radius:16px;background:var(--yg-navy);box-shadow:0 12px 28px #1f3a5f73;pointer-events:none;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}.yg-loupe[hidden]{display:none}.yg-loupe__name{color:#fff;font-size:22px;font-weight:900;text-align:center;padding:1px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yg-loupe--none .yg-loupe__name{font-size:14px;color:#c9d6de;padding:5px 0 9px}.yg-loupe__win{position:relative;height:calc(var(--lh) * 2.3);overflow:hidden;border-radius:11px;background:linear-gradient(160deg,#bfe0f0,#8fc3de)}.yg-loupe__grid{position:absolute;left:0;top:0}.yg-loupe__tile{--edge: #8a8f99;position:absolute;left:calc(var(--x) * var(--lt) + 3px);top:calc(var(--y) * var(--lh) + 3px);width:calc(var(--lt) - 6px);height:calc(var(--lh) - 7px);border-radius:8px;background:var(--yg-land);box-shadow:0 3px 0 var(--edge);color:var(--ink);font-size:17px;font-weight:800;letter-spacing:-.04em;display:flex;align-items:center;justify-content:center;white-space:nowrap}.yg-loupe__tile[data-region=hokkaido]{--edge: #7d72b0}.yg-loupe__tile[data-region=tohoku]{--edge: #4f8f91}.yg-loupe__tile[data-region=kanto]{--edge: #b86d4f}.yg-loupe__tile[data-region=chubu]{--edge: #6f8c45}.yg-loupe__tile[data-region=kinki]{--edge: #a3774f}.yg-loupe__tile[data-region=chugoku]{--edge: #5a7ea6}.yg-loupe__tile[data-region=shikoku]{--edge: #95668f}.yg-loupe__tile[data-region=kyushu]{--edge: #4f846a}.yg-loupe__tile--on{background:#fff;color:var(--yg-red-d);box-shadow:0 3px 0 var(--edge),0 0 0 3px var(--yg-red);z-index:1}.yg-loupe__tile--3{font-size:14px;letter-spacing:-.08em}:lang(en) .yg-loupe__tile{font-size:15px;letter-spacing:0}.yg-verdict{position:absolute;left:calc(var(--tile) * 5.08);bottom:calc(var(--th, var(--tile)) * .12);width:calc(var(--tile) * 4.84);max-height:calc(var(--th, var(--tile)) * 3.9);box-sizing:border-box;padding:calc(var(--tile) * .18) calc(var(--tile) * .16);border-radius:14px;background:var(--yg-paper);border-top:5px solid var(--yg-far);box-shadow:0 10px 24px #1f3a5f47;z-index:6;pointer-events:none;display:flex;flex-direction:column;gap:2px;text-align:center;line-height:1.12}.yg-verdict[hidden]{display:none}.yg-verdict--hit{border-top-color:var(--yg-hit)}.yg-verdict--near{border-top-color:var(--yg-near)}.yg-verdict--in{animation:yg-verdict .34s cubic-bezier(.2,1.3,.4,1) both}@keyframes yg-verdict{0%{transform:translateY(14px) scale(.92);opacity:0}to{transform:none;opacity:1}}.yg-verdict__tag{align-self:center;padding:1px 10px;border-radius:999px;font-size:max(11px,calc(var(--tile) * .3));font-weight:900;color:#fff;background:var(--yg-far)}.yg-verdict--hit .yg-verdict__tag{background:var(--yg-hit)}.yg-verdict--near .yg-verdict__tag{background:var(--yg-near);color:var(--ink)}.yg-verdict__pref{font-size:max(17px,calc(var(--tile) * .54));font-weight:900;color:var(--ink);overflow-wrap:anywhere}.yg-verdict__km{font-size:max(27px,calc(var(--tile) * .86));font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:#9b2c2c}.yg-verdict--hit .yg-verdict__km{color:#17663a}.yg-verdict--near .yg-verdict__km{color:#6b5100}.yg-verdict__you{font-size:max(11px,calc(var(--tile) * .28));color:var(--ink-dim);font-weight:700}.yg-verdict__key{margin-top:2px;display:flex;justify-content:center;gap:2px 3px;flex-wrap:wrap;font-size:max(10px,calc(var(--tile) * .24));font-weight:700;color:var(--ink-dim)}.yg-verdict__key span{padding:1px 3px;border-radius:5px;white-space:nowrap}.yg-verdict__key span[data-on=true]{background:#e6ecf1;color:var(--ink);box-shadow:inset 0 0 0 1.5px #1f3a5f66}.yg-verdict__why{font-size:max(10px,calc(var(--tile) * .24));color:var(--ink-dim)}.yg-verdict__seal{position:absolute;right:calc(var(--tile) * -.25);top:calc(var(--th, var(--tile)) * -.55);width:calc(var(--tile) * 1.35);height:calc(var(--tile) * 1.35);border-radius:50%;border:3px double var(--yg-hit);background:#fffdf8f2;color:var(--yg-hit);display:flex;align-items:center;justify-content:center;font-size:calc(var(--tile) * .7);font-weight:900;transform:rotate(-12deg);animation:yg-stamp .26s .12s cubic-bezier(.3,1.5,.5,1) both}.yg-panel{position:absolute;left:0;top:0;width:calc(var(--tile) * 8 - 4px);height:calc(var(--th, var(--tile)) * 4 - 6px);display:flex;flex-direction:column;gap:calc(var(--tile) * .12);z-index:7;pointer-events:none}.yg-panel__top{display:flex;align-items:center;gap:8px;font-size:max(11px,calc(var(--tile) * .32));font-weight:700;color:var(--yg-navy)}.yg-mode{white-space:nowrap}.yg-dots{display:flex;gap:4px;margin:0;padding:0;list-style:none}.yg-dot{width:max(10px,calc(var(--tile) * .32));height:max(10px,calc(var(--tile) * .32));border-radius:3px;background:#ffffffb3;box-shadow:inset 0 0 0 1.5px #1f3a5f59}.yg-dot[data-now=true]{box-shadow:inset 0 0 0 2px var(--yg-navy);background:#fff}.yg-dot[data-g=hit]{background:var(--yg-hit);box-shadow:none}.yg-dot[data-g=near]{background:var(--yg-near);box-shadow:none}.yg-dot[data-g=far]{background:var(--yg-far);box-shadow:none}.yg-plate{position:relative;align-self:flex-start;display:flex;align-items:baseline;gap:2px;padding:calc(var(--tile) * .08) calc(var(--tile) * .3) calc(var(--tile) * .1);border-radius:10px;background:var(--yg-paper);border:2px solid var(--yg-red);box-shadow:0 4px 0 var(--yg-red-d),0 8px 18px #1f3a5f38;line-height:1}.yg-plate__mark{color:var(--yg-red);font-weight:900;font-size:calc(var(--tile) * .9)}.yg-plate__num{font-size:calc(var(--tile) * 1.18);font-weight:900;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--ink)}.yg-plate__rest{font-size:calc(var(--tile) * .62);font-weight:800;color:#b7bcc6;letter-spacing:.08em}.yg-plate--in{animation:yg-slide .26s cubic-bezier(.2,1.3,.4,1) both}@keyframes yg-slide{0%{transform:translate(-24px);opacity:0}to{transform:none;opacity:1}}.yg-postmark{position:absolute;right:calc(var(--tile) * -1.4);top:50%;min-width:calc(var(--tile) * 1.3);height:calc(var(--tile) * 1.3);padding:0 4px;margin-top:calc(var(--tile) * -.65);border-radius:999px;border:3px double currentColor;display:flex;align-items:center;justify-content:center;font-size:max(11px,calc(var(--tile) * .3));font-weight:900;white-space:nowrap;background:#fffdf8e6;transform:rotate(-12deg)}.yg-postmark[hidden]{display:none}.yg-postmark--hit{color:var(--yg-hit)}.yg-postmark--near{color:#a87b00}.yg-postmark--far{color:var(--yg-far)}.yg-postmark--in{animation:yg-stamp .24s cubic-bezier(.3,1.5,.5,1) both}@keyframes yg-stamp{0%{transform:rotate(-12deg) scale(1.9);opacity:0}to{transform:rotate(-12deg) scale(1);opacity:1}}.yg-msg{align-self:flex-start;max-width:100%;margin:0;padding:4px 8px 5px;border-radius:8px;background:#fffdf8e0;box-shadow:0 2px 8px #1f3a5f1f;display:flex;flex-direction:column;gap:3px}.yg-msg strong{font-size:max(13px,calc(var(--tile) * .4));font-weight:800}.yg-msg__res--hit{color:#17663a}.yg-msg__res--near{color:#6b5100}.yg-msg__res--far{color:#9b2c2c}.yg-msg__sub{font-size:max(12px,calc(var(--tile) * .33));color:var(--ink-dim);font-weight:600}.yg-msg__rule{font-size:max(11px,calc(var(--tile) * .3));color:var(--yg-navy);font-weight:700}.yg-foot{width:calc(var(--tile) * 10);min-height:52px;display:flex;align-items:center;justify-content:center}.yg-foot__hint{margin:0;font-size:12px;color:var(--ink-dim);text-align:center}.yg-foot__hint[hidden],.yg-btn[hidden]{display:none}.yg-btn{min-height:48px;min-width:180px;padding:6px 22px;border:0;border-radius:12px;font:inherit;font-size:17px;font-weight:800;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2}.yg-btn small{font-size:11px;font-weight:600;opacity:.85}.yg-btn--next{background:var(--yg-red);color:#fff;box-shadow:0 4px 0 var(--yg-red-d),0 8px 16px #a71d2340}.yg-btn--next:active{transform:translateY(2px);box-shadow:0 2px 0 var(--yg-red-d)}.yg-btn--share{background:#fff;color:var(--ink);box-shadow:0 4px #b9c3cc,0 8px 16px #1f3a5f26}.yg-btn:focus-visible{outline:3px solid var(--yg-navy);outline-offset:3px}.yg-ring{position:fixed;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:3px solid var(--yg-navy);pointer-events:none;z-index:60;animation:yg-ring .46s ease-out forwards}@keyframes yg-ring{0%{transform:scale(.4);opacity:.9}to{transform:scale(1.4);opacity:0}}.yg-result{position:absolute;inset:calc(var(--shell-h) + env(safe-area-inset-top,0px)) 0 0;overflow-y:auto;padding:8px calc(12px + env(safe-area-inset-right,0px)) calc(90px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px));user-select:text;-webkit-user-select:text}.yg--shot .yg-result{inset:0;padding-bottom:16px}.yg-result[hidden]{display:none}.yg-result__in{max-width:980px;margin:0 auto;display:grid;gap:18px;grid-template-columns:1fr}@media (min-width: 760px){.yg-result__in{grid-template-columns:minmax(300px,420px) minmax(300px,1fr);align-items:start}}.yg-result--enter .yg-sum{animation:yg-slide .32s ease-out both}.yg-sum{background:var(--yg-paper);border-radius:16px;padding:16px 16px 14px;border-top:6px solid var(--yg-red);box-shadow:0 10px 28px #1f3a5f29}.yg-sum__title{margin:0 0 10px;font-weight:800;color:var(--yg-navy)}.yg-squares{display:flex;gap:8px}.yg-sq{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:900;color:#ffffffeb;box-shadow:0 4px #0000002e}.yg-sq--hit{background:var(--yg-hit)}.yg-sq--near{background:var(--yg-near);color:#1d2230bf}.yg-sq--far{background:var(--yg-far)}.yg-result--enter .yg-sq{animation:yg-flip .36s calc(var(--i) * .11s + .12s) cubic-bezier(.2,1.4,.4,1) both}@keyframes yg-flip{0%{transform:rotateX(90deg) scale(.7);opacity:0}to{transform:none;opacity:1}}.yg-total{margin:14px 0 0;display:flex;align-items:baseline;gap:10px}.yg-total__l{font-weight:700;color:var(--ink-dim)}.yg-total__v{font-size:40px;font-weight:900;font-variant-numeric:tabular-nums}.yg-best{margin:2px 0 0;font-weight:700;color:var(--ink-dim);display:flex;align-items:center;gap:8px}.yg-best__new{background:var(--yg-red);color:#fff;border-radius:999px;padding:2px 10px;font-size:12px}.yg-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}.yg-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:#f4f6f8;border-left:6px solid var(--yg-far)}.yg-row--hit{border-left-color:var(--yg-hit)}.yg-row--near{border-left-color:var(--yg-near)}.yg-row__zip{font-weight:900;color:var(--yg-red-d);font-variant-numeric:tabular-nums}.yg-row__mid{display:flex;flex-direction:column;min-width:0}.yg-row__mid strong{font-size:14px;overflow-wrap:anywhere}.yg-row__mid small{font-size:12px;color:var(--ink-dim)}.yg-row__km{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.yg-note{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--ink-dim)}.yg-today{margin:12px 0 0;font-size:13px;color:var(--ink-dim)}.yg-again{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.yg-again .yg-btn{flex:1 1 140px;min-width:0}.yg-daily{margin-top:14px;display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:44px;border-radius:12px;background:#eef4f8;color:var(--ink);text-decoration:none}.yg-daily__tag{font-size:11px;font-weight:800;color:#fff;background:var(--yg-navy);padding:2px 8px;border-radius:999px;white-space:nowrap}.yg-daily__txt{flex:1;font-size:12px;color:var(--ink-dim);display:flex;flex-direction:column}.yg-daily__txt strong{font-size:14px;color:var(--ink)}.yg-daily__go{font-weight:900}.yg-daily:focus-visible{outline:3px solid var(--yg-navy);outline-offset:2px}.yg-result__map{display:flex;justify-content:center;padding:12px 0}.yg-map--result .yg-tile{cursor:default}.yg-map--result .yg-km,.yg-map--result .yg-panel{display:none}@media (prefers-reduced-motion: reduce){.yg *,.yg *:before,.yg *:after{animation:none!important;transition:none!important}.yg-ring{animation:none;opacity:.6}}