/* ============================================================
   The six app screens inside the HTML phone (canvas px = capture px ÷ 3.77).
   They use the site tokens, which ARE the app's tokens — so the phone
   follows light / dark exactly like the app does.
   ============================================================ */
.mno-app{
	--ph-dot:color-mix(in srgb,var(--mno-paper-dot) 90%,transparent);
	--coin-ink:#25324B;
	background-color:var(--mno-paper);
	background-image:radial-gradient(circle,var(--ph-dot) .9px,transparent 1.3px);
	background-size:11.67px 11.67px;background-position:4px 6px;
	color:var(--mno-ink);font-family:var(--mno-font-body);font-weight:600;font-size:11px;line-height:1.35;
}
.mno-device__screen{background:var(--mno-paper)}
.mno-app b,.mno-app strong{font-weight:inherit}
.mno-app .mno-icon{width:var(--i,16px);height:var(--i,16px)}

/* status bar */
.mno-app__status{position:absolute;inset-inline:0;inset-block-start:0;z-index:30;display:flex;align-items:center;justify-content:space-between;height:44px;padding:4px 24px 0 34px;font-family:-apple-system,"SF Pro Text",system-ui,sans-serif;font-weight:600;font-size:14px;color:var(--mno-ink)}
.mno-app__island{position:absolute;inset-inline-start:50%;inset-block-start:9px;width:92px;height:27px;margin-inline-start:-46px;border-radius:14px;background:#000}
.mno-app__sys{display:flex;align-items:center;gap:5px}
.mno-app__signal{width:16px;height:10px;background:linear-gradient(90deg,currentColor 0 3px,transparent 3px 4.3px,currentColor 4.3px 7.3px,transparent 7.3px 8.6px,currentColor 8.6px 11.6px,transparent 11.6px 12.9px,currentColor 12.9px);clip-path:polygon(0 70%,0 100%,100% 100%,100% 0)}
.mno-app__wifi{width:14px;height:10px;border-radius:14px 14px 0 0;background:currentColor;clip-path:polygon(50% 100%,0 25%,25% 0,75% 0,100% 25%)}
.mno-app__battery{position:relative;width:24px;height:11px;border-radius:3.5px;background:#34C759}
.mno-app__battery::after{content:"";position:absolute;inset-inline-end:-3px;inset-block-start:3.5px;width:2px;height:4px;border-radius:0 1px 1px 0;background:#34C759}
.mno-app[data-scene="entry"] .mno-app__status,.mno-app[data-scene="nudge"] .mno-app__status,.mno-app[data-scene="split"] .mno-app__status{color:var(--mno-ink)}

/* shared bits */
.mno-ph-sq{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border:2px solid var(--mno-ink);border-radius:4px 9px 5px 10px/9px 5px 9px 4px;background:var(--mno-card);color:var(--mno-ink)}
.mno-ph-sq.is-pink{background:var(--mno-pink);color:#25324B;border-color:#25324B}
.mno-ph-hl{background:linear-gradient(transparent 50%,var(--mno-marker) 50%,var(--mno-marker) 94%,transparent 94%);padding:0 2px}
.mno-ph-red{color:var(--mno-red-text);font-style:normal;font-weight:700}
.mno-ph-btn{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 14px;border:2px solid #25324B;border-radius:3px 9px 4px 10px/9px 4px 8px 3px;font-family:var(--mno-font-display);font-weight:800;font-size:12px;color:#25324B;transition:transform .15s}
.mno-ph-btn--pink{background:var(--mno-pink)}
.mno-ph-bigbtn{position:absolute;inset-inline:18px;bottom:26px;display:flex;align-items:center;justify-content:center;gap:7px;height:42px;padding:0 12px;border:2.5px solid #25324B;border-radius:4px 12px 6px 14px/12px 6px 10px 4px;background:var(--mno-yellow);color:#25324B;font-family:var(--mno-font-display);font-weight:800;font-size:14.5px;transition:transform .15s}
.mno-ph-bigbtn--pink{background:var(--mno-pink)}
.mno-ph-bigbtn b,.mno-ph-btn b{min-width:0;max-width:100%}
.mno-ph-label{margin:10px 0 6px !important;font-weight:600;font-size:10px;color:var(--mno-ink-2)}
.mno-ph-link{font-weight:600;font-size:11.5px;padding-bottom:3px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='4' viewBox='0 0 12 4'%3E%3Cpath d='M0 2c1.5 0 1.5-1.5 3-1.5S4.5 2 6 2s1.5 1.5 3 1.5S10.5 2 12 2' fill='none' stroke='%23A9D8FF' stroke-width='1.4'/%3E%3C/svg%3E") repeat-x 0 100%/12px 4px;width:max-content;max-width:100%}
.mno-ph-link--mint{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='4' viewBox='0 0 12 4'%3E%3Cpath d='M0 2c1.5 0 1.5-1.5 3-1.5S4.5 2 6 2s1.5 1.5 3 1.5S10.5 2 12 2' fill='none' stroke='%234CC79C' stroke-width='1.4'/%3E%3C/svg%3E")}
.mno-ph-seg{display:flex;border:2px solid var(--mno-ink);border-radius:14px 10px 15px 9px/10px 15px 9px 14px;overflow:hidden;background:var(--mno-card)}
.mno-ph-seg>span{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;height:30px;padding:0 6px;border-inline-end:2px solid var(--mno-ink);font-family:var(--mno-font-display);font-weight:800;font-size:11px;color:var(--mno-ink-2);transition:background-color .25s,color .25s}
.mno-ph-seg>span:last-child{border-inline-end:0}
.mno-ph-seg>span.is-on{background:var(--mno-yellow);color:#25324B}
.mno-ph-seg .mno-icon{--i:11px;flex:none}
.mno-ph-mascot{--mno-m-w:100px}
.mno-ph-mascot .mno-mascot__stage{filter:none}

/* ===== book ===== */
.mno-ph-book{position:absolute;inset:0;padding:52px 17px 0}
.mno-ph-book__head{display:flex;align-items:flex-start;gap:7px}
.mno-ph-book__head>div{flex:1;min-width:0}
.mno-ph-book__date{margin:6px 0 2px !important;font-weight:600;font-size:10.5px;color:var(--mno-ink-2)}
.mno-ph-book__title{font-family:var(--mno-font-display);font-weight:800;font-size:22.5px;line-height:1.15;white-space:nowrap}
.mno-ph-book__head .mno-ph-sq{margin-block-start:3px}
.mno-ph-mood{position:relative;height:150px;margin-block-start:12px}
.mno-ph-note{position:absolute;inset-inline-start:0;inset-block-start:0;width:178px;height:144px;padding:20px 12px 10px;border:2.2px solid #25324B;border-radius:4px 14px 6px 16px/14px 5px 12px 4px;background:var(--mno-note);color:#25324B;transform:rotate(-1.2deg);transition:opacity .3s,transform .4s var(--mno-ease-pop)}
.mno-ph-note::before{content:"";position:absolute;inset-block-start:-9px;inset-inline-start:58px;width:56px;height:15px;background:rgba(166,235,208,.9);border-inline:1.5px dashed rgba(37,50,75,.3)}
.mno-ph-note p{font-family:var(--mno-font-display);font-weight:700;font-size:11.4px;line-height:1.55;height:72px;overflow:hidden}
.mno-ph-note .mno-ph-btn{position:absolute;inset-inline-start:12px;bottom:12px;max-width:150px}
.mno-ph-note.is-hidden{opacity:0;transform:rotate(-1.2deg) scale(.9)}
.mno-ph-mood__cat{position:absolute;inset-inline-end:-6px;inset-block-start:14px;width:112px}
.mno-ph-mood__cat .mno-mascot{--mno-m-w:112px}
.mno-ph-totals{display:grid;grid-template-columns:1fr 1fr;padding-block:10px 9px;border-block:2px solid var(--mno-line)}
.mno-ph-total{position:relative;min-width:0;padding-inline-end:6px}
.mno-ph-total+.mno-ph-total{padding-inline-start:14px;border-inline-start:2px dashed var(--mno-line-dash)}
.mno-ph-total small{display:block;font-size:10px;font-weight:600;color:var(--mno-ink-2)}
.mno-ph-total b{display:block;margin-block-start:2px;font-family:var(--mno-font-display);font-weight:800;font-size:20px;line-height:1.2}
.mno-ph-wave{display:block;width:84%;height:6px;margin-block-start:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='6' viewBox='0 0 16 6'%3E%3Cpath d='M0 3c2 0 2-2 4-2s2 2 4 2 2 2 4 2 2-2 4-2' fill='none' stroke='%234CC79C' stroke-width='2'/%3E%3C/svg%3E") repeat-x 0 50%/16px 6px}
.mno-ph-wave--borrowed{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='6' viewBox='0 0 16 6'%3E%3Cpath d='M0 3c2 0 2-2 4-2s2 2 4 2 2 2 4 2 2-2 4-2' fill='none' stroke='%23FF7FAB' stroke-width='2'/%3E%3C/svg%3E")}
.mno-ph-sec{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-block:16px 4px}
.mno-ph-sec b{font-family:var(--mno-font-display);font-weight:800;font-size:15px}
.mno-ph-sec span{flex:none;font-size:11px;font-weight:600;padding-bottom:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='4' viewBox='0 0 10 4'%3E%3Cpath d='M0 2c1.2 0 1.2-1.4 2.5-1.4S3.7 2 5 2s1.2 1.4 2.5 1.4S8.8 2 10 2' fill='none' stroke='%23FF7FAB' stroke-width='1.2'/%3E%3C/svg%3E") repeat-x 0 100%/10px 4px}
.mno-ph-rows{margin:0;padding:0;list-style:none}
.mno-ph-row{position:relative;display:flex;align-items:center;gap:9px;height:52px;border-block-end:2px solid var(--mno-line);transition:opacity .3s,transform .4s var(--mno-ease-pop)}
.mno-ph-row__coin{position:relative;flex:none;width:40px;height:40px}
.mno-ph-row__coin .mno-coin{width:40px;height:40px}
.mno-ph-row__toad{position:absolute;width:26px;height:auto;inset-inline-start:22px;inset-block-start:-12px}
.mno-ph-redring{position:absolute;inset:-5px;width:50px;height:50px;overflow:visible}
.mno-ph-redring path{fill:none;stroke:var(--mno-red-pen);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;stroke-opacity:0}
.mno-ph-row.is-overdue .mno-ph-redring path{stroke-dashoffset:0;stroke-opacity:1;transition:stroke-dashoffset .6s var(--mno-ease-std)}
.mno-ph-row__who{flex:1;min-width:0;display:flex;flex-direction:column}
.mno-ph-row__who b{font-family:var(--mno-font-display);font-weight:800;font-size:13.5px;line-height:1.25}
.mno-ph-row__who small{font-size:10.5px;font-weight:600;color:var(--mno-ink-2)}
.mno-ph-row__who em{font-style:normal}
.mno-ph-row__amt{flex:none;max-width:92px;font-family:var(--mno-font-display);font-weight:800;font-size:14px}
.mno-ph-row .mno-ph-sq{width:30px;height:30px}
.mno-ph-row .mno-ph-sq .mno-icon{--i:14px}
.mno-ph-row.is-hidden{opacity:0;transform:translateX(-14px) scale(.96)}
.mno-ph-row.is-born{animation:mno-ph-born .7s var(--mno-ease-pop)}
@keyframes mno-ph-born{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.04);opacity:1}100%{transform:none}}
.mno-ph-tabs{position:absolute;inset-inline:14px;bottom:18px;z-index:5;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;height:52px;padding:0 6px;border:2.5px solid var(--mno-ink);border-radius:18px 14px 20px 13px/14px 20px 13px 18px;background:var(--mno-card)}
.mno-ph-tab{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0;font-weight:700;font-size:9.5px}
.mno-ph-tab i{display:grid;place-items:center;width:36px;height:22px;border-radius:12px}
.mno-ph-tab.is-current i{background:var(--mno-tab-on)}
.mno-ph-tab b{max-width:100%}
.mno-ph-plus{justify-self:center;display:grid;place-items:center;width:46px;height:46px;margin-block-start:-22px;border:2.5px solid #25324B;border-radius:50%;background:var(--mno-pink);color:#25324B;transition:transform .15s}
.mno-ph-dim{position:absolute;inset:0;z-index:20;background:rgba(21,26,40,.32);opacity:0;pointer-events:none;transition:opacity .35s}
.mno-app[data-scene="entry"] .mno-ph-dim,.mno-app[data-scene="nudge"] .mno-ph-dim,.mno-app[data-scene="split"] .mno-ph-dim{opacity:1}

/* ===== sheets (entry, nudge, split) ===== */
.mno-scr--sheet{z-index:25}
.mno-ph-sheet{position:absolute;inset-inline:0;inset-block:44px 0;padding:22px 17px 0;border-top:2.5px solid var(--mno-ink);border-radius:26px 26px 0 0;background-color:var(--mno-paper);background-image:radial-gradient(circle,var(--ph-dot) .9px,transparent 1.3px);background-size:11.67px 11.67px;transform:translateY(0);transition:transform .45s cubic-bezier(.2,.9,.25,1)}
.mno-scr--sheet:not(.is-shown) .mno-ph-sheet{transform:translateY(105%)}
.mno-ph-grab{position:absolute;inset-inline-start:50%;inset-block-start:7px;width:34px;height:4.5px;margin-inline-start:-17px;border-radius:3px;background:rgba(92,103,133,.45)}
.mno-ph-sheet__head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px}
.mno-ph-sheet__head>b{font-family:var(--mno-font-display);font-weight:800;font-size:21px}

/* entry */
.mno-ph-dir{display:flex;margin-block-start:14px;border:2.2px solid var(--mno-ink);border-radius:14px 10px 15px 9px/10px 15px 9px 14px;overflow:hidden;background:var(--mno-card)}
.mno-ph-dir span{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;height:34px;padding:0 6px;font-family:var(--mno-font-display);font-weight:800;font-size:11.5px;color:var(--mno-ink-2)}
.mno-ph-dir span+span{border-inline-start:2.2px solid var(--mno-ink)}
.mno-ph-dir span.is-on{background:var(--mno-yellow);color:#25324B}
.mno-ph-dir .mno-coin{flex:none}
.mno-ph-typebox{position:relative;height:94px;margin-block-start:44px;padding:14px 14px 10px;border:2.5px solid var(--mno-ink);border-radius:8px 16px 10px 18px/16px 8px 14px 6px;background:var(--mno-card)}
.mno-ph-typebox__peek{position:absolute;inset-inline-end:34px;inset-block-start:-46px;width:74px;height:52px;overflow:hidden}
.mno-ph-typebox__peek .mno-mascot{--mno-m-w:74px}
.mno-ph-typed{font-family:var(--mno-font-display);font-weight:800;font-size:16px;line-height:1.5;color:var(--mno-ink);min-height:24px}
.mno-ph-typed mark{color:inherit;background:linear-gradient(transparent 55%,var(--mno-marker) 55%,var(--mno-marker) 95%,transparent 95%);padding:0 2px;transition:background-size .3s}
.mno-ph-typed.is-typing mark{background:none}
.mno-ph-typed.is-typing::after{content:"";display:inline-block;width:2px;height:17px;margin-inline-start:1px;vertical-align:-3px;background:var(--mno-ink);animation:mno-caret .9s steps(2) infinite}
@keyframes mno-caret{50%{opacity:0}}
.mno-ph-chips{display:flex;flex-wrap:wrap;gap:6px;margin-block-start:10px}
.mno-ph-chip{display:inline-flex;align-items:center;gap:3px;max-width:100%;height:26px;padding:0 8px;border:2px solid var(--mno-ink);border-radius:3px 8px 4px 9px/8px 4px 7px 3px;background:var(--mno-card);font-size:11px;transition:opacity .25s,transform .3s var(--mno-ease-pop)}
.mno-ph-chip small{flex:none;font-size:11px;font-weight:600;color:var(--mno-ink-2)}
.mno-ph-chip b{font-weight:700}
.mno-ph-chip .mno-icon{--i:11px;flex:none}
.mno-ph-chip.is-empty{opacity:0;transform:scale(.85)}
.mno-ph-recent{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.mno-ph-person{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;font-size:10.5px;font-weight:600}
.mno-ph-person b{max-width:100%}
.mno-ph-avatar,.mno-ph-mini{display:grid;place-items:center;border:2px solid #25324B;border-radius:50%;color:#25324B;font-family:var(--mno-font-display);font-weight:800;font-style:normal}
.mno-ph-avatar{width:30px;height:30px;font-size:11.5px}
.mno-ph-person.is-on .mno-ph-avatar{box-shadow:0 0 0 2px var(--mno-paper),0 0 0 4px var(--mno-ink)}
.mno-ph-avatar--yellow{background:var(--mno-yellow)}
.mno-ph-avatar--pink{background:var(--mno-pink)}
.mno-ph-avatar--mint{background:var(--mno-mint)}
.mno-ph-avatar--sky{background:var(--mno-sky)}
.mno-ph-avatar--note{background:var(--mno-note)}
.mno-ph-more{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-block-start:12px;padding:7px 12px;border:2px solid var(--mno-ink);border-radius:6px 14px 8px 15px/14px 6px 12px 5px;background:var(--mno-card)}
.mno-ph-more>span{display:flex;flex-direction:column;min-width:0}
.mno-ph-more b{font-family:var(--mno-font-display);font-weight:800;font-size:12.5px}
.mno-ph-more small{font-size:10px;color:var(--mno-ink-2)}
.mno-scr--sheet .mno-ph-link{margin-block-start:10px !important}

/* nudge */
.mno-ph-sheet--nudge{padding-top:18px}
.mno-ph-nudgehead{display:flex;align-items:center;gap:10px}
.mno-ph-nudgehead>span:last-child{display:flex;flex-direction:column;min-width:0}
.mno-ph-nudgehead b{font-family:var(--mno-font-display);font-weight:800;font-size:19px;line-height:1.2}
.mno-ph-nudgehead small{font-size:10px;font-weight:600;color:var(--mno-ink-2)}
.mno-ph-card{position:relative;margin-block-start:56px;padding:14px 14px 10px;border:2.4px solid #25324B;border-radius:6px 14px 8px 16px/14px 6px 12px 5px;background:#fff;color:#25324B;transform:rotate(.4deg)}
.mno-ph-card__peek{position:absolute;inset-inline-start:50%;inset-block-start:-50px;width:76px;height:52px;margin-inline-start:-38px;overflow:hidden;opacity:0;transform:translateY(12px);transition:opacity .25s,transform .35s var(--mno-ease-pop)}
.mno-ph-card__peek .mno-mascot{--mno-m-w:76px}
.mno-ph-card__peek--blunt{width:64px;margin-inline-start:-32px;height:48px;inset-block-start:-44px}
.mno-ph-card__peek--blunt .mno-mascot{--mno-m-w:64px}
.mno-ph-sheet--nudge[data-voice="sweet"] .mno-ph-card__peek--sweet,
.mno-ph-sheet--nudge[data-voice="tease"] .mno-ph-card__peek--tease,
.mno-ph-sheet--nudge[data-voice="blunt"] .mno-ph-card__peek--blunt{opacity:1;transform:none}
.mno-ph-card__tape{position:absolute;inset-inline-end:-16px;inset-block-start:-6px;width:52px;height:15px;background:rgba(255,168,197,.85);transform:rotate(38deg)}
.mno-ph-card__hi{font-family:var(--mno-font-display);font-weight:700;font-size:11px;color:#5C6785}
.mno-ph-card__msg{margin-block-start:6px !important;height:76px;overflow:hidden;font-family:var(--mno-font-display);font-weight:800;font-size:13.2px;line-height:1.5;transition:opacity .2s}
.mno-ph-card__msg mark{color:inherit;background:var(--mno-yellow);padding:0 2px}
.mno-ph-card__msg.is-swap{opacity:0}
.mno-ph-card__pay{display:flex;align-items:center;gap:12px;margin-block-start:8px;padding-block-start:9px;border-block-start:2px dashed rgba(37,50,75,.35)}
.mno-ph-qr{flex:none;width:52px;height:52px;shape-rendering:crispEdges}
.mno-ph-card__pay>span{display:flex;flex-direction:column;min-width:0}
.mno-ph-card__pay b{font-family:var(--mno-font-display);font-weight:800;font-size:19px;line-height:1.15}
.mno-ph-card__pay small{font-size:9.5px;color:#5C6785}
.mno-ph-card__pay strong{font-size:10px;font-weight:700}
.mno-ph-card__wm{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-block-start:6px !important;font-family:var(--mno-font-display);font-weight:700;font-size:9.5px;color:#5C6785}
.mno-ph-edit{display:flex;align-items:center;gap:5px;width:max-content;margin:9px 0 0 auto;padding:4px 10px;border:2px solid var(--mno-ink);border-radius:3px 8px 4px 9px/8px 4px 7px 3px;background:var(--mno-card);font-family:var(--mno-font-display);font-weight:800;font-size:11px}
.mno-ph-sheet--nudge .mno-ph-bigbtn{bottom:62px}
.mno-ph-sheet--nudge .mno-ph-link{position:absolute;inset-inline-start:50%;bottom:40px;transform:translateX(-50%);margin:0 !important}
.mno-ph-commit{position:absolute;inset-inline:18px;bottom:12px;text-align:center;font-size:9.5px;color:var(--mno-ink-2);transition:opacity .2s}

/* split */
.mno-ph-sheet--split .mno-ph-sheet__head{position:relative}
.mno-ph-split__hihi{position:absolute;inset-inline-end:44px;inset-block-start:-14px;width:54px}
.mno-ph-split__hihi .mno-mascot{--mno-m-w:54px}
.mno-ph-stepdots{display:flex;gap:7px;margin:6px 0 8px !important}
.mno-ph-stepdots i{width:8px;height:8px;border-radius:50%;background:var(--mno-ink)}
.mno-ph-stepdots i.is-on{background:var(--mno-yellow);box-shadow:inset 0 0 0 1.6px #25324B}
.mno-ph-items{margin:6px 0 0;padding:0;list-style:none}
.mno-ph-item{display:flex;align-items:center;justify-content:space-between;gap:8px;height:42px;border-block-end:1.6px solid var(--mno-line)}
.mno-ph-item>span:first-child{display:flex;flex-direction:column;min-width:0}
.mno-ph-item b{font-family:var(--mno-font-display);font-weight:800;font-size:12px}
.mno-ph-item small{font-size:9.5px;color:var(--mno-ink-2)}
.mno-ph-eaters{display:flex;gap:3px;flex:none}
.mno-ph-mini{width:19px;height:19px;font-size:7.5px;border-width:1.6px;transition:opacity .25s,background-color .25s}
.mno-ph-mini.is-off{background:transparent !important;border-style:dashed;color:var(--mno-ink-2);border-color:var(--mno-ink-2)}
.mno-ph-additem{display:flex;align-items:center;gap:6px;margin-block-start:8px !important;font-family:var(--mno-font-display);font-weight:800;font-size:12px}
.mno-ph-results{display:grid;grid-template-columns:1fr 1fr;gap:3px 14px;margin-block-start:9px;padding:8px 12px;border:2px solid var(--mno-ink);border-radius:6px 14px 8px 15px/14px 6px 12px 5px;background:var(--mno-card)}
.mno-ph-results span{display:flex;justify-content:space-between;gap:6px;min-width:0;font-size:11px}
.mno-ph-results em{font-style:normal;font-family:var(--mno-font-display);font-weight:800;transition:color .3s}
.mno-ph-results em.is-roll{animation:mno-roll .4s var(--mno-ease-std)}
@keyframes mno-roll{0%{transform:translateY(6px);opacity:0}100%{transform:none;opacity:1}}
.mno-ph-spot{display:flex;flex-wrap:wrap;gap:5px}
.mno-ph-spot span{padding:3px 9px;border:1.8px solid var(--mno-ink);border-radius:3px 7px 4px 8px/7px 4px 6px 3px;background:var(--mno-card);font-family:var(--mno-font-display);font-weight:800;font-size:10.5px}
.mno-ph-splitfoot{position:absolute;inset-inline:18px;bottom:76px;text-align:center;font-size:10.5px;font-weight:600}
.mno-ph-sheet--split .mno-ph-bigbtn{bottom:26px}

/* ===== home: coin's home ===== */
.mno-scr--home{padding:58px 18px 0;text-align:center}
.mno-ph-hometitle{font-family:var(--mno-font-display);font-weight:800;font-size:27px;line-height:1.2}
.mno-ph-hometitle__wave{display:block;width:62%;height:8px;margin:4px auto 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='8' viewBox='0 0 20 8'%3E%3Cpath d='M0 4c2.5 0 2.5-3 5-3s2.5 3 5 3 2.5 3 5 3 2.5-3 5-3' fill='none' stroke='%23FFE45C' stroke-width='3'/%3E%3C/svg%3E") repeat-x 0 50%/20px 8px}
.mno-ph-homestage{position:relative;height:250px;margin-block-start:10px}
.mno-ph-homestage__cat{position:absolute;inset-inline-start:14px;inset-block-start:24px;width:92px}
.mno-ph-homestage__toad{position:absolute;inset-inline-start:40px;inset-block-start:128px;width:104px}
.mno-ph-homestage .mno-mascot{--mno-m-w:100%}
.mno-ph-jar{position:absolute;inset-inline-end:16px;inset-block-start:52px;width:112px;height:140px;overflow:visible}
.mno-ph-jar__new{opacity:0}
.mno-ph-jar.is-filled .mno-ph-jar__new{opacity:1;transition:opacity .2s .1s}
.mno-ph-flycoin{position:absolute;inset-inline-start:150px;inset-block-start:150px;width:30px;height:30px;opacity:0}
.mno-ph-spark{position:absolute;width:12px;height:12px;background:var(--mno-pink);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.mno-ph-spark--1{inset-inline-start:118px;inset-block-start:30px;background:var(--mno-yellow);transform:scale(1.2)}
.mno-ph-spark--2{inset-inline-end:8px;inset-block-start:40px}
.mno-ph-spark--3{inset-inline-start:96px;inset-block-start:118px;background:var(--mno-sky)}
.mno-ph-homerow{display:flex;align-items:center;justify-content:space-between;gap:10px;height:42px;padding:0 12px;border:2.4px solid var(--mno-ink);border-radius:6px 14px 8px 15px/14px 6px 12px 5px;background:var(--mno-card);font-family:var(--mno-font-display);font-weight:800;font-size:12.5px}
.mno-ph-homerow>b{position:relative;flex:none;font-size:15px}
.mno-ph-strike{position:absolute;inset-inline:-3px;inset-block-start:4px;width:calc(100% + 6px);height:14px;overflow:visible}
.mno-ph-strike path{fill:none;stroke:var(--mno-red-pen);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;stroke-opacity:0}
.mno-ph-homerow.is-struck .mno-ph-strike path{stroke-dashoffset:0;stroke-opacity:1;transition:stroke-dashoffset .5s var(--mno-ease-std)}
.mno-ph-homesub{display:flex;align-items:center;justify-content:center;gap:5px;margin-block-start:12px !important;color:var(--mno-green);font-weight:700;font-size:11.5px}
.mno-ph-homesub .mno-icon{--i:13px;flex:none}
.mno-ph-badge{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin-block-start:10px;padding:5px 10px;border:2px solid #25324B;border-radius:3px 8px 4px 9px/8px 4px 7px 3px;background:var(--mno-mint);color:#25324B;font-family:var(--mno-font-display);font-weight:800;font-size:11.5px}
.mno-ph-badge .mno-icon{--i:14px;flex:none}
.mno-scr--home .mno-ph-link{margin:22px auto 0 !important}
.mno-scr--home .mno-ph-bigbtn{bottom:30px}

/* ===== shop ===== */
.mno-scr--shop{padding:52px 17px 0}
.mno-ph-shophead{display:flex;align-items:center;gap:10px;margin-block-start:6px}
.mno-ph-shophead>b{flex:1;min-width:0;font-family:var(--mno-font-display);font-weight:800;font-size:21px}
.mno-ph-fishpill{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border:2px solid #25324B;border-radius:14px 10px 15px 9px/10px 15px 9px 14px;background:var(--mno-mint);color:#25324B;font-family:var(--mno-font-display);font-weight:800;font-size:13px}
.mno-ph-preview{position:relative;height:154px;margin-block-start:10px;border:2.4px solid var(--mno-ink);border-radius:8px 16px 10px 18px/16px 8px 14px 6px;background:var(--mno-tint-note)}
.mno-ph-preview__cat{position:absolute;inset-inline-start:50%;inset-block-start:4px;width:100px;margin-inline-start:-50px}
.mno-ph-preview__cat .mno-mascot{--mno-m-w:100px}
.mno-ph-preview__fish{position:absolute;inset-inline-end:8px;inset-block-start:70px;display:grid;place-items:center;width:34px;height:34px;border:2px solid #25324B;border-radius:50%;background:var(--mno-mint);color:#25324B}
.mno-ph-species{position:absolute;inset-inline:6px;bottom:6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.mno-ph-species span{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0;height:30px;padding:0 4px;border:2px solid var(--mno-ink);border-radius:4px 10px 5px 11px/10px 5px 9px 4px;background:var(--mno-card);font-family:var(--mno-font-display);font-weight:800;font-size:10.5px}
.mno-ph-species span.is-on{background:var(--mno-yellow);color:#25324B;border-color:#25324B}
.mno-ph-species img{flex:none;width:22px;height:auto}
.mno-ph-seg--tabs{margin-block-start:10px}
.mno-ph-slots{display:flex;gap:5px;margin-block-start:8px;overflow:hidden}
.mno-ph-slots span{flex:none;padding:3px 9px;border:2px solid var(--mno-ink);border-radius:3px 7px 4px 8px/7px 4px 6px 3px;background:var(--mno-card);font-family:var(--mno-font-display);font-weight:800;font-size:10.5px}
.mno-ph-slots span.is-on{background:var(--mno-yellow);color:#25324B;border-color:#25324B}
.mno-ph-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-block-start:9px}
.mno-ph-cell{position:relative;display:grid;place-items:center;height:84px;border:2.2px solid var(--mno-ink);border-radius:6px 14px 8px 15px/14px 6px 12px 5px;background:var(--mno-card);transition:background-color .25s,transform .15s}
.mno-ph-cell img{width:62px;height:62px;margin-block-start:-10px}
.mno-ph-cell.is-on{background:var(--mno-tint-note-2)}
/* The visitor's own taps ([data-try], walkthrough.js): a pointer, a lift, a press. */
.mno-app [data-try]{cursor:pointer}
@media (hover:hover){.mno-app [data-try]:not(.is-pressed):hover{translate:0 -1.5px}}
.mno-app [data-try]{transition:translate .15s var(--mno-ease-std),transform .15s,background-color .25s}
.mno-app .is-tried{animation:mno-tried .34s var(--mno-ease-pop)}
@keyframes mno-tried{0%{transform:none}35%{transform:scale(.9)}100%{transform:none}}
.mno-ph-price{position:absolute;bottom:6px;inset-inline-start:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:3px;padding:1px 8px;border-radius:9px;background:var(--mno-mint);color:#25324B;font-family:var(--mno-font-display);font-weight:800;font-size:9.5px;font-style:normal}
.mno-ph-price--pro{background:var(--mno-yellow)}
.mno-ph-price .mno-icon{--i:10px}
.mno-ph-buy{position:absolute;inset-inline:0;bottom:0;padding:8px 17px 0;height:104px;border-block-start:1.6px solid var(--mno-line);background:var(--mno-paper)}
.mno-ph-buy>b{display:block;font-family:var(--mno-font-display);font-weight:800;font-size:16px}
.mno-scr--shop .mno-ph-bigbtn{bottom:18px}