:root{--bg:#10261c;--bg-outer:#0b1d15;--panel:#173427;--border:#2c4a3b;--border-strong:#4a6657;--text:#f3eedc;--text-sub:#a9b8ae;--match:#f2b33d;--match-text:#1a1a12;--miss:#22392e;--font-display:"Dela Gothic One", sans-serif;--font-body:"Zen Kaku Gothic New", "Hiragino Sans", sans-serif;--font-num:"Barlow Condensed", sans-serif}*{box-sizing:border-box}body{background:var(--bg-outer);color:var(--text);font-family:var(--font-body);-webkit-text-size-adjust:100%;margin:0}button,input{font:inherit;color:inherit}#root{flex-direction:column;min-height:100dvh;display:flex}.app{background:var(--bg);flex-direction:column;flex:1 0 auto;width:100%;max-width:480px;margin:0 auto;display:flex}.screen{flex-direction:column;flex-grow:1;display:flex}.muted-small{color:var(--text-sub);font-size:12px}.notice,.error{border-radius:10px;margin:0;padding:12px 14px;font-size:14px}.notice{background:var(--panel);border:1px solid var(--border)}.error{background:#3a1d1d;border:1px solid #7a3b3b}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.header__brand{flex-direction:column;gap:2px;display:flex}.header__logo{font-family:var(--font-display);letter-spacing:.04em;font-size:18px}.header__tagline{color:var(--text-sub);letter-spacing:.08em;font-size:11px}.header__actions{gap:8px;display:flex}.icon-button{border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:22px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.icon-button--text{font-family:var(--font-num);font-size:20px;font-weight:700}.section{flex-direction:column;gap:14px;padding:16px 20px 0;display:flex}.section--guesses{gap:6px;padding-top:18px}.puzzle-title{justify-content:space-between;align-items:baseline;display:flex}.puzzle-title__text{font-family:var(--font-display);margin:0;font-size:22px;font-weight:400}.puzzle-title__no{font-family:var(--font-num);color:var(--match);letter-spacing:.06em;font-size:18px;font-weight:700}.mystery{background:var(--panel);border:1px solid var(--border);border-radius:14px;align-items:center;gap:16px;padding:16px;display:flex}.mystery__silhouette{background:var(--bg-outer);width:92px;height:104px;color:var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.mystery__mark{text-align:center;font-family:var(--font-display);color:var(--match);font-size:34px;position:absolute;top:18px;left:0;right:0}.mystery__body{flex-direction:column;flex-grow:1;gap:8px;display:flex}.mystery__label{color:var(--text-sub);font-size:13px}.mystery__hint{font-size:15px;line-height:1.5}.mystery__remaining{align-items:center;gap:6px;display:flex}.mystery__count{font-family:var(--font-num);font-size:22px;font-weight:700}.pips{gap:4px;display:flex}.pip{background:var(--match);border-radius:3px;width:18px;height:6px}.pip--used{background:var(--border-strong)}.guess-form{flex-direction:column;gap:6px;display:flex}.guess-form__row{gap:8px;display:flex}.guess-form__input{border:1px solid var(--border-strong);background:var(--bg-outer);border-radius:10px;flex-grow:1;min-width:0;height:48px;padding:0 14px;font-size:16px}.guess-form__input:focus-visible{outline:2px solid var(--match);outline-offset:1px}.primary-button{background:var(--match);height:48px;color:var(--match-text);cursor:pointer;border:none;border-radius:10px;padding:0 20px;font-size:15px;font-weight:700}.primary-button:disabled{opacity:.45;cursor:default}.suggestions{background:var(--panel);border:1px solid var(--border);border-radius:10px;margin:0;padding:4px;list-style:none}.suggestion{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px 10px;font-size:15px;display:flex}.suggestion:hover,.suggestion:focus-visible,.suggestion[aria-selected=true]{background:var(--miss);outline:none}.suggestion__meta{color:var(--text-sub);white-space:nowrap;font-size:12px}.guess-header,.guess__cells{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.guess-header{color:var(--text-sub);text-align:center;font-size:11px}.guess{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.guess__head{justify-content:space-between;font-size:14px;font-weight:700;display:flex}.guess__index{font-family:var(--font-num);color:var(--text-sub);font-weight:500}.cell{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;height:46px;font-size:13px;display:flex;position:relative;overflow:hidden}.cell--match{background:var(--match);color:var(--match-text);font-weight:700}.cell--close{background:var(--bg);border:2px solid var(--match);color:var(--match);font-weight:700}.cell--miss{background:var(--miss);color:var(--text-sub)}.cell--numeric{font-family:var(--font-num);font-size:20px;font-weight:700}.cell__band{height:5px;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 -1px #00000073}.cell--team>span{padding-top:5px}.legend{border-top:1px solid var(--border);color:var(--text-sub);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;margin-top:auto;padding:14px 20px;font-size:11px;display:flex}.legend__item{align-items:center;gap:6px;display:flex}.swatch{border-radius:3px;width:12px;height:12px}.swatch--match{background:var(--match)}.swatch--close{border:2px solid var(--match)}.swatch--miss{background:var(--miss);border:1px solid var(--border-strong)}.storage-note{text-align:center;margin:0;padding:0 20px 14px}.result{gap:16px;padding:20px}.result__top{justify-content:space-between;align-items:baseline;display:flex}.result__logo{font-family:var(--font-display);font-size:16px}.result__headline{flex-direction:column;align-items:center;gap:4px;padding-top:4px;display:flex}.result__label{color:var(--text-sub);letter-spacing:.1em;font-size:13px}.result__big{font-family:var(--font-display);color:var(--match);font-size:40px}.answer-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex;position:relative;overflow:hidden}.answer-card__band{height:5px;position:absolute;top:0;left:0;right:0}.answer-card__main{justify-content:space-between;align-items:center;gap:12px;display:flex}.answer-card__meta{color:var(--text-sub);font-size:12px}.answer-card__name{font-family:var(--font-display);font-size:28px}.answer-card__no{font-family:var(--font-num);color:var(--match);font-size:56px;font-weight:700;line-height:1}.answer-card__stats{border-top:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding-top:12px;display:grid}.answer-card__stat{flex-direction:column-reverse;align-items:center;gap:2px;display:flex}.answer-card__stat dt{color:var(--text-sub);font-size:11px}.answer-card__stat dd{font-family:var(--font-num);margin:0;font-size:24px;font-weight:700}.answer-card__note{color:var(--text-sub);text-align:right;font-size:11px}.result__comment{background:var(--bg-outer);border:1px dashed var(--border-strong);border-radius:10px;margin:0;padding:12px 14px;font-size:14px;line-height:1.6}.result__tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tile{background:var(--panel);border-radius:10px;flex-direction:column;align-items:center;padding:10px;display:flex}.tile__label{color:var(--text-sub);font-size:11px}.tile__value{font-family:var(--font-num);font-size:26px;font-weight:700}.tile__unit{font-family:var(--font-body);font-size:14px}.result__footer{flex-direction:column;gap:10px;margin-top:auto;display:flex}.secondary-button{border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:12px;height:48px;font-size:15px}.result__next{text-align:center;color:var(--text-sub);font-size:12px}.result__countdown{font-family:var(--font-num);color:var(--text);font-size:16px;font-weight:700}.preview-banner{width:100%;max-width:480px;color:var(--text);text-align:center;background:#3b2f63;margin:0 auto;padding:6px 12px;font-size:12px}.community{flex-direction:column;gap:6px;display:flex}.community__head{color:var(--text-sub);justify-content:space-between;font-size:12px;display:flex}.community__rate{font-family:var(--font-num);color:var(--text);font-size:16px;font-weight:700}.community__bars{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.bar{font-family:var(--font-num);align-items:center;gap:8px;font-size:14px;display:flex}.bar__label{width:14px;color:var(--text-sub);text-align:right}.bar__fill{background:var(--border-strong);border-radius:3px;flex-shrink:0;max-width:calc(100% - 70px);height:12px}.bar--mine .bar__label{color:var(--match);font-weight:700}.bar--mine .bar__fill{background:var(--match)}.bar__mine{font-family:var(--font-body);color:var(--match);font-size:11px}.community__empty{text-align:center;margin:0}.share{flex-direction:column;gap:8px;display:flex}.share__x{border-radius:12px;justify-content:center;align-items:center;height:52px;font-size:16px;text-decoration:none;display:flex}.share__row{gap:8px;display:flex}.share__row>*{flex:1}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-footer{color:var(--text-sub);border-top:1px solid var(--border);padding:14px 20px 24px;font-size:11px;line-height:1.7}.site-footer p{margin:0 0 6px}.site-footer a{color:var(--text)}.howto{border:1px solid var(--border);background:var(--panel);width:min(440px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--text);border-radius:14px;padding:20px;font-size:14px;line-height:1.7}.howto::backdrop{background:#0009}.howto__title{font-family:var(--font-display);margin:0 0 8px;font-size:20px;font-weight:400}.howto p{margin:0 0 10px}.howto__list,.howto__legend{margin:0 0 10px;padding-left:1.2em}.howto__legend{padding-left:0;list-style:none}.howto__legend li{align-items:center;gap:8px;display:flex}.howto__legend .swatch{flex-shrink:0}.howto__close{width:100%;margin-top:6px}.practice-banner{border:2px dashed var(--match);color:var(--match);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:12px 20px 0;padding:8px 8px 8px 14px;font-size:14px;display:flex}.practice-banner__sub{color:var(--text-sub);font-size:11px;display:block}.practice-banner__exit{border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:10px;min-height:44px;padding:0 12px;font-size:13px}