:root{--ink: #3a3340;--sub: #4d6f86;--line: #c4dbea;--accent: #4f87ab;--card: rgba(255,255,255,.96)}html,body{margin:0;height:100%;overflow:hidden;background:#cfe9f6;color:var(--ink);font-family:BIZ UDPGothic,Yu Gothic UI,Hiragino Sans,sans-serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}#game{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}button{touch-action:manipulation}#game canvas{position:absolute;left:0;top:0}#ui{pointer-events:none}.hud{position:fixed;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));display:flex;align-items:center;gap:8px;pointer-events:none;flex-wrap:wrap}.hud h1{margin:0 4px 0 0;font-size:22px;letter-spacing:.02em;white-space:nowrap;color:#fff;-webkit-text-stroke:6px #6a9cbf;paint-order:stroke fill}@media(max-width:760px){.hud h1{display:none}}.counters{display:flex;gap:6px}.chip{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 10px 0 6px;border-radius:999px;background:#ffffffe6;border:2px solid #a9cbe0;font-weight:700;font-size:15px}.chip .icon{width:22px;height:22px;object-fit:contain}.chip .star{color:#f2b51d;font-size:18px;-webkit-text-stroke:1px #c98a10}.chip.bump{animation:bump .35s ease-out}@keyframes bump{40%{transform:scale(1.2)}}.buttons{margin-left:auto;display:flex;gap:6px;pointer-events:auto}.buttons button{font:inherit;font-weight:700;font-size:14px;height:36px;min-width:36px;padding:0 12px;border-radius:999px;border:2px solid var(--accent);background:#fffffff0;color:var(--accent);cursor:pointer}.toasts{position:fixed;left:50%;top:calc(max(8px,env(safe-area-inset-top)) + 52px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;width:min(92vw,520px)}.toast{background:#3a3340e0;color:#fff;padding:8px 14px;border-radius:12px;font-size:14px;line-height:1.5;text-align:center;transition:opacity .4s,transform .4s;animation:pop .25s ease-out}.toast.out{opacity:0;transform:translateY(-6px)}.toast.pop{animation:bump .3s ease-out}.hint{background:#fff;color:var(--ink);border:2.5px solid #f2b51d;border-radius:14px;padding:8px 14px;font-weight:700;font-size:14px;line-height:1.5;text-align:center;box-shadow:0 4px 14px #3c648c2e}.hint.pop{animation:pop .3s ease-out}@keyframes pop{0%{opacity:0;transform:translateY(-8px) scale(.96)}}.card{position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(92vw,360px);box-sizing:border-box;background:var(--card);border:3px solid #a9cbe0;border-radius:16px;padding:10px 14px;box-shadow:0 8px 24px #3c648c38;font-size:13px}.card[hidden]{display:none}#minimap{position:fixed;left:50%;transform:translate(-50%);bottom:max(8px,env(safe-area-inset-bottom));z-index:3;width:min(44vw,320px);height:22px;box-sizing:border-box;border-radius:8px;background:#466e9152;border:1.5px solid rgba(255,255,255,.75);touch-action:none;cursor:pointer}#minimap[hidden]{display:none}@media(max-width:520px){#minimap{left:max(12px,env(safe-area-inset-left));transform:none;width:calc(100vw - 176px);bottom:calc(max(12px,env(safe-area-inset-bottom)) + 13px)}}body.has-minimap .card{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 30px)}.card .head{display:flex;align-items:baseline;gap:8px;margin:0 26px 6px 0;flex-wrap:wrap}.card .head b{font-size:17px}.card .tag{color:var(--sub);font-size:12px;display:inline-flex;align-items:center;gap:4px}.card .swatch{display:inline-block;width:12px;height:12px;border-radius:50%;border:1.5px solid #3b3539}.card .row{display:flex;align-items:center;gap:8px;margin:4px 0}.card .label{width:5.2em;flex:none;color:var(--sub);font-weight:700}.card .bar{flex:1;height:10px;background:#e8eef3;border-radius:6px;overflow:hidden}.card .fill{display:block;height:100%;border-radius:6px;transition:width .3s}.card .right,.card .note{flex:none;color:var(--sub);font-size:12px}.card .dots{display:inline-flex;gap:4px}.card .dots i{width:14px;height:14px;border-radius:50%;background:#e8eef3;border:1.5px solid #c6d5e0}.card .dots i.on{background:#ffe7a8;border-color:#e0a63a}.card .hint{margin:6px 0 0;color:var(--sub);font-size:12px}.card .name{cursor:pointer;border-bottom:1.5px dashed #b9cddb}.card .trait{font-size:11px;font-weight:700;color:#8a5a12;background:#fff3d1;border:1.5px solid #ecc874;border-radius:999px;padding:1px 8px}.card .name-input{font:inherit;font-size:16px;font-weight:700;width:8.5em;padding:2px 6px;border:2px solid var(--accent);border-radius:8px}.card .hearts{display:inline-flex;gap:1px;font-size:17px;line-height:1;color:#e6dbe0}.card .hearts i{font-style:normal}.card .hearts i.on{color:#f06b8f}.fr-heart{color:#f06b8f;font-size:12px;margin-left:2px}.list-row.pair{gap:6px}.list-row.pair .who-main{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;font:inherit;cursor:pointer;padding:2px}.list-row.pair .pic{width:44px;height:52px;object-fit:contain}.list-row.pair .pair-mid{display:flex;flex-direction:column;align-items:center;gap:2px;flex:none;min-width:7em}.list-row.pair .pair-mid .fr-heart{font-size:18px}.list-row.pair .pair-mid .desc{font-size:11px;color:var(--sub)}.list-row.weather .wicon{flex:none;display:inline-flex}.list-row.weather .text{display:flex;flex-direction:column;gap:2px;flex:1}.list-row.weather .desc{color:var(--sub);font-size:12px}.list-row.weather .tomorrow{flex:none;display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--sub)}.card .row.wish{align-items:flex-start}.card .row.wish .label{color:#c2507a}.card .row.wish .note{flex:1;color:#b0446e;font-weight:700;line-height:1.35}#welcome h2{text-align:center;margin-bottom:2px}#welcome>.how{text-align:center}.welcome-list{margin:4px 0 8px}.list-row.wel .pic{width:48px;height:56px;object-fit:contain;flex:none}.list-row.wel .text{display:flex;flex-direction:column;gap:2px}.list-row.wel .desc{color:var(--sub);font-size:12px}.welcome-faces{display:flex;justify-content:center;gap:10px;margin:8px 0 2px}.welcome-faces .pic{width:64px;height:74px;object-fit:contain}.fab{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:4;display:inline-flex;align-items:center;gap:6px;height:48px;padding:0 18px 0 10px;border-radius:999px;border:3px solid #fff;background:var(--accent);color:#fff;font:inherit;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 6px 18px #3c648c4d}.fab img{width:30px;height:30px;object-fit:contain}.fab.stop{background:#e07a7a;padding:0 18px}@media(max-width:520px){body.card-open .fab{display:none}}.zoom-ctl{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(max(12px,env(safe-area-inset-bottom)) + 62px);z-index:4;display:flex;flex-direction:column;align-items:center;gap:6px}.zoom-ctl[hidden]{display:none}.zoom-ctl button{width:40px;height:40px;padding:0;border-radius:50%;border:2.5px solid var(--accent);background:#fffffff0;color:var(--accent);font:inherit;font-size:22px;font-weight:700;line-height:1;cursor:pointer;touch-action:manipulation;box-shadow:0 4px 12px #3c648c2e}.zoom-ctl .zoom-level{display:none;width:auto;min-width:44px;height:26px;padding:0 8px;border-radius:999px;font-size:13px;position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);white-space:nowrap}.zoom-ctl.zoomed .zoom-level{display:block}@media(max-width:520px){body.card-open .zoom-ctl{display:none}}.play-chip{background:#fffffff5;color:var(--accent);border:2.5px solid var(--accent);border-radius:999px;padding:6px 16px;font-weight:700;font-size:14px;text-align:center;box-shadow:0 4px 12px #3c648c2e}.play-chip[hidden]{display:none}.play-opt{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;margin:6px 0;border-radius:14px;border:2px solid var(--line);background:#f8fbfd;font:inherit;color:inherit;text-align:left;cursor:pointer}.play-opt:hover{border-color:var(--accent);background:#f0f7fc}.play-opt .thumb{width:56px;height:56px;object-fit:contain;flex:none;padding:5px;box-sizing:border-box;border-radius:14px;background:radial-gradient(circle at 50% 40%,#e9f3fa,#cfe2ee);box-shadow:inset 0 0 0 1.5px #bcd5e5}.play-opt .text{display:flex;flex-direction:column;gap:3px;min-width:0}.play-opt b{font-size:16px}.play-opt .desc{font-size:12px;color:var(--sub);word-break:keep-all;overflow-wrap:anywhere}.hearts{display:inline-flex;gap:1px;line-height:1;color:#e6dbe0}.hearts i{font-style:normal}.hearts i.on{color:#f06b8f}.subtabs{display:flex;gap:6px;margin:0 0 8px}.subtabs button{font:inherit;font-size:13px;font-weight:700;padding:5px 16px;border-radius:999px;border:2px solid #c6d5e0;background:#fff;color:#8aa3b5;cursor:pointer}.subtabs button.on{border-color:var(--accent);background:var(--accent);color:#fff}.list-row.who{padding:3px 0;gap:6px}.who-main{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:3px 4px;border:0;border-radius:12px;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.who-main:hover{background:#f2f8fc}.who .pic,.tree .pic{width:44px;height:52px;object-fit:contain;flex:none}.who-main .text{display:flex;flex-direction:column;gap:2px;min-width:0}.who-main .tag{font-size:11px;color:var(--sub);font-weight:400}.mini{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--sub)}.mbar{width:60px;height:7px;background:#e8eef3;border-radius:4px;overflow:hidden;flex:none}.mfill{display:block;height:100%;background:#f2a65a;border-radius:4px}.mini .hearts{font-size:12px}.who .state{font-size:11px;font-weight:700;color:#c98a10}.who .diary{flex:none;font:inherit;font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;border:2px solid var(--accent);background:#fff;color:var(--accent);cursor:pointer}.tree,.tree ul{list-style:none;margin:0;padding:0}.tree ul{margin-left:18px;padding-left:12px;border-left:2px solid #d6e3ec}.tree li{margin:5px 0;position:relative}.tree ul>li:before{content:"";position:absolute;left:-12px;top:26px;width:10px;border-top:2px solid #d6e3ec}.tree .node{display:inline-flex;align-items:center;gap:6px;padding:2px 12px 2px 2px;border-radius:14px;border:2px solid transparent;background:#f4f8fb;font:inherit;color:inherit;cursor:pointer;text-align:left}.tree button.node:hover{border-color:#c6d5e0}.tree .node .text{display:flex;flex-direction:column}.tree .node .tag{font-size:11px;color:var(--sub)}.tree .pic.egg{width:30px;height:36px}.tree li.egg .node{background:#fffaf0;cursor:default;padding:2px 12px 2px 6px;font-size:12px}.prof-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}.prof-pic{width:84px;height:98px;object-fit:contain;flex:none;background:#f4f8fb;border-radius:14px}.prof-title h2{margin:0 0 6px}.prof-title .tag{color:var(--sub);font-size:12px;display:inline-flex;align-items:center;gap:4px;margin-right:6px}.prof-title .swatch{display:inline-block;width:12px;height:12px;border-radius:50%;border:1.5px solid #3b3539}.prof-title .trait{font-size:11px;font-weight:700;color:#8a5a12;background:#fff3d1;border:1.5px solid #ecc874;border-radius:999px;padding:1px 8px}.modal table.prof-info{font-size:13px}.prof-info .hearts{font-size:16px}.name-link{font:inherit;font-weight:700;color:var(--accent);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}.cookie-ico{width:22px;height:22px;vertical-align:middle;margin-right:4px}.memo-list{list-style:none;margin:0;padding:0}.memo-list li{display:flex;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.5}.memo-list .when{flex:none;width:6.4em;color:var(--sub);font-size:12px}.memo-list .what,.who-main .tag,.prof-info td{word-break:keep-all;overflow-wrap:anywhere}.card .close{position:absolute;right:8px;top:6px;width:30px;height:30px;border:0;background:none;font-size:22px;color:#8aa3b5;cursor:pointer}.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(94vw,480px);max-height:80vh;max-height:calc(100dvh - 128px);overflow:auto;box-sizing:border-box;z-index:5;overscroll-behavior:contain;background:#fffffffa;border:3px solid #a9cbe0;border-radius:18px;padding:16px 18px 12px;box-shadow:0 10px 30px #3c648c40}.modal[hidden]{display:none}.modal h2{margin:0 0 8px;font-size:18px}.modal h3{margin:12px 0 4px;font-size:15px;color:var(--accent)}.modal table{width:100%;border-collapse:collapse;font-size:14px}.modal th,.modal td{text-align:left;padding:6px 4px;border-bottom:1px solid var(--line);vertical-align:top}.modal th{color:var(--accent);white-space:nowrap;width:6em}.modal .how{color:var(--sub)}.modal .row-buttons{display:flex;justify-content:center;gap:10px;margin-top:12px}.modal .close{font:inherit;font-size:15px;padding:8px 28px;border-radius:999px;border:0;background:var(--accent);color:#fff;cursor:pointer}.modal .save-like{font:inherit;font-size:13px;padding:8px 14px;border-radius:999px;border:2px solid var(--accent);background:#fff;color:var(--accent);cursor:pointer}.ask-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;background:#283c504d}.modal.ask{z-index:13;width:min(86vw,340px);text-align:center;padding:18px 18px 14px}.modal.ask .ask-text{margin:4px 0 6px;font-size:16px;font-weight:700;line-height:1.6}.modal.ask .how{margin:0 0 4px}.modal.ask p{word-break:keep-all;overflow-wrap:anywhere}.modal .reset{font:inherit;font-size:13px;padding:8px 14px;border-radius:999px;border:2px solid #e2a0a0;background:#fff;color:#c25b5b;cursor:pointer}.opt{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.opt-label{width:7em;flex:none;font-weight:700}.opt .tog{font:inherit;font-size:13px;font-weight:700;min-width:62px;height:34px;border-radius:999px;cursor:pointer;flex:none;border:2px solid var(--accent);background:var(--accent);color:#fff}.opt .tog.off{background:#fff;color:#8aa3b5;border-color:#c6d5e0}.opt input[type=range]{flex:1;min-width:0;height:28px;accent-color:var(--accent)}.opt input[type=range]:disabled{opacity:.35}.seg{display:inline-flex;border:2px solid var(--accent);border-radius:999px;overflow:hidden}.seg button{font:inherit;font-size:13px;font-weight:700;padding:7px 14px;border:0;background:#fff;color:var(--accent);cursor:pointer}.seg button.on{background:var(--accent);color:#fff}.modal p.how{font-size:12px;margin:6px 0 0}.buttons .icon-btn{padding:0;width:36px;display:inline-flex;align-items:center;justify-content:center}.buttons button{position:relative}.buttons button.dot:after{content:"";position:absolute;right:-2px;top:-2px;width:11px;height:11px;border-radius:50%;background:#ff6b6b;border:2px solid #fff}.tabs{display:flex;gap:4px;margin:0 0 8px;border-bottom:2px solid var(--line)}.modal .tabs{position:sticky;top:-16px;z-index:2;background:#fffffffa;padding-top:4px}.tabs button{font:inherit;font-size:14px;font-weight:700;padding:7px 12px;border:0;border-radius:10px 10px 0 0;cursor:pointer;background:transparent;color:#8aa3b5;margin-bottom:-2px;border-bottom:3px solid transparent}.tabs button.on{color:var(--accent);border-bottom-color:var(--accent)}.tabs button{white-space:nowrap}.list-row{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid var(--line)}.list-row .text{flex:1;min-width:0}.list-row .check{width:24px;height:24px;flex:none;border-radius:50%;border:2px solid #c6d5e0;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.list-row.done .check{background:#8fd19e;border-color:#6fb57e}.list-row .reward{flex:none;font-weight:700;color:#c98a10;font-size:13px}.list-row.done .reward{color:#b9cddb}.pbar{display:inline-block;vertical-align:middle;width:58%;height:8px;background:#e8eef3;border-radius:5px;overflow:hidden;margin-top:4px}.pfill{display:block;height:100%;background:#f5c94c;border-radius:5px}.pbar.done .pfill{background:#8fd19e}.pnum{margin-left:8px;font-size:12px;color:var(--sub)}.list-row.task .text>b{display:block}.acc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px}.acc-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:12px;background:#f4f8fb;border:2px solid transparent;font:inherit;text-align:center}.acc-cell .thumb{width:48px;height:48px;object-fit:contain}.acc-cell b{font-size:11px}.acc-cell .desc{font-size:10px}.acc-cell.unknown .thumb{filter:brightness(0) invert(.78);opacity:.7}.acc-grid.pick .acc-cell{cursor:pointer}.acc-grid.pick .acc-cell.on{border-color:var(--accent);background:#eaf4fb}.acc-cell .none-mark{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#b9cddb}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.album-cell{padding:0;border:0;background:none;cursor:pointer;font:inherit;text-align:center}.album-cell img{width:100%;border-radius:6px;box-shadow:0 2px 8px #3c648c33;display:block}.album-cell .desc{display:block;margin-top:3px;font-size:10.5px}#photo .photo-big{width:100%;border-radius:6px;display:block}.modal a.save{font-size:15px;padding:8px 22px;border-radius:999px;background:#fff;color:var(--accent);border:2px solid var(--accent);text-decoration:none;font-weight:700}.gift-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:6px 0 10px}.gift{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;min-width:76px;border-radius:12px;background:#fff8e3;border:2px solid #f2d27a}.gift .thumb{width:48px;height:48px;object-fit:contain}.gift .star.big{font-size:34px;line-height:48px}.gift b{font-size:12px}.gift .new{position:absolute;top:-8px;right:-6px;font-size:10px;font-weight:700;color:#fff;background:#ff6b6b;border-radius:999px;padding:1px 6px}.postcard-slot{display:flex;justify-content:center}.postcard{width:92%;aspect-ratio:137 / 100;border-radius:6px;box-shadow:0 4px 14px #3c648c40;transform:rotate(-1.5deg)}.card .card-acts{display:flex;gap:8px;margin-top:8px}.card .card-acts button{font:inherit;font-size:13px;font-weight:700;flex:1;height:34px;border-radius:999px;cursor:pointer;border:2px solid var(--accent);background:#fff;color:var(--accent)}.flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:30;pointer-events:none;animation:flash .55s ease-out forwards}.watch-caption{position:fixed;left:50%;bottom:max(26px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:20;pointer-events:none;max-width:calc(100vw - 32px);padding:8px 18px;border-radius:999px;background:#2c223abd;color:#fff;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:watch-cap .4s ease-out}@keyframes watch-cap{0%{opacity:0;transform:translate(-50%,8px)}}body.watching .hud,body.watching #minimap{opacity:.3;transition:opacity .6s}body.watching .hud .watch-btn{opacity:1}.icon-btn.watch-btn.on{background:#ffe9a8}@keyframes flash{0%{opacity:.9}to{opacity:0}}.buttons .icon-btn svg{width:20px;height:20px;display:block}.start{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;cursor:pointer;background:radial-gradient(ellipse at 50% 45%,#ffffffb8,#cfe9f6db 70%);transition:opacity .45s}.start[hidden]{display:none}.start.out{opacity:0;pointer-events:none}.start-box{text-align:center;padding:20px}.start-icon{width:132px;height:132px;border-radius:30px;box-shadow:0 8px 22px #3c648c40}.start .logo{margin:10px 0 0;font-size:clamp(30px,8.4vw,52px);line-height:1.15;font-weight:700;letter-spacing:.04em;color:#fff;-webkit-text-stroke:9px #6a9cbf;paint-order:stroke fill}.start .logo span{display:inline-block}.start .sub{margin:4px 0 22px;color:var(--sub);font-weight:700}.start .go{font:inherit;font-size:18px;font-weight:700;padding:12px 30px;border-radius:999px;border:0;cursor:pointer;background:var(--accent);color:#fff;box-shadow:0 6px 16px #3c648c4d}.start .go:disabled{background:#a9c1d1;box-shadow:none;cursor:default}.start .go:not(:disabled){animation:bob 1.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.start .go:not(:disabled){animation:none}}.modal .modal-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.modal .have{font-weight:700;color:var(--sub)}.modal .star{color:#f2b51d;-webkit-text-stroke:1px #c98a10;margin-right:2px}.modal .desc{display:block;color:var(--sub);font-size:12px;line-height:1.4}.modal .note{color:var(--sub);font-size:12px;margin:12px 0 0}.shop-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}.shop-row .icon{width:48px;height:48px;object-fit:contain;flex:none}.shop-row .text{flex:1;min-width:0}#shop{height:min(640px,80vh);height:min(640px,calc(100dvh - 128px));padding:0;overflow:hidden}#shop:not([hidden]){display:flex;flex-direction:column}.shop-top{flex:none;padding:12px 12px 0 18px}.shop-head{display:flex;align-items:center;gap:10px}.shop-head h2{margin:0}.shop-head .have{margin-left:auto;font-size:17px;color:var(--ink);background:#fff6dc;border:2px solid #f0cf7a;border-radius:999px;padding:2px 12px 2px 9px;white-space:nowrap}.modal .x{flex:none;width:38px;height:38px;border:0;border-radius:50%;background:#eef4f8;color:#6f8ea3;font:inherit;font-size:24px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.modal .x:hover{background:#e0ecf4;color:var(--accent)}.shop-tabs{margin:8px 6px 0 0}#note{top:max(64px,calc(50% - 320px));transform:translate(-50%);max-height:min(640px,80vh);max-height:min(640px,calc(100dvh - 128px));padding:0;overflow:hidden}#note,#village{height:min(640px,80vh);height:min(640px,calc(100dvh - 128px))}#village,#shop{top:max(64px,calc(50% - 320px));transform:translate(-50%)}#shop,#village,#note,.shop-body{overflow-x:hidden}#village,.shop-body,#note>*{scrollbar-gutter:stable}#note:not([hidden]){display:flex;flex-direction:column}.note-head .x{margin-left:auto}.note-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:10px 18px 12px}.album-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 12px 6px;text-align:center}.album-empty .cam{width:64px;height:64px;border-radius:50%;background:#eaf3f9;color:var(--accent);display:flex;align-items:center;justify-content:center}.album-empty .cam svg{width:34px;height:34px}.album-empty b{font-size:15px}.album-empty .how{margin:0;max-width:22em;word-break:keep-all;overflow-wrap:anywhere}.album-empty .save-like{margin-top:6px}.set-head{display:flex;align-items:center;gap:10px;position:sticky;top:-16px;z-index:3;margin:-16px -18px 0;padding:12px 12px 6px 18px;background:#fffffffa;border-radius:15px 15px 0 0}.set-head h2{margin:0}.set-head .x{margin-left:auto}.modal .shop-tabs{position:static;padding-top:0}.shop-tabs button{flex:1;padding:8px 4px;position:relative}.shop-tabs button.can:after{content:"";position:absolute;top:5px;right:calc(50% - 2.2em);width:7px;height:7px;border-radius:50%;background:#f2b51d}.shop-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:10px 18px 12px}.shop-body .lead{margin:0 0 10px;color:var(--sub);font-size:12.5px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}.shop-body h3{margin:14px 0 6px}.shop-arrange{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}.shop-arrange .hint{flex:1 1 200px;margin:0;color:var(--sub);font-size:12px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}.shop-arrange .buy{flex:0 0 auto;width:auto;padding:6px 14px}.shop-body .lead+h3{margin-top:0}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px 8px;padding-top:2px}.shop-grid.small{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.shop-grid.bgs{grid-template-columns:repeat(2,1fr)}.item{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px;border-radius:14px;background:#f6f9fc;border:2px solid #dde9f1;text-align:center;min-width:0}.item.on{border-color:var(--accent);background:#eef6fc}.item .pic{width:72px;height:72px;display:flex;align-items:center;justify-content:center}.item .pic img,.item .pic canvas{max-width:100%;max-height:100%;object-fit:contain;display:block}.shop-grid.small .item .pic{width:52px;height:52px}.item .name{font-size:13px;line-height:1.3;word-break:keep-all;overflow-wrap:anywhere}.item .desc{font-size:11.5px;line-height:1.35;word-break:keep-all;overflow-wrap:anywhere}.item .buy{margin-top:auto;align-self:stretch;min-width:0}.item .two{margin-top:auto;align-self:stretch;display:flex;gap:4px}.item .two .buy{flex:1;margin-top:0;padding-left:4px;padding-right:4px;min-width:0}.shop-grid.small .item .two{flex-direction:column}.shop-grid.small .item .buy{min-width:0;width:100%;font-size:13px;height:auto;min-height:34px;padding:3px 4px;line-height:1.15;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:2px}.shop-grid.small .item .buy .lack{margin-left:3px;font-size:10px}.shop-grid .item{min-width:0}.item .two+.buy{margin-top:4px}.item .buy.more:before{content:"＋1";font-size:11px;margin-right:3px;opacity:.85}.item .buy.x5:before{content:"×5";font-size:11px;margin-right:3px;opacity:.85}.item .desc,.shop-grid.small .item .name{margin-bottom:5px}.item .tag{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;color:#fff;background:var(--accent);border-radius:999px;padding:1px 8px;white-space:nowrap}.item.magic{background:linear-gradient(160deg,#fdf4ff,#eef7ff 55%,#fffbea);border-color:#e3d4f5}.item.magic .tag{background:#b98ad8}.item.bg{padding:6px 6px 8px}.item.bg .pic{width:100%;height:auto;aspect-ratio:16 / 10}.item.bg .pic img{width:100%;height:100%;border-radius:8px;object-fit:cover}.item.wide{grid-column:1 / -1;display:grid;grid-template-columns:64px 1fr auto;grid-template-rows:auto auto auto;column-gap:12px;row-gap:2px;align-items:center;text-align:left;padding:10px 12px}.item.wide .pic{grid-row:1 / 4;width:64px;height:64px}.item.wide .name{grid-column:2;font-size:14px}.item.wide .desc{grid-column:2;margin:0}.item.wide .pips{grid-column:2}.item.wide .buy{grid-column:3;grid-row:1 / 4;margin:0;align-self:center;min-width:84px}.pips{display:inline-flex;gap:4px;margin-top:2px}.pips i{width:10px;height:10px;border-radius:50%;background:#dbe6ee}.pips i.on{background:#f2b51d;box-shadow:inset 0 0 0 1.5px #c98a10}.item.got{animation:got .8s ease-out}@keyframes got{0%{transform:scale(.94);box-shadow:0 0 #f2b51dbf}55%{transform:scale(1.03);box-shadow:0 0 0 10px #f2b51d00}to{transform:none}}@media(prefers-reduced-motion:reduce){.item.got{animation:none}}.modal .buy{font:inherit;font-weight:700;font-size:14px;min-width:72px;height:34px;padding:0 10px;border-radius:999px;flex:none;border:2px solid #e0a63a;background:#fff6dc;color:#8a5a12;cursor:pointer;white-space:nowrap}.modal .buy:not(:disabled):not(.short):hover{background:#ffefc2}.modal .buy.short{border-color:#e6dcc6;background:#faf7f0;color:#a99a7c}.modal .buy.short .star{color:#e4cf9a;-webkit-text-stroke:1px #cbb27a}.modal .buy .lack{font-size:11px;font-weight:700;margin-left:6px;color:#c27b45}.modal .buy.use{border-color:var(--accent);background:#fff;color:var(--accent)}.modal .buy.use:hover{background:#eef6fc}.modal .buy.on,.modal .buy.max{border-color:#c6d5e0;background:#eef3f7;color:#8aa3b5;cursor:default}.dex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px}.dex-cell{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:4px 2px 6px;border-radius:12px;background:#f4f8fb}.dex-cell .thumb{width:72px;height:84px;object-fit:contain}.dex-cell b{font-size:12px;display:inline-flex;align-items:center;gap:3px}.dex-cell .swatch{display:inline-block;width:10px;height:10px;border-radius:50%;border:1.5px solid #3b3539}.dex-cell .desc{font-size:10.5px}.dex-cell.unknown b{color:#8aa3b5}.dex-cell.rare{position:relative;background:linear-gradient(160deg,#fdf4ff,#eef7ff 55%,#fffbea);box-shadow:inset 0 0 0 1.5px #e3d4f5}.dex-cell.rare:after{content:"✦";position:absolute;top:3px;right:6px;font-size:12px;color:#c69be8}.nursery{margin:4px 0 8px;padding:6px 8px 8px;border-radius:12px;background:#fff8ec;box-shadow:inset 0 0 0 1.5px #f0dcb4}.nursery h3{margin:2px 0}.nursery .how{margin:0 0 6px;font-size:11.5px}.nur-list{display:flex;flex-direction:column;gap:4px;max-height:210px;overflow-y:auto}.nur-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:10px;background:#fff}.nur-row .swatch{flex:none;width:14px;height:14px;border-radius:50%;border:1.5px solid #3b3539}.nur-info{flex:1;min-width:0;display:flex;flex-direction:column}.nur-info b{font-size:12.5px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:440px){.nur-row{flex-wrap:wrap}.nur-info{flex-basis:calc(100% - 24px)}.nur-row button{margin-left:auto}.nur-row .nur-go{margin-left:20px}}.nur-info .desc{font-size:10.5px;color:#7a8b98}.nur-row button{flex:none;font-size:11.5px;padding:4px 8px;border-radius:999px;border:1.5px solid #c6d5e0;background:#fff;cursor:pointer}.nur-row .nur-go{border-color:var(--accent);color:var(--accent)}.nur-row .nur-go:disabled{border-color:#dfe7ee;color:#b4c3cf;cursor:default}.dex-forms{margin:2px 0 6px}.dex-forms button{display:flex;flex-direction:column;align-items:center;line-height:1.2;word-break:keep-all}.dex-forms button small{font-size:11px;opacity:.85}@media(max-width:440px){.dex-forms button{font-size:12px;padding-left:2px;padding-right:2px}}.dex-cell.shiny{background:linear-gradient(160deg,#fffbe0,#fff2fb 55%,#eaf6ff);box-shadow:inset 0 0 0 1.5px #f0d48a}.dex-cell.shiny:after{content:"★";color:#e0a634}@media(max-width:440px){.tabs{gap:2px}.tabs button{font-size:13px;padding:7px 6px}.shop-top{padding:10px 8px 0 14px}.shop-body,.note-body{padding:10px 12px 12px}.shop-tabs button{padding:8px 2px}.shop-grid{grid-template-columns:repeat(2,1fr)}.shop-grid.small{grid-template-columns:repeat(3,1fr)}.item.wide{grid-template-columns:52px 1fr;padding:10px;column-gap:10px}.item.wide .pic{grid-row:1 / 4;width:52px;height:52px}.item.wide .buy{grid-column:1 / -1;grid-row:4;margin-top:8px}.hud{gap:4px}.hud h1{display:none}.counters{gap:4px}.chip{height:30px;font-size:14px;padding:0 6px 0 4px}.buttons{gap:3px}.buttons button{height:32px;min-width:32px;padding:0 6px;font-size:13px}}@media(max-width:370px){.chip{font-size:13px;padding:0 6px 0 3px}.chip .icon{width:18px;height:18px}.buttons button{padding:0 5px;font-size:12px}}@media(pointer:coarse){.buttons button{height:38px;min-width:38px}.modal .buy{height:38px}}.modal.tabbed{display:flex;flex-direction:column;overflow:hidden;height:min(620px,calc(100dvh - 128px))}.modal.tabbed[hidden]{display:none}.modal.tabbed .set-head{position:static}.modal .set-tabs{position:static;flex:none;margin:8px 0 0;padding-top:0}.set-tabs button{flex:1}.set-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0 -18px;padding:4px 18px 8px}.modal.tabbed .row-buttons{flex:none;margin-top:8px}.dex-sub{grid-column:1 / -1;font-size:12px;font-weight:700;color:var(--sub);padding:6px 4px 0;border-bottom:1.5px dashed var(--line)}html.black{--ink: #2c1a20;--sub: #7a3a48;--line: #e2c3ca;--accent: #a3243b}html.black,html.black body{background:#14070b}html.black .hud h1{-webkit-text-stroke-color:#7d1426}html.black .hud h1:after,html.black .start .logo:after{content:"BLACK";display:inline-block;margin-left:8px;padding:2px 8px;border-radius:6px;background:#b01e34;color:#fff;-webkit-text-stroke:0;font-size:13px;letter-spacing:.12em;vertical-align:middle}html.black .start .logo:after{font-size:clamp(14px,3.4vw,20px);margin:6px auto 0;display:block;width:fit-content}html.black .chip{background:#180a0ee0;border-color:#8e1f33;color:#f4dfe3}html.black .buttons button{background:#180a0ee6;border-color:#b01e34;color:#ffb3bf}html.black .toast{background:#460814e6}html.black .card,html.black .modal{border-color:#8e1f33}html.black .modal .x{background:#f7e8eb;color:#a3243b}html.black .modal .x:hover{background:#f0d5db}html.black .album-empty .cam{background:#f7e8eb}html.black .fab{background:#8e1f33;border-color:#2a0d14}html.black .zoom-ctl button{background:#180a0ee6;border-color:#b01e34;color:#ffb3bf}html.black .start{background:radial-gradient(ellipse at 50% 45%,#3c0812d1,#0a0306f0 70%)}html.black .start .logo{-webkit-text-stroke-color:#7d1426}html.black .start .sub{color:#e8a0ad;font-size:0}html.black .start .sub:after{content:"ストレス かいしょう モード";font-size:16px}html.black .start .go{background:#b01e34;box-shadow:0 6px 16px #00000080}html.black .start .go:disabled{background:#5a2a33}html.black .start-icon{filter:saturate(.4) brightness(.8);box-shadow:0 8px 22px #0009}.black-warn{margin:-8px 0 16px;color:#ffd0d7;font-weight:700;font-size:15px}.black-warn:before{content:"⚠ ";color:#ff5a6e}.black-quit{display:block;margin:14px auto 0;font:inherit;font-size:14px;padding:8px 18px;border-radius:999px;cursor:pointer;border:2px solid #8e1f33;background:transparent;color:#e8a0ad}.bk-flash,.bk-vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;z-index:2}.bk-vignette{background:radial-gradient(ellipse at 50% 50%,transparent 45%,rgba(190,0,24,.55) 80%,rgba(120,0,12,.85) 100%)}body.bk-fever .bk-vignette{opacity:.55!important;background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(255,190,40,.35) 85%,rgba(255,140,0,.6) 100%);animation:bk-fever-pulse .9s ease-in-out infinite alternate}@keyframes bk-fever-pulse{0%{filter:brightness(.8)}to{filter:brightness(1.3)}}.bk-combo{position:fixed;left:50%;top:24%;transform:translate(-50%) rotate(-3deg);z-index:3;pointer-events:none;font-weight:900;font-size:clamp(26px,5vw,44px);color:#ffe14a;-webkit-text-stroke:7px #3a0610;paint-order:stroke fill;letter-spacing:.04em;text-shadow:0 4px 0 #3a0610;opacity:0;transition:opacity .25s;white-space:nowrap}.bk-combo.on{opacity:1;transition:opacity .05s}.bk-combo.small{font-size:clamp(16px,3vw,26px);-webkit-text-stroke-width:4px}.bk-meter{position:fixed;left:50%;bottom:calc(max(8px,env(safe-area-inset-bottom)) + 30px);transform:translate(-50%);z-index:3;pointer-events:none;display:flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;background:#180a0ed1;border:2px solid #8e1f33}.bk-meter .lbl{font-size:12px;font-weight:900;color:#ffb3bf;white-space:nowrap}.bk-meter .lbl:after{content:"スカッと"}.bk-meter .track{width:clamp(90px,22vw,180px);height:10px;border-radius:999px;background:#3a1018;overflow:hidden}.bk-meter .bar{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#f35,#ff9a1a);transition:width .2s}.bk-meter.near .bar{animation:bk-near .5s ease-in-out infinite alternate}@keyframes bk-near{0%{filter:brightness(1)}to{filter:brightness(1.6)}}.bk-meter.full{border-color:#ffc400;box-shadow:0 0 14px #ffc800b3}.bk-meter.full .lbl{color:#ffe14a}.bk-meter.full .lbl:after{content:"フィーバー！"}.bk-meter.full .bar{background:linear-gradient(90deg,#ffe14a,#fff6c0,#ffc400);transition:width .1s linear}body.card-open .bk-meter,body.card-open .bk-rage{display:none}@media(max-width:520px){body.card-open .bk-meter,body.card-open .bk-combo{display:none}.bk-meter{left:max(12px,env(safe-area-inset-left));transform:none;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 44px)}}.bk-goals{position:fixed;right:max(10px,env(safe-area-inset-right));top:calc(env(safe-area-inset-top) + 58px);z-index:3;cursor:pointer;max-width:min(46vw,300px);padding:5px 9px 6px;border-radius:10px;background:#180a0ec7;border:2px solid #8e1f33;color:#ffd6dd;font-size:12px;line-height:1.35;-webkit-user-select:none;user-select:none}.bk-goals .hd{font-weight:900;color:#ffb3bf;display:flex;gap:8px;align-items:baseline}.bk-goals .hd b{color:#ffe14a;font-size:11px}.bk-goals .g{display:flex;justify-content:space-between;gap:8px}.bk-goals .g em{font-style:normal;color:#ff9aac;white-space:nowrap}.bk-goals .g.done{color:#ffe14a;animation:bk-goal .4s ease-in-out infinite alternate}.bk-goals.min .g{display:none}@keyframes bk-goal{to{filter:brightness(1.5)}}@media(max-width:520px){body.card-open .bk-goals{display:none}.bk-goals{top:calc(env(safe-area-inset-top) + 64px);font-size:11px;max-width:58vw}}@media(prefers-reduced-motion:reduce){.bk-goals .g.done{animation:none}}body.bk-fest .bk-gloom{box-shadow:inset 0 0 120px 30px #c8142859;animation:bk-fest 3.2s ease-in-out infinite}@keyframes bk-fest{50%{box-shadow:inset 0 0 160px 50px #e61e3273}}@media(prefers-reduced-motion:reduce){body.bk-fest .bk-gloom{animation:none}}.modal .subtabs{flex-wrap:wrap}.modal .subtabs button{white-space:nowrap}html.black .modal .subtabs button{padding:5px 12px}.modal .bk-log{display:flex;gap:10px;align-items:baseline;padding:5px 0}.modal .bk-log .when{flex:none;font-size:11px;color:var(--sub);font-variant-numeric:tabular-nums}.modal .bk-log .what{font-size:13px}.modal .bk-rel{display:block;padding:6px 0}.modal .bk-rel b{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.modal .bk-rel .trait{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;background:#f3e3e7;color:#8e1f33}.modal .bk-rel .t-leader{background:#fde68a;color:#854d0e}.modal .bk-rel .t-out,.modal .bk-rel .t-yami{background:#3b1d2a;color:#ffd0d7}.modal .bk-dex{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;margin:4px 0 10px}.modal .bk-dex-cell{padding:6px 8px;border-radius:10px;background:#f8eef0;border:1.5px solid #ead3d8;font-size:12px;line-height:1.35}.modal .bk-dex-cell b{display:block;word-break:keep-all;overflow-wrap:anywhere}.modal .bk-dex-cell.unknown{background:#eee8ea;color:#9b8a90;border-style:dashed}.bk-tools .bk-fold{height:22px;min-height:0;padding:0;border-radius:8px;font-size:13px;line-height:1;color:#ffb3bf;background:#ffffff0f}.bk-tools.fold>button:not(.on):not(.bk-fold):not(.nudge){display:none}body .bk-tools{top:calc(50% + 22px);max-height:calc(100% - 60px)}@media(max-height:960px){body .bk-tools{gap:3px;padding:4px}body .bk-tools button{width:50px;height:50px}body .bk-tools button img{width:28px;height:28px}body .bk-tools button span{font-size:9px}}@media(max-height:800px){body .bk-tools button{width:46px;height:46px}body .bk-tools button img{width:25px;height:25px}body .bk-tools button span{font-size:8.5px}}@media(max-height:745px){body .bk-tools button{width:42px;height:42px;border-radius:10px}body .bk-tools button img{width:22px;height:22px}body .bk-tools button span{font-size:8px;display:block}}@media(max-height:690px){body .bk-tools button{width:38px;height:38px}body .bk-tools button span{display:none}body .bk-tools .bk-fold{height:18px}}@media(max-height:635px){body .bk-tools{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,auto);top:calc(50% + 22px);transform:translateY(-50%)}body .bk-tools button{width:36px;height:36px;margin-top:0}body .bk-tools .bk-fold{height:36px}}@media(max-width:520px)and (min-height:636px){body .bk-tools{left:max(4px,env(safe-area-inset-left));top:calc(max(8px,env(safe-area-inset-top)) + 46px);transform:none;max-height:calc(100% - 180px);padding:3px;border-radius:13px}body .bk-tools button{width:44px;height:clamp(32px,calc((100dvh - 250px) / 13),44px);border-radius:10px}body .bk-tools button img{width:25px;height:min(25px,calc(100% - 12px))}body .bk-tools button span{font-size:8.5px}body .bk-tools .bk-fold{height:20px}}.bk-tools button{position:relative}.bk-tools button .lv{position:absolute;right:2px;top:2px;min-width:13px;height:13px;padding:0 2px;border-radius:7px;box-sizing:border-box;font:700 9px/13px sans-serif;font-style:normal;text-align:center;color:#fff;background:#6b4a52;pointer-events:none}.bk-tools button .lv[data-lv="2"]{background:#b8323f}.bk-tools button .lv[data-lv="3"]{background:#ff3a1a;box-shadow:0 0 6px #ff7a3a}body .bk-tools.grouped{display:flex;gap:5px;padding:5px}body .bk-tools.grouped button{width:56px;height:56px;border-radius:12px}body .bk-tools.grouped button img{width:32px;height:32px}body .bk-tools.grouped button span{display:block;font-size:10px}body .bk-tools.grouped .bk-fold{height:22px}body .bk-tools.grouped button img,.bk-box-menu .grid img{filter:drop-shadow(0 0 1.5px rgba(255,236,240,.8))}.bk-tools .bk-group .more{position:absolute;right:3px;bottom:3px;width:0;height:0;border-left:7px solid transparent;border-bottom:7px solid rgba(255,160,178,.75);pointer-events:none}.bk-tools .bk-group.on .more{border-bottom-color:#fff}@media(max-height:760px){body .bk-tools.grouped{gap:4px;padding:4px}body .bk-tools.grouped button{width:50px;height:50px}body .bk-tools.grouped button img{width:28px;height:28px}body .bk-tools.grouped button span{font-size:9px}}@media(max-height:660px){body .bk-tools.grouped button{width:44px;height:44px;border-radius:10px}body .bk-tools.grouped button img{width:24px;height:24px}body .bk-tools.grouped button span{font-size:8px}}@media(max-height:580px){body .bk-tools.grouped button{width:40px;height:40px}body .bk-tools.grouped button span{display:none}body .bk-tools.grouped .bk-fold{height:18px}}@media(max-height:500px){body .bk-tools.grouped{display:grid;grid-auto-flow:column;grid-template-rows:repeat(5,auto);gap:3px;top:calc(50% + 22px);transform:translateY(-50%)}body .bk-tools.grouped button{width:38px;height:38px}body .bk-tools.grouped .bk-fold{height:38px}}@media(max-width:520px)and (min-height:501px){body .bk-tools.grouped{padding:3px;gap:3px}body .bk-tools.grouped button{width:46px;height:clamp(36px,calc((100dvh - 250px) / 9),50px);border-radius:10px}body .bk-tools.grouped button img{width:26px;height:min(26px,calc(100% - 12px))}body .bk-tools.grouped button span{display:block;font-size:8.5px}body .bk-tools.grouped .bk-fold{height:20px}}.bk-box-menu.bk-group-menu{border-color:#ff5a6e}.bk-box-menu.bk-group-menu .grid{grid-template-columns:repeat(4,84px)}@media(max-width:520px){.bk-box-menu.bk-group-menu .grid{grid-template-columns:repeat(3,78px)}}.bk-box-menu.bk-group-menu .grid button{position:relative;border-color:#ff8a9a4d;color:#ffe6ea}.bk-group-menu .bk-flavor{width:0;min-width:100%;height:124px;overflow-y:auto;box-sizing:border-box;padding:7px 9px;border-radius:10px;background:#3c0a148c;border:1px solid rgba(255,138,154,.25);display:flex;flex-direction:column;gap:4px;font-size:11.5px;line-height:1.45}.bk-group-menu .bk-flavor b{font-size:13px;color:#fff}.bk-group-menu .bk-flavor span{color:#ffd6dc}.bk-group-menu .bk-flavor i{color:#c9a0a8;font-style:italic;border-top:1px dashed rgba(255,138,154,.25);padding-top:4px}.bk-box-menu.bk-group-menu .grid button.on{border-color:#ff8a9a;background:#b01e3480}.bk-box-menu.bk-group-menu .grid button:hover{border-color:#ffb3bf}.bk-group-menu .grid button .lv{position:absolute;right:4px;top:4px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;box-sizing:border-box;font:700 10px/15px sans-serif;font-style:normal;text-align:center;color:#fff;background:#6b4a52;pointer-events:none}.bk-group-menu .grid button .lv[data-lv="2"]{background:#b8323f}.bk-group-menu .grid button .lv[data-lv="3"]{background:#ff3a1a;box-shadow:0 0 6px #ff7a3a}body[data-tool]:not([data-tool=hand]) #game{cursor:crosshair}.bk-tools .bk-box{margin-top:4px;border-color:#b65cff;background:#a050ff29}.bk-tools .bk-box.on{background:#a050ff80;box-shadow:0 0 0 2px #d6a6ff}.bk-box-menu{position:fixed;z-index:20;padding:10px 12px;border-radius:14px;background:#14080cf2;border:2px solid #b65cff;color:#f2e2ff;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 16px);overflow:auto;max-width:calc(100vw - 80px)}.bk-box-menu h4{margin:0;font-size:14px}.bk-box-menu .tabs{display:flex;gap:4px}.bk-box-menu .tabs button{flex:1;font:inherit;font-size:12px;font-weight:700;padding:5px 8px;border-radius:8px;cursor:pointer;border:2px solid rgba(214,166,255,.35);background:transparent;color:#e6ccff}.bk-box-menu .tabs button.on{background:#a050ff8c;border-color:#d6a6ff;color:#fff}.bk-box-menu .grid{display:grid;grid-template-columns:repeat(4,76px);gap:6px}.bk-box-menu .grid button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px 6px;border-radius:10px;cursor:pointer;border:2px solid rgba(214,166,255,.3);background:#ffffff0f;color:#f2e2ff;font:inherit;font-size:11px;line-height:1.2}.bk-box-menu .grid button span{text-align:center;word-break:keep-all;overflow-wrap:anywhere}.bk-box-menu .grid button.on{border-color:#d6a6ff;background:#a050ff59}.bk-box-menu .grid button:hover{border-color:#e9cdff}.bk-box-menu .grid img{width:40px;height:40px;object-fit:contain}@media(max-width:520px){.bk-box-menu .grid{grid-template-columns:repeat(3,70px)}}.bk-tools .bk-summon.nudge{animation:bk-nudge 1.1s ease-in-out infinite}@keyframes bk-nudge{0%,to{box-shadow:0 0 #ffd65a00}50%{box-shadow:0 0 0 4px #ffd65ad9,0 0 14px 4px #ffbe3c99}}@media(prefers-reduced-motion:reduce){.bk-tools .bk-summon.nudge{animation:none;box-shadow:0 0 0 3px #ffd65ad9}}.bk-tools .bk-disaster{margin-top:4px;border-color:#ff7a1a;background:#ff6e1429}.bk-tools .bk-disaster.on{background:#ff6e148c;box-shadow:0 0 0 2px #ffb070}.bk-disaster-menu{position:fixed;z-index:20;padding:10px 12px;border-radius:14px;background:#14080cf2;border:2px solid #ff7a1a;color:#ffe0d0;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 16px);overflow:auto}.bk-disaster-menu h4{margin:0;font-size:14px}.bk-disaster-menu .grid{display:grid;grid-template-columns:repeat(4,76px);gap:6px}.bk-disaster-menu .grid button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px 6px;border-radius:10px;cursor:pointer;border:2px solid rgba(255,160,100,.35);background:#ffffff0f;color:#ffe0d0;font:inherit;font-size:11px;line-height:1.2}.bk-disaster-menu .grid button.on{border-color:#ffb070;background:#ff6e144d}.bk-disaster-menu .grid button img{width:38px;height:38px}@media(max-width:520px){.bk-disaster-menu .grid{grid-template-columns:repeat(3,72px)}}.bk-gloom{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.32;background:radial-gradient(ellipse at 50% 46%,transparent 52%,rgba(20,0,6,.55) 82%,rgba(8,0,3,.9) 100%)}.bk-tear{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#0a02049e;touch-action:none}.bk-tear .box{background:#1c0b10;border:2px solid #b01e34;border-radius:16px;padding:10px 12px 12px;box-shadow:0 10px 30px #00000080;max-width:calc(100vw - 32px)}.bk-tear h4{margin:0 0 6px;color:#ffb3bf;font-size:16px}.bk-tear canvas{display:block;border-radius:10px;touch-action:none;cursor:crosshair}.bk-tear .how{margin:6px 0 8px;color:#e8a0ad;font-size:12px}.bk-tear .row{display:flex;align-items:center;gap:8px}.bk-tear .cnt{flex:1;color:#ffd6dd;font-weight:700;font-size:14px}.bk-tear button{font:inherit;font-size:14px;font-weight:700;padding:8px 16px;border-radius:999px;cursor:pointer;border:2px solid #b01e34;background:transparent;color:#ffb3bf}.bk-tear button.done{background:#b01e34;color:#fff}.bk-tear .modes{display:flex;gap:6px;margin:0 0 8px}.bk-tear .modes button{flex:1;padding:6px 10px;font-size:13px}.bk-tear .modes button.on{background:#ffb3bf;color:#3a0610;border-color:#ffb3bf}.bk-cine{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;z-index:2}.bk-cine:before,.bk-cine:after{content:"";position:absolute;left:0;right:0;height:9vh;background:#000}.bk-cine:before{top:0}.bk-cine:after{bottom:0}.bk-rage{position:fixed;left:50%;bottom:calc(max(8px,env(safe-area-inset-bottom)) + 62px);transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;cursor:pointer;font:inherit;background:#180a0ed1;border:2px solid #8e1f33;color:#ffb3bf;font-size:12px;font-weight:900;white-space:nowrap}.bk-rage:hover{border-color:#ff5a6e;color:#fff}.bk-rage .track{display:none;width:clamp(90px,22vw,180px);height:10px;border-radius:999px;background:#2a1a10;overflow:hidden}.bk-rage.on .track{display:block}.bk-rage .bar{display:block;height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,#ff2a1a,#ff6a00);transition:width .25s}.bk-rage[data-mood="2"] .bar{background:linear-gradient(90deg,#ff7a1a,#ffb020)}.bk-rage[data-mood="1"] .bar{background:linear-gradient(90deg,#ffc400,#8ee070)}.bk-rage.on:not(.done){border-color:#ff4a1a;color:#ffd0c0}.bk-rage.done{border-color:#ffc400;color:#ffe14a;box-shadow:0 0 14px #ffc800b3;animation:bk-near .6s ease-in-out infinite alternate}.bk-rage-pop{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:21;width:min(92vw,360px);max-height:calc(100vh - 24px);overflow:auto;box-sizing:border-box;padding:14px 16px;border-radius:16px;background:#14080cf5;border:2px solid #ff5a6e;color:#ffe6ea;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 40px #0009}.bk-rage-pop h4{margin:0;font-size:17px;display:flex;align-items:center;gap:10px}.bk-rage-pop p{margin:0;font-size:12px;color:#ffc6cf;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}.bk-rage-pop .lv{display:flex;flex-direction:column;gap:6px}.bk-rage-pop .lv button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:12px;cursor:pointer;font:inherit;border:2px solid rgba(255,138,154,.35);background:#ffffff0d;color:#fff;font-size:14px}.bk-rage-pop .lv button:hover{border-color:#ff8a9a;background:#b01e3473}.bk-rage-pop .lv i{display:flex;gap:3px}.bk-rage-pop .lv i span{width:10px;height:14px;border-radius:3px;background:#3a1a1e}.bk-rage-pop .lv i span.on{background:linear-gradient(#ffb020,#ff2a1a)}.bk-rage-pop button.x,.bk-rage-pop .row button{font:inherit;font-size:13px;font-weight:700;padding:8px 18px;border-radius:999px;cursor:pointer;border:2px solid #ff8a9a;background:transparent;color:#ffd6dc;align-self:center}.bk-rage-pop .row{display:flex;gap:10px;justify-content:center;margin-top:4px}.bk-rage-pop .row button:first-child{background:#c0263e;color:#fff;border-color:#ff8a9a}.bk-result .rank{font-size:34px;font-weight:900;line-height:1;padding:2px 12px;border-radius:10px;background:#3a1018}.bk-result .rS{color:#ffe14a;text-shadow:0 0 12px #ffb000}.bk-result .rA{color:#ff8a9a}.bk-result .rB{color:#8ee0ff}.bk-result .rC{color:#c9b7bb}.bk-result .cm{font-size:13px;color:#fff;font-weight:700}.bk-result .stats{display:grid;grid-template-columns:1fr;gap:0}.bk-result .stats div{display:flex;justify-content:space-between;gap:6px;padding:4px 0;border-bottom:1px solid rgba(255,138,154,.18);font-size:12px}.bk-result .stats span{color:#ffb3bf}.bk-result h5{margin:4px 0 0;font-size:12px;color:#ffb3bf}.bk-result .causes{margin:0;padding-left:20px;font-size:12.5px}.bk-summon-menu .endless{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.bk-summon-menu .endless span{font-size:12px;font-weight:700;margin-right:4px}.bk-summon-menu .endless button{font:inherit;font-size:12px;padding:4px 9px;border-radius:999px;cursor:pointer;border:2px solid rgba(201,162,39,.4);background:transparent;color:#ffeec0}.bk-summon-menu .endless button.on{background:#c9a2278c;border-color:#ffd86a;color:#fff}.bk-group-menu .grid button .fav{position:absolute;left:4px;top:4px;min-width:15px;height:15px;border-radius:4px;font:700 10px/15px sans-serif;font-style:normal;text-align:center;color:#1a0306;background:#ffd86a;pointer-events:none}.bk-group-menu .bk-keys{margin:0;font-size:10.5px;color:#c9a0a8;line-height:1.4}.bk-summon-menu .revive{font:inherit;font-size:13px;font-weight:700;padding:7px 12px;border-radius:999px;cursor:pointer;border:2px solid #8ee0ff;background:#3c8cc859;color:#e6f8ff}.bk-summon-menu .revive:hover{background:#3c8cc899}.bk-summon-menu .pat{display:flex;flex-wrap:wrap;gap:4px}.bk-summon-menu .pat button{font:inherit;font-size:13px;min-width:30px;height:28px;padding:0 6px;border-radius:8px;cursor:pointer;border:2px solid rgba(201,162,39,.4);background:transparent;color:#ffeec0}.bk-summon-menu .pat button.on{background:#c9a2278c;border-color:#ffd86a;color:#fff}.bk-bowl{position:fixed;left:50%;top:calc(max(8px,env(safe-area-inset-top)) + 54px);transform:translate(-50%);z-index:4;pointer-events:none;display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:10px;background:#14080ce0;border:2px solid #ffd86a;color:#fff;font-weight:900}.bk-bowl b{font-size:12px;color:#ffd86a;margin-right:6px}.bk-bowl .c{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:2px solid rgba(255,216,106,.6);border-radius:4px;font-size:18px;color:#ffe14a}.bk-bowl .tot{min-width:54px;text-align:center;font-size:20px}.bk-bowl .tot small{font-size:11px;color:#c9a0a8}body.bk-bowling .toasts{top:calc(max(8px,env(safe-area-inset-top)) + 104px)}.bk-cook-menu button.all{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:8px 12px;border-radius:12px;cursor:pointer;font:inherit;border:2px solid #ff7a3a;background:#c83c1459;color:#fff}.bk-cook-menu button.all small{font-size:11px;color:#ffd6c0}.bk-cook-menu button.all:hover{background:#dc501e99}.buttons button.vil:before{content:"Lv" attr(data-lv);position:absolute;left:50%;bottom:-9px;transform:translate(-50%);font-size:10px;line-height:1;padding:2px 5px;border-radius:999px;background:#fff6dc;border:1.5px solid #f0cf7a;color:#a8740c;white-space:nowrap;pointer-events:none}#village .tabs{flex-wrap:wrap;row-gap:2px}#village .tabs button{flex:1 0 auto;min-width:18%;padding-left:2px;padding-right:2px}@media(max-width:420px){#village .tabs button{font-size:13px}}#village .tabs::-webkit-scrollbar{display:none}.vil-lv{white-space:nowrap}.vil-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:4px 0 2px}.vil-title{font-size:18px}.vil-lvbig{font-weight:700;color:#c98a10}.vil-xp .pbar{width:70%;height:10px}.vil-info .list-row b{flex:1}.vil-bag .acc-cell{gap:3px}.vil-bag .acc-cell .desc{font-weight:700;color:var(--sub)}.modal button.mini-act{font-size:11px;padding:3px 8px;margin-top:2px}.card .card-acts button.bye{background:#f4eefc;color:#7a5fae}.vil-book .acc-cell.unknown b{color:#b9cddb}.vil-book .acc-cell .rec{font-size:10px;color:#c98a10}.vil-count{font-size:12px;color:var(--sub);margin:2px 0 6px}.story-ch{margin:10px 0 4px;display:flex;align-items:baseline;gap:8px}.story-ch b{font-size:15px}.story-ch .lock{font-size:12px;color:#b9cddb}.story-talk{background:#f4f8fb;border-radius:12px;padding:8px 10px;font-size:13px;margin:4px 0}.story-talk .who{font-weight:700;color:var(--accent);margin-right:4px}.list-row .claim{flex:none}.skill-row{display:flex;align-items:center;gap:8px;padding:6px 2px;border-bottom:1px solid var(--line)}.skill-row .pic{width:44px;height:44px;flex:none}.skill-row .sk{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px;color:var(--sub)}.skill-row .sk b{color:var(--ink)}.cook-pick{display:flex;gap:8px;justify-content:center;margin:8px 0}.cook-slot{width:64px;height:64px;border-radius:14px;border:2px dashed #c6d5e0;display:flex;align-items:center;justify-content:center;background:#fbfdff}.cook-slot img{width:52px;height:52px}.acc-grid.pick .acc-cell.dim{opacity:.45}.shop-grid .item.locked{opacity:.6}.vil-todo{gap:8px}.vil-todo .text{flex:1;font-size:13px}.vil-got{margin-top:10px}.vil-got summary{cursor:pointer;font-weight:700;color:var(--accent);padding:6px 2px}.story-ch.next b{color:var(--sub)}.row-buttons.vil-farm-top button:disabled{opacity:.45}.vil-pick{display:flex;align-items:center;gap:6px;flex-wrap:wrap}