:root{--red:#d20101;--red-dark:#a80101;--ink:#171717;--gray-1:#3f3f3f;--gray-2:#6f6f6f;--gray-3:#8f8f8f;--gray-4:#a3a3a3;--border:#e4e4e4;--track:#ececec;--tag-bg:#f2f2f2}html,body{height:100%;margin:0}*{box-sizing:border-box}body{-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;color:var(--ink);background:#fff;font-family:Noto Sans JP,sans-serif}a{color:var(--red)}a:hover{color:var(--red-dark)}input::placeholder{color:#b3b3b3;font-weight:500}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}.app{background:#fff;justify-content:center;width:100%;min-height:100vh;display:flex}.frame{background:#fff;width:100%;max-width:420px;min-height:100vh;position:relative}.field-label{color:var(--ink);letter-spacing:.5px;margin:0 0 8px;font-size:13px;font-weight:800;display:block}.field-label+.field-label,.text-input+.field-label{margin-top:20px}.text-input{border:1.5px solid var(--border);width:100%;color:var(--ink);background:#fff;border-radius:6px;outline:none;padding:14px;font-family:inherit;font-size:16px;font-weight:700;transition:border-color .12s}.text-input:focus{border-color:var(--red)}.btn-primary{letter-spacing:3px;color:#fff;background:var(--red);cursor:pointer;border:none;border-radius:6px;width:100%;padding:18px;font-family:inherit;font-size:18px;font-weight:900;transition:background .12s}.btn-primary:hover{background:var(--red-dark)}.error-text{color:var(--red);margin:8px 2px 0;font-size:12px;font-weight:700}.entry{padding:0 0 40px}.entry__hero-wrap{justify-content:center;padding:20px 20px 4px;display:flex}.entry__hero{width:100%;max-width:400px;height:auto;display:block}.entry__form{padding:24px 26px 0}.entry__start{margin-top:28px}.consent{cursor:pointer;align-items:flex-start;gap:11px;margin:22px 0 0;display:flex}.consent__box{background:#fff;border:2px solid #cfcfcf;border-radius:4px;flex:none;place-items:center;width:22px;height:22px;margin-top:1px;transition:all .15s;display:grid}.consent__box--on{border-color:var(--red);background:var(--red)}.consent__check{opacity:0;transition:opacity .15s}.consent__check--on{opacity:1}.consent__text{color:var(--gray-1);font-size:13px;font-weight:600;line-height:1.5}.entry__minor{color:var(--gray-2);margin:16px 2px 0;font-size:12.5px;font-weight:600;line-height:1.6}.entry__links{text-align:center;margin:20px 0 0;font-size:12.5px;font-weight:700}.entry__links-sep{color:var(--gray-4);margin:0 6px}.info{padding:0 0 48px}.info__mockbar{border-bottom:1.5px solid var(--red);color:var(--red-dark);background:#fff5f5;padding:12px 20px;font-size:12px;font-weight:700;line-height:1.6}.info__back{color:var(--gray-2);cursor:pointer;background:0 0;border:none;margin:18px 20px 0;padding:6px 0;font-family:inherit;font-size:14px;font-weight:800;display:inline-block}.info__back:hover{color:var(--ink)}.info__back--bottom{margin-top:28px}.info__title{color:var(--ink);text-wrap:balance;margin:14px 0 0;padding:0 20px;font-size:22px;font-weight:900;line-height:1.4}.info__lead{color:var(--gray-1);margin:14px 0 0;padding:0 20px;font-size:14px;font-weight:600;line-height:1.85}.info__block{border:1.5px solid var(--border);border-radius:8px;margin:24px 20px 0;padding:16px 18px}.info__h2{color:var(--ink);margin:0 0 10px;font-size:15px;font-weight:900}.info__list{margin:0;padding-left:20px}.info__list li{color:var(--gray-1);font-size:13.5px;font-weight:600;line-height:1.9}.info__text{color:var(--gray-1);margin:10px 0 0;font-size:13.5px;font-weight:600;line-height:1.85}.info__text--muted{color:var(--gray-3)}.info__note{color:var(--gray-3);margin:10px 0 0;font-size:12.5px;font-weight:600;line-height:1.7}.info__disclaimer{background:var(--tag-bg);color:var(--gray-2);border-radius:8px;margin:24px 20px 0;padding:14px 16px;font-size:12.5px;font-weight:700;line-height:1.8}.question{padding:22px 26px 40px}.question__top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.question__back{color:var(--gray-2);cursor:pointer;letter-spacing:.5px;background:0 0;border:none;padding:6px 0;font-family:inherit;font-size:14px;font-weight:800}.question__back:hover{color:var(--ink)}.question__step{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:1px;font-size:14px;font-weight:900}.segs{gap:4px;display:flex}.seg{background:var(--track);border-radius:2px;flex:1;height:6px;transition:background .3s}.seg--on{background:var(--red)}.question__block{opacity:1;transition:opacity .2s}.question__block--out{opacity:0}.question__num{color:var(--red);letter-spacing:2px;margin-top:26px;font-size:13px;font-weight:900}.question__title{color:var(--ink);text-wrap:balance;margin:7px 0 4px;font-size:22px;font-weight:900;line-height:1.45}.question__hint{color:var(--gray-3);margin:4px 0 0;font-size:12.5px;font-weight:600}.choices{flex-direction:column;gap:10px;margin-top:22px;display:flex}.choice{text-align:left;border:1.5px solid var(--border);cursor:pointer;width:100%;min-height:58px;color:var(--ink);background:#fff;border-radius:6px;align-items:center;gap:14px;padding:14px 16px;font-family:inherit;font-size:16px;font-weight:700;line-height:1.4;transition:border-color .14s,background .14s;display:flex;position:relative}.choice:hover{border-color:var(--ink)}.choice:active{transform:scale(.985)}.choice--sel{border-color:var(--red);background:#fff5f5}.choice__num{width:28px;height:28px;color:var(--gray-4);border:2px solid var(--border);background:#fff;border-radius:4px;flex:none;place-items:center;font-family:inherit;font-size:14px;font-weight:900;transition:all .14s;display:grid}.choice--sel .choice__num{background:var(--red);color:#fff;border-color:var(--red)}.choice__label{flex:1}.measure{flex-direction:column;gap:14px;margin-top:22px;display:flex}.measure__row{border:1.5px solid var(--border);background:#fff;border-radius:6px;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.measure__name{color:var(--ink);font-size:16px;font-weight:800}.measure__value{align-items:baseline;gap:8px;display:flex}.measure__input{border:none;border-bottom:2px solid var(--red);width:100px;color:var(--ink);text-align:center;font-variant-numeric:tabular-nums;background:0 0;outline:none;font-family:inherit;font-size:30px;font-weight:900}.measure__unit{color:var(--gray-3);font-size:15px;font-weight:800}.measure__error{color:var(--red);margin:0 2px;font-size:13px;font-weight:800}.btn-next{letter-spacing:2px;color:#fff;background:var(--red);cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:24px;padding:17px;font-family:inherit;font-size:18px;font-weight:900;transition:background .12s}.btn-next:hover{background:var(--red-dark)}.calc{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:82vh;padding:40px 30px;display:flex}.calc__bars{gap:7px;display:flex}.calc__bar{width:12px;height:28px;animation:1s ease-in-out infinite blink}.calc__bar:nth-child(odd){background:var(--red)}.calc__bar:nth-child(2n){background:var(--ink)}.calc__bar:nth-child(2){animation-delay:.15s}.calc__bar:nth-child(3){animation-delay:.3s}.calc__bar:nth-child(4){animation-delay:.45s}.calc__title{letter-spacing:2px;color:var(--ink);margin:26px 0 0;font-size:22px;font-weight:900}.calc__msg{color:var(--gray-2);min-height:22px;margin:9px 0 0;font-size:14px;font-weight:700}.calc__track{background:var(--track);border-radius:2px;width:220px;height:6px;margin-top:24px;overflow:hidden}.calc__fill{background:var(--red);height:100%;transition:width .12s linear}.result{padding:0 0 46px}.result__card-wrap{animation:.4s both fadeUp}.result__card{aspect-ratio:5/8;background:#fff;flex-direction:column;width:100%;display:flex;overflow:hidden}.result__card-inner{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px 22px;display:flex}.result__nick{letter-spacing:1px;color:var(--gray-3);margin:0;font-size:14px;font-weight:800}.result__title{color:var(--ink);text-wrap:balance;margin:16px 0 0;font-size:30px;font-weight:900;line-height:1.3}.result__flavor{color:var(--red)}.result__rarity{letter-spacing:2px;color:#fff;border-radius:999px;margin:6px 0 2px;padding:4px 14px;font-size:13px;font-weight:900;display:inline-block}.result__rarity--r{background:#b08d57}.result__rarity--sr{background:#3b6fd4}.result__rarity--ssr{color:#333;background:linear-gradient(135deg,#9aa3ad,#cfd6dd)}.result__rarity--ur{color:#4a3b00;background:linear-gradient(135deg,#caa227,#f0d873)}.result__rarity--legend{color:#fff;text-shadow:0 1px 2px #00000059;background:linear-gradient(90deg,#e74c3c,#f1c40f,#2ecc71,#3498db,#9b59b6)}.result__tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.result__tag{color:var(--gray-1);background:var(--tag-bg);border-radius:4px;padding:6px 12px;font-size:13px;font-weight:800}.result__body{padding:30px 26px 0}.section-head{align-items:center;gap:9px;display:flex}.section-head--spaced{margin-top:30px}.section-head__bar{background:var(--red);border-radius:1px;width:4px;height:20px}.section-head__title{letter-spacing:1px;color:var(--ink);margin:0;font-size:17px;font-weight:900}.section-text{color:var(--gray-1);text-wrap:pretty;margin:12px 0 0;font-size:15px;font-weight:600;line-height:1.9}.share{flex-direction:column;gap:10px;margin-top:34px;display:flex}.share__btn{letter-spacing:1px;color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;padding:15px;font-family:inherit;font-size:16px;font-weight:900;transition:filter .12s;display:flex}.share__btn--line{background:#06c755}.share__btn--line:hover{filter:brightness(.93)}.share__btn--x{background:#000}.share__btn--x:hover{filter:brightness(1.4)}.result__restart{color:var(--gray-3);cursor:pointer;background:0 0;border:none;margin:18px auto 0;font-family:inherit;font-size:13px;font-weight:800;text-decoration:underline;display:block}.result__restart:hover{color:var(--red)}.toast{background:var(--ink);color:#fff;white-space:nowrap;z-index:60;border-radius:6px;padding:12px 22px;font-size:13px;font-weight:700;animation:.2s both fadeUp;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.wipe{background:var(--red);z-index:200;pointer-events:none;will-change:transform, opacity;border-radius:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px;position:fixed}