@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&family=Zen+Maru+Gothic:wght@500;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@700;900&family=Dela+Gothic+One&display=swap";:root{--ink:#242033;--muted:#696477;--paper:#f7f7fc;--line:#dedee9;--accent:#a034ee;--accent-light:#efe1ff;--accent-ink:#7720b7;--red:#f41b48;--blue:#2855fa;--pink:#ff369a;--purple:#a034ee}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans JP,sans-serif;line-height:1.8}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button{background:0 0;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{overflow-wrap:anywhere}h1:focus,h2:focus{outline:none}img,svg{display:block}[hidden]{display:none!important}.site-wrap{max-width:1200px;margin:auto;padding:0 40px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:90px;display:flex}.brand{letter-spacing:.05em;align-items:center;gap:11px;font-size:1.0625rem;font-weight:900;line-height:1.1;display:flex}.brand-mark{background:var(--ink);color:#fff;border-radius:12px;place-content:center;width:42px;height:42px;padding-bottom:5px;font:700 33px Georgia,serif;display:grid}.brand small{letter-spacing:.09em;color:var(--muted);margin-top:7px;font-size:.75rem;font-weight:500;display:block}nav{align-items:center;gap:20px;display:flex}.quiet-button{padding:8px 0;font-size:.875rem;font-weight:700}.quiet-button:hover{color:var(--accent-ink)}.share-button{border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:700}.share-button:active{box-shadow:none;transform:translate(2px,2px)}main{padding:32px 0 44px}.title-block{text-align:center;margin-bottom:26px}.eyebrow{letter-spacing:.19em;color:var(--accent-ink);font-size:.75rem;font-weight:800}.title-block h1{letter-spacing:-.035em;justify-content:center;align-items:baseline;gap:4px;margin:5px 0 8px;font-family:Zen Maru Gothic,sans-serif;font-size:1.75rem;font-weight:900;line-height:1.5;display:flex}.title-block h1>span{font-size:2.375rem}.title-block h1 small{letter-spacing:0;margin-left:12px;font-family:Georgia,serif;font-size:1.3125rem;font-weight:400}.intro{color:var(--muted);font-size:.9375rem}.quiz-panel{border:2px solid var(--ink);background:#fff;border-radius:22px;max-width:1000px;margin:auto;padding:22px 30px 18px;overflow:hidden;box-shadow:6px 6px #e4e1ed}.panel-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.step-label{letter-spacing:.1em;align-items:baseline;gap:8px;font-size:.75rem;font-weight:800;display:flex}.step-label b{letter-spacing:0;font-size:1.6875rem;line-height:1.2}.step-label>span{color:var(--muted);letter-spacing:0;font-size:.875rem;font-weight:500}.time-note{color:var(--muted);font-size:.8125rem}.progress-track{background:#efedf4;border-radius:4px;height:5px;margin:14px 0 20px;overflow:hidden}.progress-track>span{background:var(--accent);width:0;height:100%;transition:width .55s,background 1s;display:block}.quiz-panel h2{text-align:center;min-height:41px;margin:0 auto 5px;font-family:Zen Maru Gothic,sans-serif;font-size:1.5rem;font-weight:900;line-height:1.7}.choice-stage{grid-template-columns:minmax(0,1fr) 250px minmax(0,1fr);align-items:center;gap:20px;max-width:865px;margin:0 auto;display:grid}.answer{text-align:center;background:#fff;border:2px solid #dedbe7;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:192px;padding:26px 21px 18px;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;display:flex;position:relative}.option-label{border:2px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.875rem;font-weight:800;line-height:1;display:grid;position:absolute;top:-15px;left:calc(50% - 15px)}.answer-text{text-wrap:balance;max-width:240px;font-size:1.0625rem;font-weight:700;line-height:1.9}.choose-hint{color:var(--muted);margin-top:5px;font-size:.75rem}@media (hover:hover){.answer:hover:not(:disabled){border-color:var(--accent);background:var(--accent-light);box-shadow:0 5px 0 var(--accent);transform:translateY(-3px)}}.answer.is-picked{border-color:var(--accent);background:var(--accent-light);box-shadow:0 4px 0 var(--accent)}.answer.is-picked .option-label{background:var(--accent);color:#fff;border-color:var(--accent)}.answer:disabled:not(.is-picked){opacity:.65}.bottle-stage{text-align:center;padding:13px 0 4px;position:relative}.bottle-label{letter-spacing:.16em;color:var(--muted);font-size:.75rem;font-weight:800;display:block}.bottle-svg{width:100%;height:auto;overflow:visible}.bottle-stage #bottle-mount{width:196px;height:264px;margin:auto}.bottle-caption{color:var(--accent-ink);margin-top:2px;font-size:.8125rem;font-weight:700;display:block}.drops-count{color:var(--muted);margin-top:1px;font-size:.75rem}.drops-count b{color:var(--ink);font-size:1.1875rem;font-weight:800}.fluid-level,.fluid-surface{transition:y .65s,height .65s,cy .65s,fill .8s}.fluid-stop{transition:stop-color 1s}.marble-group{transition:opacity 1s}.swirl{transform-origin:110px 202px;animation:10s ease-in-out infinite alternate swirl}.swirl.s2{animation-duration:13s;animation-direction:alternate-reverse}.swirl.s3{animation-duration:8s}.drop{fill:var(--drop-color,var(--accent));opacity:0}.bubble{opacity:.7;animation:3.8s ease-in-out infinite bubble}.bubble.second{animation-delay:-1.7s}.cap{opacity:0}.is-full .cap{opacity:1}.is-full .completion-label{animation:.4s .12s both label-on}.quiz-bottom{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding-top:13px;display:flex}.back-button{border-bottom:1px solid;padding:2px 0;font-size:.8125rem}.back-button:disabled{opacity:.3;border-color:#0000}#answer-note{color:var(--muted);text-align:right;font-size:.75rem}.families{flex-wrap:wrap;justify-content:center;gap:24px;margin:24px 0 4px;font-size:.8125rem;font-weight:700;display:flex}.families>span{align-items:center;gap:7px;display:flex}.families i{border:1px solid var(--ink);border-radius:3px;width:9px;height:15px}.red-dot{background:var(--red)}.blue-dot{background:var(--blue)}.pink-dot{background:var(--pink)}.purple-dot{background:var(--purple)}.quiz-footnote{text-align:center;color:var(--muted);margin-top:8px;font-size:.75rem}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;padding:23px 0 28px;font-size:.75rem;display:flex}footer b{border:1px solid var(--line);border-radius:3px;margin-left:5px;padding:2px 4px;font-size:.75rem;font-weight:600}.result-heading{text-align:center;margin:6px 0 28px}.result-heading h1{margin-top:5px;font-family:Zen Maru Gothic,sans-serif;font-size:1.8125rem;font-weight:900;line-height:1.6}.result-panel{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--accent-light);background:#fff;border-radius:20px;grid-template-columns:.92fr 1.08fr;display:grid;overflow:hidden}.result-art{border-right:1.5px solid var(--ink);background:#fafafa;justify-content:center;align-items:center;min-height:410px;padding:43px 10px 22px;display:flex;position:relative}.specimen-number{letter-spacing:.1em;color:var(--accent-ink);font-size:.75rem;font-weight:800;position:absolute;top:16px;left:20px}.portrait{isolation:isolate;background:#fafafa;flex-shrink:0;display:block;position:relative;overflow:hidden}.portrait img{pointer-events:none;max-width:none;display:block;position:absolute}.result-art>.portrait{width:98%;max-width:510px}.result-bottle{filter:drop-shadow(2px 3px #fff);width:102px;position:absolute;bottom:10px;right:4px}.result-copy{min-width:0;padding:30px 30px 28px}.family-chip{background:var(--accent-light);color:var(--accent-ink);border-radius:5px;align-items:center;gap:6px;padding:4px 9px;font-size:.75rem;font-weight:800;display:inline-flex}.family-chip i{background:var(--accent);border-radius:50%;width:7px;height:7px}.type-code{color:var(--muted);letter-spacing:.1em;margin:17px 0 4px;font-size:.75rem;font-weight:800;display:block}.type-name{letter-spacing:-.04em;font-family:Zen Maru Gothic,sans-serif;font-size:1.9375rem;font-weight:900;line-height:1.5}.type-name.is-long{font-size:1.625rem}.type-name small{letter-spacing:0;margin-left:6px;font-size:.8125rem;display:inline-block}.type-quote{color:var(--accent-ink);margin:13px 0;font-size:1.0625rem;font-weight:700}.type-description{font-size:.9375rem;line-height:2}.tag-list{color:var(--accent-ink);flex-wrap:wrap;gap:6px 12px;margin-top:17px;font-size:.75rem;font-weight:700;display:flex}.result-actions{justify-content:center;gap:12px;margin:27px 0 9px;display:flex}.primary-button,.secondary-button{text-align:center;border:1.5px solid var(--ink);border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:9px 22px;font-size:.875rem;font-weight:800;line-height:1.8;display:inline-flex}.primary-button{background:var(--ink);color:#fff;box-shadow:3px 3px 0 var(--accent)}.primary-button:hover{background:var(--accent-ink)}.secondary-button{background:#fff}.share-note{text-align:center;color:var(--muted);margin:10px 0 28px;font-size:.75rem}.result-details{grid-template-columns:1fr 1fr;gap:22px;margin-top:30px;display:grid}.detail-panel{border:1.5px solid var(--ink);background:#fff;border-radius:14px;min-width:0;padding:24px}.section-eyebrow{letter-spacing:.15em;color:var(--accent-ink);font-size:.75rem;font-weight:800}.section-title{margin:3px 0 20px;font-family:Zen Maru Gothic,sans-serif;font-size:1.3125rem;font-weight:900;line-height:1.5}.mix-row+.mix-row{margin-top:19px}.mix-axis{color:var(--muted);margin-bottom:5px;font-size:.75rem;font-weight:700}.mix-labels{justify-content:space-between;align-items:baseline;gap:7px;font-size:.8125rem;display:flex}.mix-labels b{margin-left:5px;font-size:1.1875rem;line-height:1.2}.mix-labels small{font-size:.75rem;font-weight:500}.mix-labels .dominant{color:var(--accent-ink);font-weight:800}.mix-bar{background:#e9e7ef;border-radius:5px;height:9px;margin-top:6px;display:flex;overflow:hidden}.mix-bar .left{background:var(--accent)}.mix-bar .right{background:#cbc4da}.mix-note{color:var(--muted);margin-top:17px;font-size:.75rem;line-height:1.8}.manual-list{margin:0}.manual-list>div{border-top:1px dashed var(--line);padding:13px 0}.manual-list>div:first-child{border:0;padding-top:0}.manual-list dt{color:var(--accent-ink);letter-spacing:.06em;margin-bottom:4px;font-size:.75rem;font-weight:800}.manual-list dd{margin:0;font-size:.875rem;line-height:1.9}.manual-stamp{border:1px solid var(--accent-ink);color:var(--accent-ink);border-radius:4px;margin-top:8px;padding:3px 9px;font-size:.75rem;font-weight:700;display:inline-block;transform:rotate(-2deg)}.guide-combination{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.guide-combination>span{border:1px solid var(--line);background:#faf9fd;border-radius:5px;padding:4px 10px;font-size:.8125rem}.guide-note{color:var(--muted);margin-top:10px;font-size:.875rem}.compat-section{margin-top:32px}.compat-heading{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.compat-heading h2{font-family:Zen Maru Gothic,sans-serif;font-size:1.375rem;font-weight:900}.compat-heading p{color:var(--muted);font-size:.75rem}.compat-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.compat-card{border:1.5px solid var(--ink);text-align:left;background:#fff;border-radius:13px;grid-template-columns:120px 1fr;align-items:center;gap:12px;padding:18px;display:grid}.compat-card:hover{border-color:var(--accent);box-shadow:3px 3px 0 var(--accent-light)}.compat-card .portrait{border-radius:9px;width:120px}.compat-kicker{color:var(--accent-ink);margin-bottom:5px;font-size:.75rem;font-weight:800;display:block}.compat-card h3{font-family:Zen Maru Gothic,sans-serif;font-size:1.125rem;font-weight:900;line-height:1.5}.compat-card p{color:var(--muted);margin-top:5px;font-size:.8125rem;line-height:1.8}.compat-card .compat-id{color:var(--accent-ink);margin-left:6px;font-size:.75rem;font-weight:800}.compat-note{color:var(--muted);margin-top:10px;font-size:.75rem}.luvlinx-panel{background:var(--accent-light);border-radius:14px;justify-content:space-between;align-items:center;gap:22px;margin-top:28px;padding:23px 28px;display:flex}.luvlinx-panel h2{margin:3px 0 5px;font-family:Zen Maru Gothic,sans-serif;font-size:1.25rem;font-weight:900;line-height:1.5}.luvlinx-panel p{max-width:620px;font-size:.875rem;line-height:1.8}.luvlinx-panel>a{flex-shrink:0}.result-links{flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:28px;display:flex}.result-links :is(a,button){text-underline-offset:5px;padding:5px 0;font-size:.875rem;text-decoration:underline}.result-links :is(a,button):hover{color:var(--accent-ink)}.gallery-heading{justify-content:space-between;align-items:center;gap:20px;margin:4px 0 34px;display:flex}.gallery-heading h1{margin:5px 0;font-family:Zen Maru Gothic,sans-serif;font-size:1.9375rem;font-weight:900;line-height:1.5}.gallery-heading p:not(.eyebrow){color:var(--muted);font-size:.875rem}.gallery-heading>.secondary-button{flex-shrink:0}.family-section+.family-section{margin-top:38px}.family-title{align-items:center;gap:10px;margin-bottom:14px;font-family:Zen Maru Gothic,sans-serif;font-size:1.375rem;font-weight:900;line-height:1.5;display:flex}.family-title>i{border:1.5px solid var(--ink);background:var(--accent);border-radius:4px;flex-shrink:0;width:12px;height:22px}.family-title small{color:var(--accent-ink);letter-spacing:.1em;margin-left:auto;font-family:Noto Sans JP,sans-serif;font-size:.75rem;font-weight:700}.type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.type-card{border:1.5px solid var(--ink);text-align:left;background:#fff;border-radius:14px;min-width:0;padding:10px 10px 18px;transition:transform .18s,box-shadow .18s;overflow:hidden}.type-card .portrait{border-radius:9px;width:100%;margin-bottom:10px}.card-id{color:var(--accent-ink);letter-spacing:.07em;padding:0 4px;font-size:.75rem;font-weight:800;display:block}.type-card h3{min-height:28px;margin:4px 4px 6px;font-family:Zen Maru Gothic,sans-serif;font-size:1.0625rem;font-weight:900;line-height:1.6}.type-card p{color:var(--muted);padding:0 4px;font-size:.75rem;line-height:1.8}.gallery-axis-key{color:var(--muted);text-align:center;margin:25px 0 0;font-size:.75rem}#toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;z-index:50;text-align:center;border-radius:10px;max-width:calc(100vw - 32px);padding:12px 22px;font-size:.875rem;transition:opacity .2s,transform .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);box-shadow:0 5px 20px #21183320}#toast.visible{opacity:1;transform:translate(-50%)}dialog{border:2px solid var(--ink);width:calc(100% - 32px);max-width:500px;color:var(--ink);border-radius:16px;padding:25px}dialog::backdrop{background:#24203366}dialog h2{font-size:1.375rem}dialog p{margin:10px 0;font-size:.875rem}dialog input{border:1px solid var(--line);border-radius:6px;width:100%;margin:16px 0;padding:12px;font-size:.875rem;display:block}dialog button{width:100%}.noscript{max-width:600px;margin:60px auto;padding:20px}.noscript h1{font-size:1.5rem}.noscript p{margin-top:15px}.is-finishing .bottle-caption{color:var(--accent-ink)}@keyframes pour{0%{opacity:0;transform:translateY(-20px)scale(.7)}15%{opacity:1}80%{opacity:1;transform:translateY(150px)scale(.8,1.4)}to{opacity:0;transform:translateY(205px)scale(2,.3)}}@keyframes swirl{0%{transform:translate(-12px)rotate(-12deg)}to{transform:translate(18px,-10px)rotate(17deg)}}@keyframes bubble{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.75;transform:translateY(-12px)}}@keyframes label-on{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width>=1100px){.quiz-panel{padding-left:40px;padding-right:40px}}@media (width<=900px){.site-wrap{padding:0 24px}.choice-stage{grid-template-columns:minmax(0,1fr) 204px minmax(0,1fr);gap:14px}.quiz-panel{padding:20px}.answer{min-height:190px;padding:24px 15px 17px}.answer-text{font-size:1rem}.result-copy{padding:24px}.type-name{font-size:1.75rem}.type-name.is-long{font-size:1.5rem}.result-art{min-height:380px}.compat-card{grid-template-columns:85px 1fr;gap:12px;padding:15px}.compat-card .portrait{width:85px}.type-grid{gap:11px}.type-card h3{font-size:1rem}.luvlinx-panel{padding:20px}.result-bottle{width:85px}.type-description{font-size:.875rem}}@media (width<=650px){.site-wrap{padding:0 17px}.site-header{gap:10px;min-height:73px}.brand{letter-spacing:.025em;gap:8px;font-size:.8125rem}.brand-mark{border-radius:9px;width:35px;height:35px;font-size:1.75rem}.brand small{margin-top:4px;font-size:.75rem}nav{gap:12px}.quiet-button,.share-button{font-size:.75rem}.share-button{box-shadow:2px 2px 0 var(--ink);padding:6px 9px}main{padding:24px 0 32px}.title-block{margin-bottom:20px}.eyebrow{letter-spacing:.15em;font-size:.75rem}.title-block h1{flex-wrap:wrap;gap:2px;margin:4px 0;font-size:1.3125rem}.title-block h1>span{font-size:1.8125rem}.title-block h1 small{margin-left:5px;font-size:1rem}.intro{font-size:.8125rem}.quiz-panel{border-radius:17px;padding:15px 16px 14px;box-shadow:4px 4px #e4e1ed}.step-label{gap:5px;font-size:.75rem}.step-label b{font-size:1.4375rem}.step-label>span,.time-note{font-size:.75rem}.progress-track{height:4px;margin:12px 0 14px}.quiz-panel h2{justify-content:center;align-items:center;max-width:320px;min-height:63px;font-size:1.1875rem;line-height:1.65;display:flex}.choice-stage{grid-template-columns:1fr 1fr;gap:16px 12px;max-width:400px}.bottle-stage{grid-area:1/1/auto/-1;padding:1px 0 7px}.bottle-label{display:none}.bottle-stage #bottle-mount{width:126px;height:170px}.bottle-caption{margin-top:0;font-size:.75rem}.drops-count{white-space:nowrap;font-size:.75rem;position:absolute;top:80px;left:calc(50% + 58px)}.drops-count b{font-size:1.0625rem}.answer{border-radius:12px;grid-row:2;gap:4px;min-height:153px;padding:23px 12px 13px}.answer-text{font-size:.875rem;line-height:1.85}.option-label{width:26px;height:26px;font-size:.75rem;top:-13px;left:calc(50% - 13px)}.choose-hint{margin-top:9px;font-size:.75rem}.quiz-bottom{gap:7px;margin-top:16px;padding-top:10px}.back-button{white-space:nowrap;font-size:.75rem}#answer-note{max-width:210px;font-size:.75rem;line-height:1.7}.families{gap:9px 16px;margin-top:20px;font-size:.75rem}.families i{width:7px;height:12px}.families>span{gap:5px}.quiz-footnote{font-size:.75rem}footer{flex-direction:column;gap:7px;padding-top:19px;font-size:.75rem}footer b{font-size:.75rem}.result-heading{margin:0 0 21px}.result-heading h1{font-size:1.4375rem}.result-panel{max-width:460px;box-shadow:4px 4px 0 var(--accent-light);border-radius:17px;grid-template-columns:1fr;margin:auto}.result-art{border-right:0;border-bottom:1.5px solid var(--ink);min-height:0;padding:36px 13px 10px}.result-art>.portrait{width:90%;max-width:320px}.result-bottle{width:78px;bottom:8px;right:9px}.specimen-number{font-size:.75rem;top:12px;left:16px}.result-copy{padding:22px}.type-code{margin:13px 0 4px;font-size:.75rem}.type-name{font-size:1.75rem}.type-name.is-long{font-size:1.4375rem}.type-quote{margin:10px 0;font-size:.9375rem;line-height:1.9}.type-description{font-size:.875rem;line-height:2}.tag-list{gap:5px 10px;margin-top:13px;font-size:.75rem}.result-actions{gap:10px;margin:23px 0 8px}.primary-button,.secondary-button{min-height:46px;padding:10px 15px;font-size:.8125rem}.result-actions>*{flex:1;max-width:230px}.share-note{margin:10px 0 20px;font-size:.75rem;line-height:1.8}.result-details{grid-template-columns:1fr;gap:18px;margin-top:23px}.detail-panel{padding:20px}.section-title{margin-bottom:20px;font-size:1.3125rem}.section-eyebrow,.mix-axis{font-size:.75rem}.mix-labels{font-size:.875rem}.mix-labels b{font-size:1.375rem}.mix-bar{height:10px}.mix-note{font-size:.75rem}.manual-list dd{font-size:.875rem}.compat-section{margin-top:27px}.compat-heading{margin-bottom:13px;display:block}.compat-heading h2{font-size:1.3125rem}.compat-heading p{margin-top:3px;font-size:.75rem}.compat-grid{grid-template-columns:1fr;gap:12px}.compat-card{grid-template-columns:90px 1fr;padding:15px}.compat-card .portrait{width:90px}.compat-card h3{font-size:1.125rem}.compat-card p,.compat-note{font-size:.75rem}.luvlinx-panel{flex-direction:column;align-items:stretch;gap:16px;margin-top:23px;padding:20px}.luvlinx-panel h2{font-size:1.25rem}.luvlinx-panel p{font-size:.875rem}.result-links{gap:10px 20px}.result-links :is(a,button){font-size:.8125rem}.gallery-heading{align-items:flex-start;gap:12px;margin-bottom:25px}.gallery-heading h1{font-size:1.5rem}.gallery-heading p:not(.eyebrow){max-width:240px;font-size:.75rem}.gallery-heading>.secondary-button{min-height:37px;padding:6px 10px;font-size:.75rem}.family-title{gap:8px;font-size:1.1875rem}.family-title small{font-size:.75rem}.family-title>i{width:10px;height:18px}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.type-card{border-radius:12px;padding:7px 7px 13px}.type-card h3{min-height:24px;margin:4px 3px 5px;font-size:.9375rem;line-height:1.7}.type-card p,.card-id{padding:0 3px;font-size:.75rem}.family-section+.family-section{margin-top:27px}.gallery-axis-key{font-size:.75rem}}@media (width<=360px){.site-wrap{padding:0 12px}.brand>span:last-child{font-size:.75rem}nav{gap:9px}.title-block h1{font-size:1.1875rem}.title-block h1>span{font-size:1.625rem}.title-block h1 small{font-size:.875rem}.quiz-panel{padding:14px 12px}.answer-text{font-size:.8125rem}.question-text{font-size:1.125rem}.type-name.is-long{font-size:1.3125rem}.type-card h3{font-size:.875rem}.family-title small{letter-spacing:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.drop.pouring{opacity:0}}.type-description,.manual-list dd,.luvlinx-panel p,.answer-text{font-size:1rem}.quiet-button,.share-button,.back-button{font-size:.875rem}.time-note,.brand small{font-size:.75rem}.type-card h3{font-size:1rem}.primary-button,.secondary-button,.result-links :is(a,button){font-size:.875rem}.result-copy .type-quote{font-size:1rem}@media (width<=650px){.quiz-panel h2{font-size:1.25rem}.answer{min-height:170px}.type-card p{font-size:.75rem}.gallery-heading>.secondary-button,.brand{font-size:.8125rem}.quiz-bottom{align-items:flex-start}.manual-stamp,.family-title small{font-size:.75rem}}.drop{transform-origin:110px 12px;filter:drop-shadow(0 1px #24203326)}.drop.pouring{animation:.61s cubic-bezier(.48,.08,.83,.68) forwards teardrop-pour}@keyframes teardrop-pour{0%{opacity:0;transform:translateY(-16px)scale(.65,.8)}16%{opacity:1;transform:translateY(-7px)scale(.85,1.03)}79%{opacity:1;transform:translateY(calc(var(--drop-end,200px) * .85)) scale(.9,1.12)}94%{opacity:.9;transform:translateY(var(--drop-end,200px)) scale(1,.9)}to{opacity:0;transform:translateY(var(--drop-end,200px)) scale(1.45,.3)}}.portrait{aspect-ratio:1;display:block;position:relative;overflow:visible;background:0 0!important}.portrait img{object-fit:contain;pointer-events:none;width:100%;max-width:100%;height:100%;position:static}.type-card{background:#fff}.type-card .portrait{background:var(--accent-light)!important;background:color-mix(in srgb,var(--accent) 5%,white)!important}.type-card .portrait img{padding:7px}.compat-card .portrait{background:0 0!important}#result-view{max-width:1020px;margin:8px auto 0}.record-sheet{background:#fff;border:1px solid #292636;padding:0;overflow:hidden;box-shadow:0 12px 40px #24203308,6px 6px #e4e2ec}.record-heading{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;gap:20px;padding:28px 32px 24px;display:flex}.record-status{color:var(--muted);letter-spacing:.045em;margin-bottom:4px;font-size:.8125rem}.record-heading h1{letter-spacing:.11em;font-size:2rem;font-weight:700;line-height:1.6}.record-id{border-left:1px solid var(--line);text-align:right;min-width:140px;padding-left:24px}.record-id span{letter-spacing:.08em;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem}.record-id b{letter-spacing:-.065em;color:var(--accent-ink);margin-top:5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:3.25rem;font-weight:500;line-height:1.1;display:block}.record-main{border-bottom:1px solid var(--ink);grid-template-columns:42% 58%;display:grid}.chart-visual{border-right:1px solid var(--line);background-color:#fff;background-image:linear-gradient(#24203306 1px,#0000 1px),linear-gradient(90deg,#24203306 1px,#0000 1px);background-size:26px 26px;justify-content:center;align-items:center;min-width:0;min-height:415px;padding:38px 18px 45px;display:flex;position:relative}.chart-visual>.portrait{filter:drop-shadow(0 12px 8px #2420330a);width:100%;max-width:380px}.chart-figure-title{letter-spacing:.075em;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;position:absolute;top:15px;left:19px}.chart-figure-caption{letter-spacing:.13em;color:var(--accent-ink);font-size:.75rem;font-weight:700;position:absolute;bottom:17px;left:19px}.chart-potion{filter:drop-shadow(0 3px 1px #fff);width:78px;position:absolute;bottom:12px;right:10px;transform:rotate(7deg)}.record-identity{min-width:0;padding:28px 30px 26px}.record-identity .family-chip{border:1px solid var(--accent);letter-spacing:.02em;background:0 0;border-radius:0;padding:3px 10px;font-size:.75rem;font-weight:600}.record-field-label{letter-spacing:.1em;color:var(--muted);margin:20px 0 3px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem}.record-identity .type-name{letter-spacing:-.045em;font-family:Noto Sans JP,sans-serif;font-size:2.15rem;font-weight:800;line-height:1.55}.record-identity .type-name small{letter-spacing:0;font-weight:500}.record-identity .type-quote{margin:11px 0 17px;font-size:1rem;font-weight:600;line-height:1.85}.record-axes{border-block:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:10px 0;display:grid}.record-axes>span{text-align:center;white-space:nowrap;border-right:1px solid var(--line);padding:0 4px;font-size:.8125rem}.record-axes>span:last-child{border-right:0}.record-axes small{color:var(--muted);margin-bottom:3px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;line-height:1.4;display:block}.chart-observation{margin-top:18px}.chart-observation h3{color:var(--muted);letter-spacing:.16em;margin-bottom:7px;font-size:.8125rem;font-weight:500}.chart-observation .type-description{font-size:1rem;line-height:2}.record-identity .tag-list{gap:4px 11px;margin-top:15px;font-size:.75rem;font-weight:500}.record-details{grid-template-columns:1fr 1fr;display:grid}.record-details>.detail-panel{background:0 0;border:0;border-radius:0;padding:28px 30px}.record-details .section-eyebrow{color:var(--muted);letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;font-weight:500}.record-details .section-title{letter-spacing:.04em;margin-top:3px;font-family:Noto Sans JP,sans-serif;font-size:1.2rem;font-weight:700}.record-details .mix-axis{font-size:.75rem;font-weight:500}.record-details .mix-labels{font-size:.875rem}.record-details .mix-labels b{letter-spacing:-.025em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.45rem;font-weight:600}.record-details .mix-bar{background:#efedf3;border-radius:999px;height:8px;position:relative}.record-details .mix-fill{background:var(--accent);border-radius:inherit;position:absolute;top:0;bottom:0}.record-details .mix-fill.is-left{left:0}.record-details .mix-fill.is-right{right:0}.record-details .mix-note{color:var(--muted);font-size:.75rem}.record-details .manual-list dt{font-size:.8125rem;font-weight:600}.record-details .manual-list dd{font-size:1rem;line-height:1.9}.record-details .manual-list>div{border:0}.record-details .manual-stamp{letter-spacing:.035em;border:0;border-radius:0;margin-top:18px;padding:0;font-family:Zen Maru Gothic,Noto Sans JP,sans-serif;font-size:1.125rem;font-weight:700;line-height:1.7;display:block;transform:none}.record-details .manual-stamp>span,.record-details .manual-stamp>strong{display:block}.record-details .manual-stamp>strong{letter-spacing:.015em;font-size:1.375rem;font-weight:900}.record-preference{border-top:1px solid var(--line);align-items:baseline;gap:22px;padding:19px 30px;display:flex}.record-preference>span{letter-spacing:.08em;color:var(--muted);flex-shrink:0;font-size:.8125rem}.record-preference p{font-size:.9375rem;line-height:1.9}.record-bottomline{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;gap:20px;padding:14px 30px;display:flex}.record-bottomline>span:first-child{letter-spacing:.04em;color:var(--muted);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem}.record-stamp{color:var(--accent-ink);letter-spacing:.17em;border:1px solid;flex-shrink:0;padding:2px 12px;font-size:.875rem;transform:rotate(-5deg)}#result-view .result-actions{margin-top:29px}#result-view .share-note{margin-bottom:34px}#result-view .primary-button{box-shadow:3px 3px 0 var(--accent);border-radius:3px}#result-view .secondary-button{border-radius:3px}#result-view .compat-heading h2{font-family:Noto Sans JP,sans-serif;font-size:1.25rem;font-weight:700}#result-view .compat-card{border-color:#d9d5e2;border-radius:5px}#result-view .compat-card:hover{border-color:var(--accent)}#result-view .compat-card h3{font-family:Noto Sans JP,sans-serif;font-size:1.1rem;font-weight:700}#result-view .result-links{margin:30px 0 44px}.destiny-section{color:#fff;background:#191720;border-radius:3px;padding:46px 42px 32px;position:relative;overflow:hidden}.destiny-section:before{content:"";pointer-events:none;background:radial-gradient(at 12% 37%,#b632ac22,#0000 48%),radial-gradient(at 90% 48%,#5142b324,#0000 50%);position:absolute;inset:0}.destiny-heading{text-align:center;margin-bottom:27px;position:relative}.destiny-kicker{letter-spacing:.2em;color:#b5aac7;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem}.destiny-label{letter-spacing:.2em;color:#f1c5e2;margin:12px 0 8px;font-size:.9375rem}.destiny-heading h2{letter-spacing:.035em;font-size:1.95rem;font-weight:700;line-height:1.7}.destiny-intro{color:#c0bacb;margin-top:8px;font-size:.875rem}.mobile-break{display:none}.destiny-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;display:grid;position:relative}.destiny-card{opacity:1;min-width:0;transform:none}.destiny-card.reveal-pending{opacity:0;transition:opacity .85s ease var(--reveal-delay,0s),transform 1.05s cubic-bezier(.2,.65,.3,1) var(--reveal-delay,0s);transform:translateY(25px)}.destiny-card.is-revealed{opacity:1;transform:translateY(0)}.destiny-art{isolation:isolate;border-bottom:1px solid #ffffff29;justify-content:center;align-items:flex-end;height:365px;display:flex;position:relative;overflow:hidden}.destiny-art img{object-fit:contain;object-position:center bottom;z-index:1;width:100%;height:100%;padding:12px 10px 0;position:relative;-webkit-mask-image:linear-gradient(#000 86%,#0000 100%);mask-image:linear-gradient(#000 86%,#0000 100%)}.destiny-art:before{content:"";z-index:0;background:radial-gradient(at bottom,#78618b35,#0000 69%);position:absolute;inset:20% 0 0}.destiny-number{letter-spacing:.09em;color:#aaa1b7;writing-mode:vertical-rl;z-index:2;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;position:absolute;top:11px;left:0}.destiny-art-name{letter-spacing:.01em;color:#ffffff0d;z-index:0;font-family:Georgia,serif;font-size:4rem;line-height:1;position:absolute;bottom:13px;right:0}.destiny-copy{padding:18px 6px 5px}.destiny-tag{letter-spacing:.04em;color:#c4b7d4;margin-bottom:3px;font-size:.75rem}.destiny-copy h3{letter-spacing:.15em;align-items:baseline;gap:12px;font-family:Zen Maru Gothic,Noto Sans JP,sans-serif;font-size:1.8rem;line-height:1.7;display:flex}.destiny-copy h3>span{letter-spacing:.07em;color:#a89daf;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem;font-weight:400}.destiny-quote{color:#f0ddec;margin:10px 0;font-size:1.0625rem;font-weight:600;line-height:1.85}.destiny-description{color:#c0bacb;font-size:.9375rem;line-height:1.95}.destiny-cta{text-align:center;border-top:1px solid #ffffff20;margin-top:32px;padding-top:28px;position:relative}.destiny-cta>p:first-child{letter-spacing:.055em;margin-bottom:15px;font-size:1rem;font-weight:500}.destiny-button{color:#241b2b;background:#fff;border:1px solid #fff;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;min-width:320px;max-width:100%;min-height:65px;padding:10px 30px;font-size:1rem;font-weight:700;line-height:1.6;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 5px 28px #efa8df14}.destiny-button:hover{background:#f6e4f0;transform:translateY(-2px)}.destiny-button span{letter-spacing:.07em;color:#68536d;font-size:.75rem;font-weight:500;line-height:1.7}.destiny-buttons{flex-wrap:wrap;justify-content:center;gap:20px 24px;display:flex}.destiny-open-note{color:#b8afc2;margin-top:12px;font-size:.75rem;line-height:1.9}.destiny-sample-note{color:#9f96a8;margin-top:9px;font-size:.75rem;line-height:1.9}@media (width<=900px){.record-main{grid-template-columns:40% 60%}.record-heading{padding:23px 26px}.record-identity{padding:24px}.record-identity .type-name{font-size:1.95rem}.record-identity .type-name.is-long{font-size:1.5rem}.chart-visual{padding-inline:6px}.record-details>.detail-panel{padding:25px 23px}.destiny-section{padding:38px 30px 30px}.destiny-grid{gap:20px}.destiny-art{height:320px}.destiny-heading h2{font-size:1.7rem}.destiny-quote{font-size:1rem}}@media (width<=650px){#result-view{margin-top:0}.record-sheet{box-shadow:4px 4px #e4e2ec}.record-heading{align-items:flex-end;gap:10px;padding:18px 18px 20px}.record-status{letter-spacing:0;max-width:190px;font-size:.75rem;line-height:1.7}.record-heading h1{letter-spacing:.07em;font-size:1.45rem}.record-id{min-width:68px;padding-left:12px}.record-id span{letter-spacing:0;max-width:62px;font-size:.75rem;line-height:1.4;display:block}.record-id b{font-size:2.8rem}.record-main{grid-template-columns:1fr}.chart-visual{border-right:0;border-bottom:1px solid var(--line);background-size:23px 23px;min-height:0;padding:24px 25px 31px}.chart-visual>.portrait{width:80%;max-width:275px}.chart-figure-title{font-size:.75rem;top:11px;left:14px}.chart-figure-caption{letter-spacing:.06em;font-size:.75rem;bottom:11px;left:14px}.chart-potion{width:74px;bottom:9px;right:13px}.record-identity{padding:22px 20px 24px}.record-field-label{margin-top:16px}.record-identity .type-name{font-size:1.85rem}.record-identity .type-name.is-long{font-size:1.5rem;line-height:1.6}.record-identity .type-quote{font-size:1rem}.record-axes>span{padding:0 2px;font-size:.8125rem}.chart-observation .type-description{font-size:1rem}.record-details{grid-template-columns:1fr}.record-details>.detail-panel{padding:23px 20px 25px}.record-details>.detail-panel:first-child{border-right:0;border-bottom:1px solid var(--line)}.record-details .section-title{font-size:1.2rem}.record-details .mix-labels{font-size:.875rem}.record-details .manual-list dd{font-size:1rem}.record-preference{flex-direction:column;gap:5px;padding:20px}.record-preference p{font-size:1rem}.record-bottomline{gap:10px;padding:12px 16px}.record-bottomline>span:first-child{letter-spacing:0;max-width:230px;font-size:.75rem}.record-stamp{padding:2px 7px;font-size:.8125rem}#result-view .result-actions{gap:10px}#result-view .result-actions .primary-button{padding-inline:12px}#result-view .result-links{gap:8px 21px;margin:24px 0 32px}.destiny-section{margin:0 -1px;padding:32px 18px 24px}.destiny-heading{margin-bottom:20px}.destiny-kicker{font-size:.75rem}.destiny-label{font-size:.875rem}.destiny-heading h2{font-size:1.55rem;line-height:1.8}.mobile-break{display:block}.destiny-intro{font-size:.875rem}.destiny-grid{grid-template-columns:1fr;gap:22px}.destiny-card{border-bottom:1px solid #ffffff20;grid-template-columns:46% 54%;align-items:center;padding-bottom:12px;display:grid}.destiny-art{border-bottom:0;height:245px}.destiny-art img{object-fit:contain;flex-shrink:0;width:150%;max-width:none;padding:9px 0 0}.destiny-number{letter-spacing:0;font-size:.75rem;top:6px;left:0}.destiny-art-name{display:none}.destiny-copy{padding:8px 0 8px 11px}.destiny-tag{font-size:.75rem;line-height:1.8}.destiny-copy h3{letter-spacing:.1em;font-size:1.5rem;display:block}.destiny-copy h3>span{margin-top:1px;font-size:.75rem;line-height:1.3;display:block}.destiny-quote{margin:12px 0 7px;font-size:1rem;line-height:1.8}.destiny-description{font-size:.875rem;line-height:1.9}.destiny-description br{display:none}.destiny-cta{border:0;margin-top:23px;padding-top:6px}.destiny-cta>p:first-child{font-size:.9375rem}.destiny-button{width:100%;min-width:0;padding:11px 15px;font-size:1rem}.destiny-open-note,.destiny-sample-note{font-size:.75rem}}@media (width<=360px){.record-heading{padding:16px}.record-heading h1{letter-spacing:.035em;font-size:1.3rem}.record-identity{padding:20px 16px}.record-identity .type-name.is-long{font-size:1.375rem}.record-axes>span{font-size:.75rem}.record-details>.detail-panel{padding-inline:17px}.destiny-section{padding-inline:15px}.destiny-heading h2{font-size:1.35rem}.destiny-art{height:230px}.destiny-description{font-size:.875rem}}@media (prefers-reduced-motion:reduce){.destiny-card.reveal-pending{opacity:1!important;transition:none!important;transform:none!important}.drop.pouring{opacity:0;animation:none!important}}.record-sheet>.compat-section{border-top:1px solid var(--line);margin:0;padding:28px 30px}.record-sheet .compat-heading{margin-bottom:18px}.record-sheet .compat-grid{gap:16px}.record-sheet .compat-card{background:#fcfbfd;grid-template-columns:100px 1fr;gap:12px;padding:14px;border-radius:2px!important}.record-sheet .compat-card .portrait{width:100px}.record-sheet .compat-card h3{font-size:1rem!important}.record-sheet .compat-card p{font-size:.875rem}.record-sheet>.destiny-section{color:var(--ink);border-top:1px solid var(--line);background:#f8f6fa;border-radius:0;margin:0;padding:35px 30px 28px}.record-sheet .destiny-section:before{display:none}.record-sheet .destiny-kicker,.record-sheet .destiny-intro,.record-sheet .destiny-tag,.record-sheet .destiny-copy h3>span,.record-sheet .destiny-description,.record-sheet .destiny-number,.record-sheet .destiny-open-note,.record-sheet .destiny-sample-note{color:var(--muted)}.record-sheet .destiny-heading h2{font-size:1.65rem}.record-sheet .destiny-art{border-bottom:1px solid var(--line);background:#f0edf4}.record-sheet .destiny-art:before{display:none}.record-sheet .destiny-art-name{color:#2420330b}.record-sheet .destiny-button{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:none}.record-sheet .destiny-button:hover{background:var(--accent-ink)}#result-view .result-actions{flex-wrap:wrap}#result-view .result-actions #save-record{min-width:225px}#save-record:disabled{opacity:.65}#record-save-dialog{max-width:680px;max-height:calc(100dvh - 32px);padding:22px;overflow:auto}.save-dialog-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.save-dialog-heading h2{font-size:1.15rem}#record-save-close{flex-shrink:0;width:auto;min-width:48px;min-height:42px;padding:4px 8px;font-size:.875rem}#record-save-status{color:var(--muted);margin:7px 0 17px;font-size:.875rem;line-height:1.8}.save-image-preview{border:1px solid var(--line);overscroll-behavior:contain;background:#f7f7fc;max-height:55dvh;overflow:auto}#record-preview{-webkit-touch-callout:default;user-select:auto;width:100%;max-width:100%;height:auto;display:block}.save-image-actions{gap:12px;margin-top:18px;display:flex}.save-image-actions a{flex:1;min-height:46px;font-size:.875rem}#record-save-dialog .save-image-hint{color:var(--muted);margin:13px 0 0;font-size:.75rem}@media (width<=650px){.record-sheet>.compat-section{padding:23px 20px}.record-sheet .compat-heading h2{font-size:1.15rem!important}.record-sheet .compat-grid{gap:12px}.record-sheet .compat-card{grid-template-columns:76px 1fr;gap:9px;padding:12px}.record-sheet .compat-card .portrait{width:76px}.record-sheet .compat-card p{font-size:.8125rem}.record-sheet>.destiny-section{padding:28px 18px 24px}.record-sheet .destiny-heading h2{font-size:1.45rem}.record-sheet .destiny-card{border-bottom-color:var(--line)}.record-sheet .destiny-art{background:0 0;border:0}.record-sheet .destiny-description{font-size:.875rem}#result-view .result-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}#result-view .result-actions>*{width:100%;max-width:none}#result-view .result-actions #save-record{grid-column:1/-1;min-width:0}#record-save-dialog{padding:17px}.save-dialog-heading h2{font-size:1.0625rem}.save-image-actions{gap:10px}.save-image-actions a{padding:9px 10px}}:root{--ink:#121016;--muted:#5d5864;--paper:#f2efe9;--line:#d6d1c8;--mincho:"Zen Old Mincho", "Yu Mincho", serif;--display:"Dela Gothic One", "Noto Sans JP", sans-serif;--gothic:"Noto Sans JP", sans-serif;--slant:-12deg;--accent:#ff369a;--accent-light:#ffe1f0;--accent-ink:#b71c6a}body{font-family:var(--gothic);background:var(--paper)}.site-wrap:before{content:"";height:calc(var(--progress,0) * 100vh);z-index:-1;pointer-events:none;background:linear-gradient(color-mix(in srgb, var(--accent) 55%, white), var(--accent));transition:height .9s cubic-bezier(.3,.7,.3,1),background 1s;animation:6s linear infinite liquid-wave;position:fixed;inset:auto 0 0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 24'%3E%3Cpath d='M0 12C40 0 80 0 120 12S200 24 240 12V24H0Z'/%3E%3C/svg%3E") 0 0/240px 24px repeat-x,linear-gradient(#000,#000) 0 23px/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 24'%3E%3Cpath d='M0 12C40 0 80 0 120 12S200 24 240 12V24H0Z'/%3E%3C/svg%3E") 0 0/240px 24px repeat-x,linear-gradient(#000,#000) 0 23px/100% 100% no-repeat}.site-wrap:has(#result-view):before{background:radial-gradient(circle at 12% 78%, #ffffff59 0 5px, transparent 6px), radial-gradient(circle at 86% 64%, #ffffff4d 0 8px, transparent 9px), radial-gradient(circle at 70% 88%, #ffffff40 0 4px, transparent 5px), radial-gradient(circle at 24% 40%, #fff3 0 10px, transparent 11px), radial-gradient(circle at 92% 22%, #ffffff40 0 5px, transparent 6px), radial-gradient(ellipse 120% 60% at 50% 0%, #fff6, transparent 70%), linear-gradient(color-mix(in srgb, var(--accent) 62%, white), var(--accent));background-size:100% 140vh,100% 120vh,100% 160vh,100% 130vh,100% 150vh,auto,auto;height:100vh;animation:26s linear infinite liquid-bubbles;-webkit-mask:none;mask:none}.site-wrap:has(#result-view) .site-header{border-bottom-color:var(--ink)}@keyframes liquid-wave{to{-webkit-mask-position:240px 0,0 23px;mask-position:240px 0,0 23px}}@keyframes liquid-bubbles{to{background-position:0 -140vh,0 -120vh,0 -160vh,0 -130vh,0 -150vh,0 0}}@media (prefers-reduced-motion:reduce){.site-wrap:before{animation:none}}.eyebrow,.section-eyebrow,.record-field-label,.chart-figure-title,.destiny-kicker{font-family:var(--gothic);letter-spacing:.16em;color:#fff;background:var(--ink);transform:skewX(var(--slant));padding:2px 12px 2px 10px;font-size:.6875rem;font-style:italic;font-weight:900;line-height:1.6;display:inline-block}.eyebrow{background:var(--accent)}.site-header{border-bottom:3px solid var(--ink)}.logotype{font-family:var(--mincho);letter-spacing:.14em;white-space:nowrap;font-weight:900;line-height:1;display:inline-block;transform:scaleX(.7)}.logotype-key{margin-right:.04em;font-size:1.45em;display:inline-block;transform:rotate(-10deg)translateY(.04em)}.brand{letter-spacing:0;flex-direction:column;align-items:flex-start;gap:6px;font-style:normal}.brand .logotype{transform-origin:0;margin-right:-1.4em;font-size:1.625rem}.brand-by{font-family:var(--gothic);letter-spacing:.1em;color:#8f8a96;font-size:.625rem;font-weight:400}.brand-by:hover{color:var(--accent-ink)}.quiet-button{font-weight:900}a[href$="/types/"]:after,.back-button:before{content:"";vertical-align:.12em;border-top:2px solid;border-right:2px solid;width:.42em;height:.42em;display:inline-block}a[href$="/types/"]:after{margin-left:.4em;transform:rotate(45deg)}.back-button:before{margin-right:.45em;transform:rotate(-135deg)}footer{border-top:3px solid var(--ink)}footer b{border-color:var(--ink);color:var(--ink);border-radius:0}.title-block{margin-bottom:26px}.title-block h1{font-family:var(--mincho);letter-spacing:.08em;flex-direction:column;align-items:center;gap:2px;margin:18px 0 14px;font-size:1.25rem;font-weight:900;line-height:1.2}.title-block h1>.logotype{background:0 0;margin:0;padding:.06em .12em 0;font-size:6.5rem}.title-block h1 small{font-family:var(--gothic);letter-spacing:.12em;color:#fff;background:var(--ink);margin:8px 0 0;padding:2px 10px;font-size:.875rem;font-style:italic;font-weight:900;transform:rotate(-3deg)}.intro{font-family:var(--mincho);letter-spacing:.1em;color:var(--ink);white-space:nowrap;align-items:center;gap:12px;font-size:.9375rem;font-weight:700;display:inline-flex}.quiz-panel{border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);border-radius:0}.step-label{font-style:italic;font-weight:900}.panel-top{justify-content:center;margin-top:14px}.step-label{font-family:var(--mincho);letter-spacing:0;align-items:baseline;gap:2px;font-size:1.5rem;font-style:normal;font-weight:900}.step-label b{font-family:var(--mincho);letter-spacing:-.02em;color:var(--accent);-webkit-text-stroke:1.5px currentColor;margin-right:6px;font-size:3rem;font-style:normal;font-weight:900;line-height:1;transform:rotate(-6deg)}.step-label>span{font-family:var(--gothic);font-size:.875rem;font-style:italic}.progress-track{height:8px;transform:skewX(var(--slant));background:#e7e3dc;border-radius:0}.quiz-panel{padding:16px 24px 14px}.progress-track{margin:4px 0 0}.quiz-panel h2{font-family:var(--mincho);letter-spacing:.1em;-webkit-text-stroke:.6px var(--ink);min-height:0;word-break:auto-phrase;margin-top:6px;margin-bottom:0;font-size:2.25rem;font-weight:900;line-height:1.4;transform:rotate(-2deg)}.choice-stage{align-items:stretch;gap:14px;margin-top:36px}.bottle-stage{align-self:center}.answer{align-self:stretch;height:auto;overflow:visible}.answer-text{overflow-wrap:anywhere;max-width:none}.bottle-stage{padding:4px 0 0}.answer{gap:8px;min-height:150px;padding:32px 16px 14px}.quiz-bottom{margin-top:12px;padding-top:10px}.answer{border:2.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:0}.answer-text{font-family:var(--mincho);letter-spacing:-.02em;-webkit-text-stroke:.4px currentColor;word-break:auto-phrase;font-size:1.25rem;font-weight:900;line-height:1.55}.option-label{width:44px;height:44px;font-family:var(--mincho);background:var(--ink);color:#fff;border-color:var(--ink);transform:skewX(var(--slant));border-radius:0;font-size:1.625rem;font-style:normal;font-weight:900;top:-22px;left:calc(50% - 22px)}.choose-hint{letter-spacing:.08em;font-style:italic;font-weight:700}@media (hover:hover){.answer:hover:not(:disabled){border-color:var(--ink);background:var(--accent-light);box-shadow:7px 7px 0 var(--accent);transform:translate(-2px,-2px)}}.answer.is-picked{border-color:var(--ink);background:var(--accent);color:#fff;box-shadow:5px 5px 0 var(--ink)}.answer.is-picked .choose-hint{color:#fff}.answer.is-picked .option-label{color:var(--ink);border-color:var(--ink);background:#fff}.bottle-caption{font-family:var(--mincho);font-size:.9375rem;font-weight:900}.drops-count b{font-family:var(--mincho);font-size:1.75rem;font-weight:900}.quiz-bottom{border-top:2px solid var(--ink)}.back-button,.back-button:disabled{border-bottom:0;font-weight:700}.families{font-weight:900}.families i{transform:skewX(var(--slant));border-width:1.5px;border-radius:0}.primary-button,.secondary-button,.share-button,#result-view .primary-button,#result-view .secondary-button{border:2.5px solid var(--ink);letter-spacing:.06em;border-radius:0;font-weight:900}.primary-button,#result-view .primary-button{background:var(--ink);color:#fff;box-shadow:5px 5px 0 var(--accent)}.primary-button:hover,#result-view .primary-button:hover{background:var(--accent);color:#fff}.secondary-button,#result-view .secondary-button{box-shadow:5px 5px 0 var(--ink);background:#fff}.secondary-button:hover{background:var(--accent-light)}.result-links :is(a,button),#result-view .result-notice a{border-bottom:0;font-weight:900;text-decoration:none}.gallery-heading h1{font-family:var(--mincho);letter-spacing:-.04em;margin:12px 0 8px;font-size:3.25rem;font-weight:900;line-height:1.2}.family-section{--title-bar:var(--accent)}.family-title{font-family:var(--mincho);border-bottom:3px solid var(--ink);padding-bottom:8px;font-size:2rem;font-weight:900;line-height:1.2}.family-title>i{width:14px;height:30px;transform:skewX(var(--slant));border-width:2px;border-radius:0}.family-title small{color:#fff;background:var(--accent);transform:skewX(var(--slant));padding:1px 10px;font-style:italic;font-weight:900}.type-card{border:2.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:0}.type-card:hover{box-shadow:7px 7px 0 var(--accent);transform:translate(-2px,-2px)}.type-card .portrait{border-radius:0}.card-id{font-style:italic;font-weight:900}.type-card h3{font-family:var(--mincho);font-size:1.25rem;font-weight:900;line-height:1.4}.record-sheet{border:3px solid var(--ink);box-shadow:12px 12px 0 var(--accent)}.record-heading{border-bottom:3px solid var(--ink);padding-top:30px}.record-status{font-family:var(--gothic);letter-spacing:.1em;color:var(--accent-ink);font-style:italic;font-weight:900}.record-heading h1{font-family:var(--mincho);letter-spacing:-.02em;font-size:3rem;font-weight:900;line-height:1.2}.record-id{border-left:3px solid var(--ink)}.record-id span{font-family:var(--gothic);letter-spacing:.14em;color:var(--ink);font-style:italic;font-weight:900}.record-id b{font-family:var(--mincho);letter-spacing:-.04em;color:var(--accent);-webkit-text-stroke:2px currentColor;padding-right:.08em;font-size:5.5rem;font-weight:900;line-height:1;transform:rotate(-6deg)}.record-main{border-bottom:3px solid var(--ink)}.chart-visual{border-right:3px solid var(--ink);background-color:var(--accent-light);background-image:repeating-linear-gradient(-62deg, transparent 0 18px, color-mix(in srgb, var(--accent) 14%, transparent) 18px 20px);background-size:auto}.chart-figure-title{color:#fff}.chart-figure-caption{letter-spacing:.1em;color:#fff;background:var(--accent);transform:skewX(var(--slant));padding:1px 10px;font-style:italic;font-weight:900}.record-identity .family-chip{border:2px solid var(--ink);background:var(--accent);color:#fff;transform:skewX(var(--slant));font-style:italic;font-weight:900}.record-field-label{margin-top:22px;display:table}.record-identity .type-name{font-family:var(--mincho);letter-spacing:0;margin:18px 0 4px;font-size:4.25rem;font-weight:900;line-height:1.25}.record-identity .type-name.is-long{font-size:3rem}.type-char{margin-right:-.04em;display:inline-block}.type-char:first-child{color:#fff;background:var(--accent);box-shadow:.06em .06em 0 var(--ink);margin-right:.08em;padding:.04em .1em .08em;font-size:1.35em;line-height:1;transform:rotate(-8deg)}.type-char:nth-child(3n+2){font-family:var(--display);font-size:.86em;font-weight:400;transform:rotate(5deg)translateY(-.04em)}.type-char:nth-child(3n+3){color:#fff;background:var(--ink);margin:0 .04em;padding:0 .06em;font-size:.92em;transform:rotate(-3deg)}.type-char:nth-child(5n+4){font-size:1.12em;transform:rotate(4deg)}.record-identity .type-name small{font-family:var(--gothic);margin:6px 0 0;font-size:.875rem;font-weight:700;display:block}.type-card h3:first-letter{color:#fff;background:var(--accent);margin-right:.06em;padding:0 .06em;font-size:1.45em}.record-identity .type-quote{font-family:var(--mincho);color:var(--ink);background:linear-gradient(transparent 58%, var(--accent-light) 58%);margin-top:10px;font-size:1.25rem;font-weight:900;line-height:1.6;display:inline}.record-axes{border-block:2px solid var(--ink);margin-top:22px}.record-axes>span{border-right:1px solid var(--line);font-weight:900}.record-axes small{font-family:var(--gothic);color:var(--accent-ink);font-style:italic}.chart-observation h3{font-family:var(--mincho);letter-spacing:.1em;color:var(--ink);font-size:1.125rem;font-weight:900}.record-identity .tag-list{color:var(--accent-ink);font-weight:900}.record-details>.detail-panel:first-child{border-right:3px solid var(--ink)}.record-details .section-eyebrow{font-family:var(--gothic);color:#fff;letter-spacing:.16em;font-weight:900}.record-details .section-title{font-family:var(--mincho);letter-spacing:-.02em;margin-top:12px;font-size:1.875rem;font-weight:900;line-height:1.3}.record-details .mix-axis{color:var(--ink);font-weight:900}.record-details .mix-labels b{font-family:var(--mincho);letter-spacing:-.04em;font-size:2rem;font-style:normal;font-weight:900}.record-details .mix-bar{height:12px;transform:skewX(var(--slant));background:#e7e3dc;border-radius:0}.record-details .manual-list dt{color:var(--accent-ink);font-style:italic;font-weight:900}.record-details .manual-list>div{border-top:1px solid var(--line)}.record-details .manual-list>div:first-child{border-top:0}.record-details .manual-stamp{font-family:var(--mincho);color:var(--ink);background:var(--accent-light);border-left:6px solid var(--accent);padding:14px 16px;font-weight:900}.record-details .manual-stamp>strong{letter-spacing:.02em;color:var(--ink);white-space:nowrap;margin-top:8px;font-size:1.5rem;display:inline-block;transform:rotate(-5deg)}.record-details .manual-stamp>strong em{letter-spacing:-.04em;color:var(--accent-ink);margin:0 .06em;font-size:1.9em;font-style:normal;line-height:1;display:inline-block;transform:rotate(6deg)translateY(.06em)}.record-preference{border-top:3px solid var(--ink);align-items:center}.record-preference>span{color:#fff;background:var(--ink);transform:skewX(var(--slant));padding:2px 12px;font-style:italic;font-weight:900}.record-preference p{font-family:var(--mincho);font-size:1.0625rem;font-weight:700}.record-sheet>.compat-section{border-top:3px solid var(--ink)}#result-view .compat-heading h2,.record-sheet .compat-heading h2{font-family:var(--mincho);letter-spacing:-.02em;font-size:1.875rem;font-weight:900}#result-view .compat-card,.record-sheet .compat-card{border:2.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:0!important}#result-view .compat-card:hover{border-color:var(--ink);box-shadow:7px 7px 0 var(--accent)}.compat-kicker{color:var(--accent-ink);font-style:italic;font-weight:900}#result-view .compat-card h3,.record-sheet .compat-card h3{font-family:var(--mincho);font-weight:900;font-size:1.25rem!important}.compat-card .compat-id{font-style:italic;font-weight:900}.record-sheet>.destiny-section{background:var(--ink);color:#fff;border-top:3px solid var(--ink)}.record-sheet .destiny-kicker{background:var(--accent);color:#fff}.record-sheet .destiny-intro,.record-sheet .destiny-tag,.record-sheet .destiny-copy h3>span,.record-sheet .destiny-description,.record-sheet .destiny-number,.record-sheet .destiny-open-note,.record-sheet .destiny-sample-note{color:#bdb7c4}.record-sheet .destiny-label,.record-sheet .destiny-quote{color:#fff}.destiny-heading h2,.record-sheet .destiny-heading h2{font-family:var(--mincho);letter-spacing:-.02em;font-size:2.5rem;font-weight:900;line-height:1.3}.destiny-copy h3{font-family:var(--mincho);letter-spacing:.02em;font-weight:900}.record-sheet .destiny-art{background:0 0;border-bottom:2px solid #ffffff3d}.record-sheet .destiny-art-name{color:#ffffff12;font-family:var(--gothic);font-style:italic;font-weight:900}.record-sheet .destiny-cta{border-top-color:#ffffff3d}.record-sheet .destiny-button{background:var(--accent);color:#fff;border:2.5px solid #fff;border-radius:0;font-weight:900;box-shadow:6px 6px #fff}.record-sheet .destiny-button:hover{color:var(--ink);background:#fff}.record-sheet .destiny-button{flex-direction:row;gap:14px}.destiny-button-icon{border:2px solid var(--ink);background:#fff;border-radius:10px;flex-shrink:0;width:40px;height:40px}.destiny-button-text{flex-direction:column;align-items:flex-start;line-height:1.5;display:flex}.record-sheet .destiny-button span{color:inherit}.record-bottomline{border-top:3px solid var(--ink)}.record-stamp{font-family:var(--mincho);color:#fff;background:var(--accent);border:2px solid var(--ink);font-weight:900;transform:rotate(-6deg)}#result-view .result-notice{border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);border-radius:0}#result-view .result-notice .section-title{font-family:var(--mincho);font-size:1.875rem;font-weight:900}#toast,dialog,.save-image-preview{border-radius:0}dialog{border:3px solid var(--ink);box-shadow:10px 10px 0 var(--accent)}dialog h2,.save-dialog-heading h2{font-family:var(--mincho);font-weight:900}@media (width<=900px){.record-identity .type-name{font-size:3.5rem}.record-identity .type-name.is-long{font-size:2.5rem}.record-id b{font-size:4.5rem}}@media (width<=650px){.site-header{border-bottom-width:2px}.title-block h1{font-size:1.0625rem}.intro{letter-spacing:.06em;gap:8px;font-size:.875rem}.title-block h1>.logotype{font-size:4.75rem}.title-block h1 small{font-size:.75rem}.brand .logotype{font-size:1.25rem}.quiz-panel{box-shadow:6px 6px 0 var(--ink);border-width:2.5px}.step-label b{font-size:2.375rem}.quiz-panel{padding:12px 14px}.quiz-panel h2{max-width:none;min-height:0;font-size:1.75rem;line-height:1.3}.choice-stage{gap:18px 12px;margin-top:10px}.bottle-stage{padding:0 0 4px}.answer{min-height:132px;box-shadow:4px 4px 0 var(--ink);padding:30px 10px 10px}.answer-text{font-size:1.0625rem}.bottle-stage #bottle-mount{width:156px;height:213px}.gallery-heading h1{letter-spacing:-.06em;font-size:2rem}.family-title{font-size:1.5rem}.type-card{box-shadow:4px 4px 0 var(--ink)}.type-card h3{font-size:1.0625rem}.record-sheet{box-shadow:7px 7px 0 var(--accent);border-width:2.5px}.record-heading{padding-top:20px}.record-heading h1{letter-spacing:-.04em;white-space:nowrap;font-size:1.75rem}.record-id{border-left-width:2px;min-width:92px}.record-id b{-webkit-text-stroke:1.5px currentColor;font-size:3.75rem}.chart-visual{border-right:0;border-bottom:2.5px solid var(--ink)}.record-identity .type-name{font-size:3.25rem}.record-identity .type-name.is-long{font-size:2.25rem}.record-identity .type-quote{font-size:1.125rem}.record-details>.detail-panel:first-child{border-right:0;border-bottom:2.5px solid var(--ink)}.record-details .section-title{font-size:1.625rem}.record-details .manual-stamp>strong{font-size:1.25rem}.record-preference{align-items:flex-start}.record-sheet .compat-heading h2{font-size:1.625rem!important}.destiny-heading h2,.record-sheet .destiny-heading h2{font-size:1.875rem}}@media (width<=360px){.title-block h1>.logotype{font-size:4rem}.record-identity .type-name{font-size:2.75rem}.record-identity .type-name.is-long{font-size:1.875rem}}.quiz-footnote,footer,.gallery-axis-key{color:var(--ink);font-weight:700}.title-block h1>.logotype{align-self:flex-start;position:relative;left:50%;transform:translate(-50%)scaleX(.7)}.title-block h1{gap:0;margin-top:0}main{padding-top:20px}.title-block h1 small{z-index:1;margin-top:-.9em;padding:3px 16px;font-size:1.125rem;position:relative;transform:rotate(-4deg)}.site-wrap:before{background:var(--accent)}.site-wrap:has(#result-view):before{background:radial-gradient(circle at 12% 78%, #ffffff59 0 5px, transparent 6px), radial-gradient(circle at 86% 64%, #ffffff4d 0 8px, transparent 9px), radial-gradient(circle at 70% 88%, #ffffff40 0 4px, transparent 5px), radial-gradient(circle at 24% 40%, #fff3 0 10px, transparent 11px), radial-gradient(circle at 92% 22%, #ffffff40 0 5px, transparent 6px), var(--accent);background-size:100% 140vh,100% 120vh,100% 160vh,100% 130vh,100% 150vh,auto}.fluid-fill{transition:fill 1s}.bottle-stage #bottle-mount{width:196px;height:217px}.step-label b{transform:none}.progress-track{vertical-align:middle;width:calc(100% - 62px);display:inline-block}.progress-remaining{vertical-align:middle;text-align:right;white-space:nowrap;letter-spacing:.08em;width:56px;color:var(--muted);margin:0 0 0 6px;font-size:.6875rem;font-weight:700;display:inline-block}#answer-note{text-align:center;color:var(--muted);margin:18px 0 0;font-size:.75rem}.quiz-bottom{justify-content:flex-start}.record-status{letter-spacing:.14em;font-size:.6875rem}.record-heading h1{letter-spacing:-.04em;font-size:3.5rem;line-height:1.1}.record-id b{letter-spacing:-.04em;width:1.7em;height:1.7em;color:var(--accent);-webkit-text-stroke:1px currentColor;opacity:.92;border:.07em solid;border-radius:50%;place-items:center;margin-top:6px;padding:0;font-size:3.25rem;display:inline-grid;transform:rotate(-12deg);box-shadow:inset 0 0 0 .05em #fff,inset 0 0 0 .09em}.record-identity .family-chip,.chart-figure-title,.chart-figure-caption,.record-preference>span{box-shadow:none;letter-spacing:.12em;color:var(--accent-ink);background:0 0;border:0;padding:0;font-style:normal;transform:none}.record-identity .family-chip{font-size:.875rem}.record-identity .family-chip i{background:var(--accent)}.record-preference>span{color:var(--ink)}.destiny-button-icon{border:0}.record-stamp{letter-spacing:.08em;align-items:baseline;gap:.05em;padding:2px 10px 4px;font-size:.875rem;display:inline-flex}.record-stamp b{font-size:1.9em;font-weight:900;line-height:1}.brand-by{color:#121016a6}#result-view .share-note{color:var(--ink);font-weight:700}@media (width<=650px){.title-block h1 small{font-size:.9375rem}.bottle-stage #bottle-mount{width:156px;height:173px}.record-heading h1{font-size:2.125rem}.record-id{min-width:0}.record-id b{font-size:2.25rem}}.record-id b{margin:6px -14px -18px 0;font-size:4.5rem}.record-identity .family-chip i{display:none}.record-heading h1{letter-spacing:0;white-space:nowrap;font-size:3.25rem;line-height:1.25}.record-details .manual-stamp>strong{letter-spacing:0;font-size:2rem;line-height:1.35;transform:rotate(-3deg)}.quiz-panel h2{letter-spacing:.16em;max-width:620px;margin-inline:auto;transform:scaleX(.86)}.step-label b{margin-right:0;font-size:1.625rem}.panel-top{margin-top:6px}.record-identity .tag-list{gap:10px 8px;margin-top:20px}.record-identity .tag-list>span{font-family:var(--mincho);letter-spacing:.04em;color:#fff;background:var(--ink);padding:3px 10px 4px;font-size:.9375rem;font-weight:900;display:inline-block;transform:rotate(-3deg)}.record-identity .tag-list>span:nth-child(2n){color:var(--accent-ink);box-shadow:inset 0 0 0 2px var(--accent);background:#fff;transform:rotate(2deg)translateY(2px)}.record-identity .tag-list>span:nth-child(3n){color:#fff;background:var(--accent);box-shadow:none;font-size:1.0625rem;transform:rotate(-1deg)}.title-block h1 small{margin-top:-.3em;padding:2px 18px 4px;font-size:1.375rem}#answer-note{text-align:center;white-space:nowrap;max-width:none;margin-inline:auto}#result-view .result-links :is(a,button){border:2.5px solid var(--ink);min-height:48px;box-shadow:5px 5px 0 var(--ink);color:var(--ink);background:#fff;justify-content:center;align-items:center;padding:10px 20px;font-size:.875rem;display:inline-flex}#result-view .result-links{gap:14px}.destiny-number{font-family:var(--mincho);letter-spacing:.3em;font-size:.8125rem;font-weight:900}@media (width<=650px){.record-id b{margin:4px -10px -12px 0;font-size:3rem}.record-heading h1{font-size:1.875rem}.record-details .manual-stamp>strong{font-size:1.5rem}.quiz-panel h2{max-width:none}.step-label b{font-size:1.375rem}.title-block h1 small{font-size:1.125rem}#result-view .result-links :is(a,button){padding:10px 14px;font-size:.8125rem}}.step-label{font-size:1.25rem}.step-label b{color:var(--ink);-webkit-text-stroke:0;letter-spacing:0;font-size:1em}.destiny-button-icon{outline-offset:-1.5px;outline:1.5px solid #12101633}.chart-visual{padding-top:76px}.chart-status{z-index:2;max-width:calc(100% - 150px);font-family:var(--mincho);letter-spacing:.04em;color:var(--ink);word-break:auto-phrase;font-size:1.25rem;font-weight:900;line-height:1.5;position:absolute;top:20px;left:22px}.chart-visual .record-id{z-index:2;text-align:center;border:0;min-width:0;padding:0;position:absolute;top:14px;right:18px}.chart-visual .record-id span{display:block}.is-mono .type-char:first-child{background:var(--ink);box-shadow:none}.record-details .section-title.is-mono,.compat-heading h2.is-mono{letter-spacing:0;line-height:1.4}.record-details .manual-stamp{font-family:var(--gothic);color:var(--ink);background:0 0;border:0;margin-top:26px;padding:0;font-size:1rem;font-weight:500;line-height:1.7;display:block;transform:none}.record-details .manual-stamp>.craze-char{--dir:1;font-size:calc(1em + var(--t) * var(--t) * 1.5em);transform:rotate(calc(var(--t) * var(--t) * var(--dir) * 20deg)) translateY(calc(var(--t) * var(--t) * var(--dir) * -.12em));display:inline-block}.record-details .manual-stamp>.craze-char:nth-child(2n){--dir:-1}.record-details .manual-stamp>.craze-char:nth-child(n+10){font-family:var(--mincho);font-weight:900}@media (width<=650px){.chart-visual{padding-top:72px}.chart-status{max-width:calc(100% - 120px);font-size:1rem;top:16px;left:16px}.chart-visual .record-id{top:10px;right:12px}.record-details .manual-stamp{font-size:.875rem}}.destiny-number{text-orientation:mixed;letter-spacing:.12em}.destiny-heading h2{word-break:auto-phrase}@media (width<=650px){.destiny-heading h2,.record-sheet .destiny-heading h2{font-size:1.5rem}}.chart-visual .record-id{border:4px solid var(--accent);width:112px;height:112px;box-shadow:inset 0 0 0 3px #fff, inset 0 0 0 6px var(--accent);color:var(--accent);opacity:.92;border-radius:50%;align-content:center;place-items:center;gap:0;display:grid;transform:rotate(-12deg)}.chart-visual .record-id span{font-family:var(--gothic);letter-spacing:.2em;color:inherit;margin:2px 0 0;font-size:.625rem;font-style:normal;line-height:1}.chart-visual .record-id b{width:auto;height:auto;box-shadow:none;opacity:1;border:0;margin:0;padding:0;font-size:2.75rem;line-height:1;display:block;transform:none}.is-mono .type-char:nth-child(3n+3){color:inherit;background:0 0;margin:0;padding:0}.destiny-heading .is-mono .type-char:first-child{color:var(--ink);background:#fff}.destiny-heading h2.is-mono{letter-spacing:0;line-height:1.45}@media (width<=650px){.chart-visual .record-id{border-width:3px;width:88px;height:88px}.chart-visual .record-id b{font-size:2.125rem}}.status-key{vertical-align:-.12em;margin:0 -.08em;font-size:1.7em;line-height:1;display:inline-block;transform:rotate(-10deg)scaleX(.72)}.chart-visual{background-image:none}.is-mono .type-char:nth-child(3n+2){font-family:var(--gothic);font-size:.82em;font-weight:500}.record-details .manual-stamp>.craze-char{font-size:calc(1em + var(--t) * var(--t) * .45em)}.record-details .manual-stamp>.craze-char:nth-child(n+13):nth-child(3n){font-family:var(--gothic);font-weight:500}.record-details .manual-stamp>.craze-char:nth-child(n+15):nth-child(odd){color:var(--ink);background:0 0;padding:0}.record-details .manual-stamp{white-space:nowrap}@media (width<=650px){.record-details .manual-stamp{font-size:.78rem}}.chart-visual .record-id{width:124px;height:147px;box-shadow:none;opacity:1;background:var(--accent);color:var(--accent-light);border:0;border-radius:0;padding-top:8px;top:6px;right:10px;transform:rotate(-8deg);-webkit-mask:url(/heki/assets/ink.svg) 50%/contain no-repeat;mask:url(/heki/assets/ink.svg) 50%/contain no-repeat}.chart-visual .record-id span{font-family:var(--display);letter-spacing:.24em;font-size:.6875rem;font-weight:400}.chart-visual .record-id b{font-family:var(--display);letter-spacing:-.02em;color:inherit;-webkit-text-stroke:0;font-size:2.75rem;font-weight:400}.record-identity .tag-list>span:nth-child(2n){color:var(--accent)}.chart-figure-caption{white-space:nowrap;left:50%;transform:translate(-50%)}@media (width<=650px){.chart-visual .record-id{width:100px;height:119px;top:4px;right:6px}.chart-visual .record-id b{font-size:2.125rem}}.chart-visual .record-id span{letter-spacing:.14em}.chart-visual .record-id{padding:14px 4px 0 0}@media (width<=650px){.chart-visual .record-id b{font-size:1.875rem}}.title-block h1 small{margin-top:12px;transform:none}.chart-visual .record-id{isolation:isolate;background:0 0;padding:0 0 12px;-webkit-mask:none;mask:none}.chart-visual .record-id:before{content:"";z-index:-1;background:var(--accent);position:absolute;inset:0;-webkit-mask:url(/heki/assets/ink.svg) 50%/contain no-repeat;mask:url(/heki/assets/ink.svg) 50%/contain no-repeat}.chart-visual .record-id span,.chart-visual .record-id b{-webkit-text-stroke:4px var(--accent);paint-order:stroke fill}.chart-visual .record-id span{-webkit-text-stroke-width:3px}.title-block h1{--logo-size:6.5rem}.title-block h1>.logotype{font-size:var(--logo-size)}.title-block h1 small{box-sizing:border-box;width:calc(var(--logo-size) * 3.6);max-width:100%;font-family:var(--mincho);letter-spacing:.5em;text-indent:.5em;text-align:center;color:var(--ink);border:2px solid var(--ink);background:0 0;margin:14px 0 0;padding:5px 0 6px;font-size:1.0625rem;font-style:normal;font-weight:900;transform:none}.title-block .intro{text-align:center;letter-spacing:.14em;margin-top:18px;display:block}@media (width<=650px){.title-block h1{--logo-size:4.75rem}.title-block h1 small{letter-spacing:.4em;text-indent:.4em;font-size:.9375rem}.title-block .intro{letter-spacing:.06em}}@media (width<=360px){.title-block h1{--logo-size:4rem}}.title-block h1 small{width:calc(var(--logo-size) * 3.71);align-self:center;left:auto}.title-block h1>.logotype{margin-inline:calc(var(--logo-size) * -.8);align-self:center;position:static;left:auto;transform:scaleX(.7)}.step-label{color:var(--muted);font-size:.9375rem;font-weight:700}.step-label b{color:var(--muted);font-weight:700}.title-block h1 small{width:auto;padding:5px 20px 6px}.logotype-key.is-mirage{filter:url(#mirage)}.logotype-key.is-mirage>span{display:inline-block;-webkit-mask:none;mask:none}.title-block h1 small{letter-spacing:0;text-indent:0;padding:0 14px 1px;line-height:1.5}.title-block h1 small>span{letter-spacing:.6em;margin:0 -1.9em 0 -1.3em;display:inline-block;transform:scaleX(.72)}.brand .logotype-key.is-mirage{filter:url(#mirage-sm)}.site-wrap:before{display:none}.site-wrap:has(#result-view):before{display:block}.record-stamp{padding:2px 12px 5px;font-size:1.0625rem}.record-stamp b{font-size:1.75em}.record-details .manual-stamp,.record-details .manual-stamp>.craze-char:nth-child(n+15):nth-child(odd){color:var(--accent-ink)}.record-preference{display:block}.record-preference .section-title{font-family:var(--mincho);letter-spacing:0;margin:0 0 12px;font-size:1.875rem;font-weight:900;line-height:1.4}.compat-heading h2.is-mono{white-space:nowrap}@media (width<=650px){.record-preference .section-title{font-size:1.625rem}#result-view .compat-heading h2,.record-sheet .compat-heading h2{font-size:min(1.625rem,7.4vw)!important}}