:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background-color:#edf1f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0;background-color:#edf1f7}button,input{font:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid #7c9cff;outline-offset:3px}.page{min-height:100vh;padding:32px 16px}.game-card{width:min(100%,680px);margin:0 auto;padding:32px;border:1px solid #d9e0eb;border-radius:24px;background-color:#fff;box-shadow:0 18px 50px #23304b1f}.game-header{margin-bottom:28px;text-align:center}.eyebrow{margin:0 0 8px;color:#526078;font-size:.86rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}h1{margin:0;color:#172033;font-size:clamp(2rem,8vw,3.25rem);line-height:1.05}.subtitle{margin:14px 0 0;color:#5c687d;font-size:1.05rem}.section-heading{margin:0 0 16px;color:#26324a;font-size:1.15rem}.instructions,.guess-entry,.attempt-history{padding:24px;border-radius:18px;background-color:#f6f8fc}.instructions ul{margin:0;padding-left:22px;color:#3e4a5f;line-height:1.65}.instructions li+li{margin-top:8px}.attempt-counter{margin:24px 0;padding:14px 16px;border-radius:14px;color:#344158;background-color:#eef2f8;text-align:center}.guess-entry{margin-bottom:24px}.digit-keyboard{display:flex;align-items:center;flex-direction:column;width:100%;gap:14px;margin:8px 0 30px}.digit-keyboard-row{display:flex;align-items:center;justify-content:center;width:100%;gap:20px}.guess-form{display:grid;width:100%;gap:18px;margin:0}.digit-key{display:grid;width:52px;height:52px;place-items:center;border:0;border-radius:12px;color:#fff;background-color:#354a73;font-size:1.4rem;font-weight:800;cursor:pointer;transition:transform .12s ease,background-color .12s ease,box-shadow .12s ease}.digit-key:hover:not(:disabled){background-color:#263b64;box-shadow:0 5px 12px #263b6438;transform:translateY(-2px)}.digit-key:active:not(:disabled){box-shadow:none;transform:translateY(0)}.digit-key:disabled{opacity:.5;cursor:not-allowed}.guess-form{display:grid;gap:16px;margin-top:28px}.position-fieldset{min-width:0;margin:0;padding:0;border:0}.position-inputs{display:flex;justify-content:center;gap:10px}.position-input{width:58px;height:64px;padding:0;border:2px solid #b5c0d2;border-radius:12px;color:#172033;background-color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:2rem;font-weight:800;text-align:center;caret-color:#2563eb;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.position-input:hover:not(:disabled){border-color:#8797b2}.position-input:focus,.position-input-active{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb29;outline:none}.position-input:disabled{color:#6c7789;background-color:#ebeff5;cursor:not-allowed}.input-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.primary-button,.secondary-button,.restart-button{min-width:112px;padding:12px 20px;border:0;border-radius:12px;font-weight:750;cursor:pointer;transition:transform .12s ease,background-color .12s ease,opacity .12s ease,box-shadow .12s ease}.primary-button{color:#fff;background-color:#2563eb}.primary-button:hover:not(:disabled){background-color:#1d4ed8;box-shadow:0 5px 12px #2563eb3d;transform:translateY(-1px)}.secondary-button{color:#2e3b54;background-color:#dfe5ef}.secondary-button:hover:not(:disabled){background-color:#cfd7e5;transform:translateY(-1px)}.restart-button{color:#fff;background-color:#354a73}.restart-button:hover{background-color:#263b64;box-shadow:0 5px 12px #263b6438;transform:translateY(-1px)}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.restart-button:active{box-shadow:none;transform:translateY(0)}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.validation-message{margin:16px 0 0;color:#b42318;font-weight:650;text-align:center}.attempt-history{margin-top:24px}.empty-history{margin:0;color:#6c7789;text-align:center}.guess-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.guess-result{padding:16px;border:1px solid #d7deea;border-radius:14px;background-color:#fff}.guess-result-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.attempt-number{color:#667186;font-size:.9rem;font-weight:650}.guess-value{display:inline-flex;align-items:center;gap:5px;color:#1c2943;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:1.35rem;font-weight:850}.guess-digit{display:inline-grid;min-width:30px;height:36px;place-items:center;padding:0 5px;border-radius:7px;color:#1c2943;background-color:transparent}.guess-digit-green{color:#fff;background-color:#2f9e5b;box-shadow:inset 0 0 0 1px #14643426}.guess-digit-orange{color:#fff;background-color:#e2842e;box-shadow:inset 0 0 0 1px #7d410f2e}.guess-feedback{margin:12px 0 0;color:#3e4a5f;line-height:1.55}.game-message{margin-top:24px;padding:20px;border-radius:16px;text-align:center}.game-message h2{margin:0 0 8px}.game-message p{margin:0}.success-message{border:1px solid #84d6aa;color:#155b35;background-color:#e9f9f0}.loss-message{border:1px solid #efaaa6;color:#84251f;background-color:#fff0ef}.restart-area{margin-top:20px;text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.share-area{margin-top:20px;text-align:center}.share-button{min-width:150px;padding:12px 20px;border:0;border-radius:12px;color:#fff;background-color:#2f9e5b;font-weight:750;cursor:pointer;transition:transform .12s ease,background-color .12s ease,box-shadow .12s ease}.share-button:hover{background-color:#247f49;box-shadow:0 5px 12px #2f9e5b40;transform:translateY(-1px)}.share-button:active{box-shadow:none;transform:translateY(0)}.share-message{margin:10px 0 0;color:#526078;font-size:.9rem}.configuration-error-page{display:grid;min-height:100vh;padding:32px 16px;place-items:center;background-color:#edf1f7}.configuration-error-card{width:min(100%,680px);padding:32px;border:1px solid #efaaa6;border-radius:24px;color:#5c211d;background-color:snow;box-shadow:0 18px 50px #5e221c1f}.configuration-error-label{margin:0 0 8px;color:#9c3a33;font-size:.86rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.configuration-error-heading{margin:0;color:#79251f;font-size:clamp(1.8rem,6vw,2.7rem);line-height:1.1}.configuration-error-introduction{margin:18px 0 0;color:#69332f;line-height:1.6}.configuration-error-details{overflow-x:auto;margin:20px 0;padding:18px;border:1px solid #efc1bd;border-radius:12px;color:#651c17;background-color:#fff0ef;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}.configuration-error-guidance{margin:0;color:#69332f;line-height:1.6}.configuration-reload-button{margin-top:22px;padding:12px 20px;border:0;border-radius:12px;color:#fff;background-color:#a33b34;font-weight:750;cursor:pointer;transition:background-color .12s ease,transform .12s ease,box-shadow .12s ease}.configuration-reload-button:hover{background-color:#842d27;box-shadow:0 5px 12px #842d2738;transform:translateY(-1px)}.configuration-reload-button:active{box-shadow:none;transform:translateY(0)}@media(max-width:560px){.page{padding:12px}.game-card{padding:20px 16px;border-radius:18px}.instructions,.guess-entry,.attempt-history{padding:18px 14px}.digit-keyboard{gap:10px}.digit-keyboard-row{gap:12px}.digit-key{width:44px;height:44px;font-size:1.2rem}.position-inputs{gap:6px}.position-input{width:48px;height:56px;font-size:1.65rem}.guess-result-header{align-items:flex-start;flex-direction:column;gap:10px}.guess-value{align-self:center}.input-actions{width:100%}.primary-button,.secondary-button{flex:1}.statistics-panel{padding:18px 14px}.statistics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.statistic:last-child{grid-column:1 / -1}.configuration-error-page{padding:12px}.configuration-error-card{padding:24px 18px;border-radius:18px}}@media(max-width:380px){.position-inputs{gap:4px}.position-input{width:43px;height:52px;font-size:1.5rem}.digit-keyboard-row{gap:8px}}.statistics-panel{margin-top:24px;padding:24px;border-radius:18px;background-color:#f6f8fc}.statistics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.statistic{display:flex;align-items:center;flex-direction:column;min-width:0;padding:14px 8px;border:1px solid #d7deea;border-radius:12px;background-color:#fff;text-align:center}.statistic strong{color:#1c2943;font-size:1.6rem;line-height:1.1}.statistic span{margin-top:7px;color:#667186;font-size:.78rem;line-height:1.25}