:root{--pos1: #ff6b6b;--pos1-soft: #ffe3e3;--pos2: #34c759;--pos2-soft: #dcfce7;--pos3: #4d96ff;--pos3-soft: #dbeafe;--exists: #f5a623;--exists-soft: #fff2d6;--removed: #cbd2dc;--removed-text: #9aa4b2;--ink: #1f2440;--ink-soft: #6b7290;--tile-bg: #ffffff;--tile-border: #e3e7f2;--guessing: #8b5cf6;--guessing-soft: #ede9fe;--card-radius: 26px;--shadow-sm: 0 2px 6px rgba(31, 36, 64, .08);--shadow-md: 0 10px 30px rgba(31, 36, 64, .14);--shadow-lg: 0 24px 60px rgba(31, 36, 64, .28)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:PingFang SC,Microsoft YaHei,Hiragino Sans GB,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:linear-gradient(150deg,#6a5af9,#8b6cf0 40%,#d66efd);overscroll-behavior-y:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(10px,3vw,40px);padding-top:calc(clamp(10px,3vw,40px) + env(safe-area-inset-top));padding-right:calc(clamp(10px,3vw,40px) + env(safe-area-inset-right));padding-bottom:calc(clamp(10px,3vw,40px) + env(safe-area-inset-bottom));padding-left:calc(clamp(10px,3vw,40px) + env(safe-area-inset-left))}.card{width:min(520px,100%);flex:1 1 auto;min-height:0;background:#fff;border-radius:var(--card-radius);box-shadow:var(--shadow-lg);padding:clamp(16px,4vw,30px);display:flex;flex-direction:column;gap:clamp(14px,3.5vw,22px)}.header{display:flex;align-items:center;justify-content:space-between;gap:12px}.header__title{margin:0;font-size:clamp(24px,7vw,34px);line-height:1;letter-spacing:4px}.header__subtitle{margin:4px 0 0;font-size:13px;color:var(--ink-soft)}.header__right{display:flex;align-items:center;gap:10px;margin-left:auto}.header__level{display:flex;align-items:baseline;gap:2px;padding:6px 12px;border-radius:14px;background:var(--guessing-soft);color:var(--guessing);font-weight:700}.header__level-num{font-size:24px;line-height:1}.header__level-label{font-size:12px}.header__settings{border:none;cursor:pointer;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#f1f2f8;color:var(--ink-soft);touch-action:manipulation;transition:background .15s ease,color .15s ease}.header__settings svg{width:19px;height:19px;display:block}.header__settings:active{background:#e7e9f3;color:var(--ink)}.modes{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:#f1f2f8;border-radius:16px}.mode{border:none;background:transparent;border-radius:12px;padding:8px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink-soft);touch-action:manipulation;-webkit-touch-callout:none;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.mode--active{background:#fff;color:var(--guessing);box-shadow:var(--shadow-sm)}.mode__label{font-size:14px;font-weight:700}.mode__hint{font-size:11px;opacity:.75}.gauge{display:flex;flex-direction:column;align-items:stretch;gap:8px}.timebar{position:relative;width:100%;height:clamp(6px,2vw,9px);border-radius:999px;background:#eef0f7;box-shadow:inset 0 2px 5px #1f244024,inset 0 -1px #fff9;overflow:hidden}.timebar__fill{position:absolute;top:0;bottom:0;left:0;border-radius:999px;overflow:hidden;background:linear-gradient(180deg,hsl(var(--fill-hue, 120) 52% 80%),hsl(var(--fill-hue, 120) 46% 70%));box-shadow:inset 0 1px #ffffff73;transition:width 1s linear,background .6s ease}.timebar__flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#ffffffd9;pointer-events:none}.attempts{display:flex;justify-content:center;align-items:center;gap:7px}.attempts__dot{width:8px;height:8px;border-radius:50%;background:var(--guessing);box-shadow:0 1px 2px #1f24402e;transition:background .2s ease,transform .2s ease,opacity .2s ease}.attempts__dot--spent{background:var(--tile-border);transform:scale(.72);opacity:.7}.board{position:relative;display:flex;justify-content:center}.slots{display:flex;gap:clamp(10px,3vw,16px);justify-content:center}.slot{width:clamp(66px,21vw,88px);height:clamp(66px,21vw,88px);border-radius:18px;border:3px dashed var(--tile-border);background:#fbfcff;display:flex;align-items:center;justify-content:center;font-size:clamp(32px,9.5vw,46px);font-weight:800;cursor:default;padding:0;touch-action:manipulation;-webkit-touch-callout:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.slot__char{display:inline-block;line-height:1}.slot--pos1.slot--empty{border-color:var(--pos1);color:var(--pos1)}.slot--pos2.slot--empty{border-color:var(--pos2);color:var(--pos2)}.slot--pos3.slot--empty{border-color:var(--pos3);color:var(--pos3)}.slot--guessing{border-style:solid;border-color:var(--guessing);background:var(--guessing-soft);color:var(--guessing);cursor:pointer}.slot--position1{border-style:solid;border-color:var(--pos1);background:var(--pos1);color:#fff}.slot--position2{border-style:solid;border-color:var(--pos2);background:var(--pos2);color:#fff}.slot--position3{border-style:solid;border-color:var(--pos3);background:var(--pos3);color:#fff}.slot--exists{border-style:solid;border-color:var(--exists);background:var(--exists);color:#fff}.slot--removed{border-style:solid;border-color:var(--removed);background:var(--removed);color:#fff}.win-banner{position:absolute;top:-14px;left:50%;transform:translate(-50%);padding:10px 22px;border-radius:999px;background:linear-gradient(120deg,var(--pos1),var(--exists));color:#fff;font-weight:800;font-size:18px;letter-spacing:2px;box-shadow:var(--shadow-md);white-space:nowrap;z-index:5}.gameover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:#1f1b4b8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gameover{position:relative;width:min(340px,100%);background:#fff;border-radius:var(--card-radius);box-shadow:var(--shadow-lg);padding:clamp(22px,6vw,30px);text-align:center}.gameover__score{display:inline-flex;align-items:baseline;gap:3px;margin-bottom:10px;color:var(--guessing);font-weight:800}.gameover__score-num{font-size:46px;line-height:1;font-variant-numeric:tabular-nums}.gameover__score-label{font-size:16px}.gameover__title{margin:0 0 6px;font-size:22px;font-weight:800;color:var(--ink)}.gameover__detail{margin:0 0 4px;font-size:14px;color:var(--ink-soft)}.gameover__note{margin:0 0 20px;font-size:13px;color:var(--ink-soft)}.gameover__btn{width:100%;border:none;cursor:pointer;padding:13px 20px;border-radius:14px;background:linear-gradient(120deg,#ff5b6b,#b23a48);color:#fff;font-size:16px;font-weight:800;letter-spacing:1px;box-shadow:var(--shadow-md);touch-action:manipulation;transition:transform .12s ease,filter .15s ease}.gameover__btn:active{transform:scale(.97);filter:brightness(.95)}.taunt-anchor{position:absolute;left:0;right:0;bottom:calc(100% + 12px);display:flex;justify-content:center;pointer-events:none;z-index:6}.taunt{display:inline-flex;align-items:center;gap:9px;max-width:min(300px,80vw);padding:10px 15px;border-radius:20px 20px 20px 7px;background:#fff;color:var(--ink);border:2.5px solid var(--ink);box-shadow:3px 4px #1f2440e0;font-size:14px;font-weight:700;line-height:1.35;text-align:left}.taunt__emoji{font-size:22px;line-height:1;flex-shrink:0}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(6px,1.8vw,12px);width:100%;max-width:min(calc((100dvh - 330px) / 6 * 5),460px);margin:0 auto}.grid__cell{position:relative;width:100%;aspect-ratio:1 / 1;align-self:start}@supports (container-type: size){.grid__cell{container-type:size}.tile{font-size:clamp(22px,52cqmin,40px)}}.tile{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:14px;border:2px solid var(--tile-border);background:var(--tile-bg);color:var(--ink);font-size:clamp(24px,8.5vw,36px);font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;padding:0;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-touch-callout:none;animation:tile-pop .24s cubic-bezier(.34,1.56,.64,1);transition:opacity .18s ease,transform .1s ease,border-color .15s ease,background .15s ease,color .15s ease;will-change:transform}@keyframes tile-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.tile:active:not(:disabled){transform:scale(.9)}.tile--hidden{opacity:0;transform:scale(.3);pointer-events:none}.tile:disabled{cursor:default}.tile--position1{background:var(--pos1-soft);border-color:var(--pos1);color:var(--pos1)}.tile--position2{background:var(--pos2-soft);border-color:var(--pos2);color:#1b8f3a}.tile--position3{background:var(--pos3-soft);border-color:var(--pos3);color:var(--pos3)}.tile--exists{background:var(--exists-soft);border-color:var(--exists);color:#b9770f}.tile--special{border-color:var(--exists);box-shadow:0 0 0 2px var(--exists-soft),0 0 10px 1px #f5a62380,var(--shadow-sm);animation:tile-special 1.6s ease-in-out infinite}.tile--special:after{content:"⭐";position:absolute;top:-7px;right:-7px;font-size:14px;line-height:1;filter:drop-shadow(0 1px 1px rgba(31,36,64,.25));pointer-events:none}@keyframes tile-special{0%,to{box-shadow:0 0 0 2px var(--exists-soft),0 0 8px 1px #f5a62366,var(--shadow-sm)}50%{box-shadow:0 0 0 3px var(--exists-soft),0 0 16px 3px #f5a623b8,var(--shadow-sm)}}.tile--active{z-index:1;box-shadow:var(--shadow-md);transition:opacity .18s ease,box-shadow .18s ease,transform .1s ease,border-color .15s ease,background .15s ease,color .15s ease}.tile--dim1{opacity:.62;filter:grayscale(.28)}.tile--dim2{opacity:.3;filter:grayscale(.55)}.tile--muted{opacity:.4;filter:grayscale(1)}.propbar{width:min(520px,100%);margin-top:clamp(12px,3vw,18px);padding:clamp(12px,3.5vw,16px);border-radius:22px;background:#ffffff29;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-md);display:flex;justify-content:center;gap:clamp(10px,3vw,16px);flex-wrap:wrap}.prop{position:relative;display:inline-flex;align-items:center;gap:3px;padding:10px 16px;border:2px solid var(--tile-border);border-radius:16px;background:var(--tile-bg);color:var(--ink);font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);touch-action:manipulation;-webkit-touch-callout:none;transition:transform .1s ease,opacity .18s ease,border-color .15s ease,background .15s ease}.prop:active:not(:disabled){transform:scale(.92)}.prop:disabled{cursor:default;opacity:.45;filter:grayscale(.55)}.prop__icon{font-size:22px;line-height:1;letter-spacing:1px}.prop__count{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--guessing);color:#fff;font-size:12px;font-weight:800;line-height:20px;text-align:center;box-shadow:var(--shadow-sm)}.prop__pulse{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:18px;background:radial-gradient(circle,#f5a6238c,#f5a62300 70%);pointer-events:none}.hint{margin:0;text-align:center;font-size:12px;color:var(--ink-soft);line-height:1.9}.hint__legend{display:inline-flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-top:6px}.hint__dot{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:3px;vertical-align:-1px}.hint__dot--pos1{background:var(--pos1)}.hint__dot--pos2{background:var(--pos2)}.hint__dot--pos3{background:var(--pos3)}.hint__dot--exists{background:var(--exists)}.hint__dot--removed{background:var(--removed)}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#1f1b4b73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.settings{position:relative;width:min(420px,100%);max-height:85vh;overflow-y:auto;background:#fff;border-radius:var(--card-radius);box-shadow:var(--shadow-lg);padding:clamp(18px,5vw,26px)}.settings__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.settings__section{margin-bottom:16px}.settings__subtitle{margin:0 0 6px;font-size:13px;font-weight:700;color:var(--ink)}.settings__text{margin:0;font-size:13px;line-height:1.7;color:var(--ink-soft)}.settings__toggle-group{display:grid;gap:8px}.settings__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:none;border-radius:12px;background:#f1f2f8;cursor:pointer;touch-action:manipulation}.settings__toggle-label{font-size:14px;font-weight:600;color:var(--ink)}.settings__actions{display:grid;grid-template-columns:1fr;gap:8px}.settings__action{border:none;cursor:pointer;padding:11px 12px;border-radius:12px;background:#f3e1e3;color:#a23b46;font-size:14px;font-weight:700;touch-action:manipulation;transition:transform .12s ease,filter .15s ease,background .15s ease}.settings__action:active{transform:scale(.97)}.settings__hint-text{margin:8px 0 0;font-size:12px;line-height:1.6;color:var(--ink-soft)}.switch{position:relative;flex:none;width:44px;height:26px;border-radius:13px;background:#cbcdd9;transition:background .18s ease}.switch--on{background:var(--guessing, #5b8def)}.switch__knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s ease}.switch--on .switch__knob{transform:translate(18px)}.settings .hint{text-align:left}.settings .hint__legend{justify-content:flex-start}.settings__title{margin:0;font-size:18px;font-weight:800;color:var(--ink)}.settings__close{border:none;cursor:pointer;width:32px;height:32px;border-radius:10px;background:#f1f2f8;color:var(--ink-soft);font-size:16px;line-height:1;touch-action:manipulation;transition:background .15s ease,color .15s ease}.settings__close:active{background:#e7e9f3;color:var(--ink)}@media(hover:hover){.header__settings:hover,.settings__close:hover{background:#e7e9f3;color:var(--ink)}.settings__action:hover{background:#ecd2d5}.gameover__btn:hover{filter:brightness(1.05)}}@media(max-width:400px){.app{padding:8px;align-items:stretch}.card{padding:14px 12px;gap:12px}.header__subtitle{display:none}}@media(prefers-reduced-motion:reduce){.tile,.tile--special{animation:none}*{scroll-behavior:auto}}.footer{margin-top:16px;color:#ffffffd1;font-size:12px;text-align:center;letter-spacing:.5px;text-shadow:0 1px 2px rgba(31,36,64,.25);font-variant-numeric:tabular-nums}