@import url('https://fonts.googleapis.com/css2?family=DotGothic16&family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap');
:root{--ink:#365c5b;--muted:#7d9992;--line:#729d94;--mint:#c5e6dc;--paper:#fbfff8;--pink:#efd0da;--rose:#a35d7d}*{box-sizing:border-box}body{margin:0;background-color:#eef5ed;background-image:linear-gradient(#a6c6b224 1px,transparent 1px),linear-gradient(90deg,#a6c6b224 1px,transparent 1px);background-size:24px 24px;color:var(--ink);font:14px 'Noto Sans JP',sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--rose);outline-offset:4px}button:hover:enabled{filter:brightness(.98)}button:active:enabled{transform:translateY(2px)}[hidden]{display:none!important}.site-header{height:72px;padding:0 max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid #cbded1;background:#fcfff9cc;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;letter-spacing:.1em;font-weight:800;font-size:16px}.brand-icon{font:30px 'DotGothic16',monospace;color:var(--rose)}.brand small{font-size:10px;letter-spacing:.03em;font-weight:500;margin-left:10px;border-left:1px solid #c6d6ca;padding-left:18px}.help{border:0;background:none;font-size:11px}.help span{border:1px solid var(--line);padding:1px 5px;margin-left:6px}main{width:min(100% - 32px,660px);margin:33px auto 0}.desktop-note{display:flex;align-items:center;justify-content:center;gap:9px;font:11px 'DotGothic16',monospace;letter-spacing:.12em;color:var(--muted);margin-bottom:18px}.dot{width:6px;height:6px;background:#88b5a0;box-shadow:0 0 0 3px #d9e9dc}.window{padding:7px;border:2px solid var(--line);background:var(--mint);box-shadow:inset 2px 2px #f4fff2,inset -2px -2px #a7cdbe,7px 7px 0 #b4cebc55}.titlebar{height:35px;display:flex;align-items:center;gap:9px;background:#a9d3c4;border:1px solid var(--line);padding:0 10px;font:12px 'DotGothic16',monospace;letter-spacing:.04em;box-shadow:inset 1px 1px #dff5df}.titlebar>span:first-child{color:#fff4bc;font-size:19px;text-shadow:1px 1px #8ca18a}.window-tools{margin-left:auto;letter-spacing:.15em}.window-tools b{font-weight:400}.menubar{font:10px 'DotGothic16',monospace;display:flex;gap:18px;padding:10px 11px}.menu-right{margin-left:auto;font:8px monospace;letter-spacing:.09em;color:#81a697}.paper{background:var(--paper);border:2px solid var(--line);box-shadow:inset 2px 2px #e9f3df}.screen{padding:35px 39px;animation:appear .2s ease-out}.home{text-align:center;padding:30px 35px 28px}.edition{font:9px monospace;letter-spacing:.21em;color:#8ca698;margin:0 0 22px}.heart{color:#c984a3;font:60px/1 'DotGothic16',monospace;margin:19px auto 20px;filter:drop-shadow(3px 3px 0 #eed5d9);width:max-content}.overline{font-size:11px;letter-spacing:.12em;color:#8a9d8e;margin-bottom:12px}h1{font:30px/1.65 'DotGothic16',sans-serif;letter-spacing:.02em;margin:0 0 18px}h1 span{color:var(--rose)}.intro{font-size:12px;line-height:2.1;color:#7b9287;margin:0 0 23px}.portraits{display:flex;justify-content:center;gap:11px;margin:0 auto 30px}.portraits img{width:72px;height:78px;object-fit:cover;background:#edf4eb;border:4px solid #fffef5;outline:1px solid #aac3ad;box-shadow:3px 3px #dbe7d7}.portraits img:nth-child(odd){transform:rotate(-5deg)}.portraits img:nth-child(even){transform:rotate(5deg)}.primary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 21px;min-height:51px;width:100%;background:var(--pink);border:1px solid #b58ba0;box-shadow:inset 2px 2px #fff0ee,inset -2px -2px #dcb1c3,3px 3px #eadcde;color:#925c77;font-size:13px;font-weight:600}.home .primary{max-width:340px;margin:auto}.home-meta{display:flex;gap:20px;justify-content:center;color:#91a598;font-size:9px;margin:16px 0 24px}.home-note{border-top:1px dashed #cddccc;padding-top:17px;font-size:10px;letter-spacing:.04em;color:#91a18e}.statusbar{display:flex;justify-content:space-between;gap:5px;margin-top:7px;font:9px 'DotGothic16',monospace;color:#658d7b}.statusbar span{border:1px solid #9cbdab;padding:5px 8px;background:#d5e9d8}.statusbar span:first-child{flex:1}footer{text-align:center;color:#8aa28c;padding:25px 0 30px}footer>span{font:12px 'DotGothic16',monospace;letter-spacing:.15em}footer small{display:block;font-size:9px;margin-top:11px;color:#a0afa0}footer a{color:inherit;text-underline-offset:3px}h2{font:24px/1.6 'DotGothic16',sans-serif;margin:0 0 12px}h2:focus{outline:none}.sub{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 25px}fieldset{border:0;margin:30px 0;padding:0}legend{font-size:12px;margin-bottom:13px}legend>span{font:11px monospace;color:#a68b9c;margin-right:9px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.options label{position:relative;cursor:pointer}.options input{position:absolute;left:14px;top:20px;accent-color:#b47995}.options label>span{display:block;padding:16px 8px 16px 39px;background:#f5f8ef;border:1px solid #cfdbca}.options input:checked+span{background:#f9e9ed;border:1px solid #bd8da3;box-shadow:inset 0 0 0 1px #e9c5d3}.options strong{font-size:17px;font-weight:500}.options small{display:block;font-size:9px;margin-top:9px;color:#8d9a8a}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;font-size:11px;color:#84978c;padding:10px 0}form>.text-button{display:block;margin:16px auto 0}.match{padding:25px 22px}.match-top{display:flex;justify-content:space-between;align-items:center;font:11px monospace;color:#88a18e;margin-bottom:23px}.round{font:11px 'DotGothic16';border:1px solid #a9c3ad;background:#e7f0df;padding:6px 10px}.match h2,.match>.sub{text-align:center}.match h2{font-size:23px}.match>.sub{font-size:11px;margin-bottom:22px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;position:relative}.face{background:#fffef6;border:1px solid #a8beac;padding:5px;box-shadow:3px 3px #e0e8d9;text-align:left;min-width:0}.face img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#e9efdf}.face>span{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:12px 4px}.face small{font:9px monospace;color:#9aa793}.face b{font-size:10px;color:#a16a87;font-weight:500}.face:hover:enabled{outline:2px solid #c28aa4;outline-offset:2px}.vs{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);display:grid;place-items:center;width:30px;height:30px;background:#fbfff8;border:1px solid #a8beac;font:10px monospace;pointer-events:none}.notice{font-size:11px;line-height:1.8;color:var(--rose);min-height:18px;text-align:center;margin:12px 0}.progress-caption{display:flex;justify-content:space-between;font-size:9px;color:#8fa18c;margin:24px 0 9px}progress{appearance:none;width:100%;height:9px;border:1px solid #b1c7af;background:#edf3e7;display:block}progress::-webkit-progress-bar{background:#edf3e7}progress::-webkit-progress-value{background:repeating-linear-gradient(90deg,#c493ac 0,#c493ac 8px,#f1dce3 8px,#f1dce3 10px)}.match-actions{display:flex;justify-content:space-between;margin-top:12px}.transition{text-align:center;padding-top:48px;padding-bottom:40px}.transition .primary{margin-top:30px}.transition>.text-button{margin-top:18px}.transition>p:not(.edition):not(.sub){font-size:12px;color:#9b8190}.result{text-align:center;padding:29px 35px 24px}.result-badge{display:inline-block;font-size:10px;background:#f8e6ed;border:1px solid #e4c4d2;color:#a4728d;padding:5px 12px;margin-bottom:14px}.result h2{font-size:24px;margin-bottom:22px}.result h2 span{font-size:31px;color:var(--rose)}.winner-photo{max-width:310px;padding:7px 7px 0;margin:0 auto 21px;border:1px solid #b7cbb2;background:#fffef5;box-shadow:4px 4px #dce7d4;transform:rotate(-1deg)}.winner-photo img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.winner-photo p{font:9px monospace;color:#9aab91;margin:12px 0}.tags{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.tags span{font-size:10px;color:#9d6e87;border:1px solid #e1c4d1;background:#f9edf0;padding:5px 9px}.result-copy{font-size:11px;line-height:2;color:#8b9c87;margin:19px 0 26px}.runner{display:flex;gap:16px;text-align:left;align-items:center;border-top:1px dashed #c7d5bf;border-bottom:1px dashed #c7d5bf;padding:19px 0;margin-bottom:26px;position:relative}.runner img{width:83px;height:83px;object-fit:cover;border:3px solid #fff;outline:1px solid #bfcfb6}.runner small{font-size:9px;color:#9c8c96}.runner h3{font:18px 'DotGothic16';margin:9px 0 7px}.runner p{font-size:9px;color:#92a18c;margin:0}.rank{margin-left:auto;color:#c8d8bf;font:26px monospace}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.result-actions button{background:#edf4e5;border:1px solid #b6c9b0;font-size:10px;padding:13px 6px}.disclaimer{font-size:9px;line-height:1.9;color:#a5afa0;margin:21px 0 0}dialog{border:2px solid var(--line);background:var(--mint);padding:6px;width:min(90%,460px);color:var(--ink);box-shadow:6px 6px #6e8b7540}dialog::backdrop{background:#354e4c66}.dialog-body{background:var(--paper);padding:25px;font-size:12px;line-height:2}.dialog-body h2{font-size:21px}.dialog-body .primary{margin-top:20px}@keyframes appear{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media(max-width:540px){.site-header{height:59px;padding:0 17px}.brand{font-size:13px;gap:7px}.brand small{display:none}.help{font-size:10px}main{margin-top:25px;width:calc(100% - 24px)}.desktop-note{font-size:9px;letter-spacing:.04em;margin-bottom:15px}.window{padding:5px;box-shadow:4px 4px #b4cebc55}.titlebar{height:32px}.menubar{gap:16px;font-size:9px;padding:10px 8px}.menu-right{font-size:7px}.screen{padding:28px 18px}.home{padding:25px 15px}.edition{font-size:8px;letter-spacing:.12em;margin-bottom:20px}.heart{font-size:51px;margin:20px auto}.overline{font-size:9px}h1{font-size:26px;line-height:1.65}.intro{font-size:10px}.portraits{gap:9px;margin-bottom:26px}.portraits img{width:55px;height:61px;border-width:3px}.primary{font-size:12px;padding:14px 15px}.home-meta{font-size:8px;gap:15px}.home-note{font-size:8px}.statusbar{font-size:8px}.statusbar span{padding:5px}.statusbar span:last-child{font-size:7px}.options{gap:8px}.options small{font-size:8px}.options label>span{padding-left:31px}.options input{left:9px}.match{padding:20px 11px}.match h2{font-size:20px}.pair{gap:12px}.face{padding:3px}.face>span{flex-direction:column;align-items:flex-start;gap:7px;padding:9px 3px}.face b{font-size:9px}.vs{width:24px;height:24px;font-size:8px}.match-top{margin-bottom:20px}.result{padding:27px 17px 20px}.result h2{font-size:22px}.result h2 span{font-size:28px}.winner-photo{max-width:270px}.runner{gap:12px}.runner small{font-size:8px}.runner img{width:70px;height:70px}.runner h3{font-size:17px}.runner p{font-size:8px}.rank{font-size:21px}.result-actions button{font-size:9px}.transition{padding:40px 18px}.transition h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
.ai-note{display:inline-block;margin-top:7px;font-size:9px;color:#899982}.share-x{display:block;text-decoration:none;background:#365c5b;border:1px solid #234746;color:#fff;padding:15px 9px;font-size:11px;margin-top:15px;box-shadow:3px 3px #ceddcc}.share-x:hover{background:#244947}.share-note{font-size:9px;line-height:1.8;color:#97a18e;margin:10px 0}.ad-area{margin:24px 0;text-align:center;border-top:1px solid #d3ddcc;padding:15px 0}.ad-area>span{display:block;font-size:9px;color:#8e9c87;margin-bottom:12px}.legal{line-height:2;font-size:13px}.legal h1{font-size:25px;line-height:1.6}.legal h2{font-size:19px;margin:28px 0 12px}.legal h3{font-size:15px;margin:20px 0 8px}.legal p{color:#6d8272}.legal ul{padding-left:20px;color:#6d8272}.legal a{color:#935d7d}.type-card{border:1px solid #c7d7bf;padding:14px 18px;margin:14px 0;background:#f7fbf0}.type-card h2{margin:0 0 6px}.type-card p{margin:0}.legal-links{display:flex;gap:18px;justify-content:center;font-size:11px;margin-top:25px}

.ad-area:has(.adsbygoogle[data-ad-status="unfilled"]){display:none}