:root{--line:#efb1d0;--muted:#888;--correct:#42a35b;--present:#f2b311;--absent:#aeb4bc;--radius:15px;--radius-sm:10px;--max:960px
        
}body{font-family:sans-serif;background:var(--color-background);color:var(--color-text);overflow-x:hidden
        }.page{width:min(100%, var(--max));margin:0 auto;overflow-x:clip
        }.page-wrap{padding:15px 15px 30px
        }.title-up{font-size:35px;font-weight:bold;white-space:nowrap
        }.title-dw{padding-top:5px;font-size:25px;white-space:nowrap
        }.game-picker,
        .game-card{background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow-card)
        }.game-picker{padding:10px
        }.game-picker-title{margin:0 0 10px;color:var(--color-primary-dark);font-size:15px;font-weight:900;letter-spacing:.08em
        }.game-picker-list{display:flex;flex-wrap:wrap;gap:10px
        }.game-picker-btn{min-height:40px;padding:10px 10px;border:1.5px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-text);font:inherit;font-size:13px;font-weight:bold;line-height:1;box-shadow:none
        }.game-picker-btn.is-active{background:var(--color-primary);color:var(--color-white)
        }.game-picker-btn:disabled{border-color:#ddd;background:#f5f5f5;color:#999;cursor:not-allowed
        }.game-card{margin-top:15px;overflow:hidden
        }.game-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 15px;background:var(--color-primary);color:var(--color-white)
        }.game-card-title-group{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0
        }.game-card-head h1{margin:0;font-size:20px;line-height:1.1;white-space:nowrap
        }.game-card-controls{display:inline-flex;align-items:stretch;gap:5px;min-width:0
        }.new-game-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:35px;padding:0 10px;border:1.5px solid var(--color-white);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-primary-dark);font:inherit;font-size:12px;font-weight:900;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:0 2px 0 rgba(0, 0, 0, .14);transition:transform .15s ease, background .15s ease, box-shadow .15s ease
        }.new-game-btn::before{content:none;display:none
        }.new-game-btn:hover,
        .new-game-btn:focus-visible{background:var(--color-primary-light);color:var(--color-primary-dark);outline:3px solid rgba(255, 255, 255, .55);outline-offset:2px;transform:translateY(-1px)
        }.new-game-btn:active{box-shadow:none;transform:translateY(1px)
        }.game-count{flex:0 0 auto;padding:2px 0;color:var(--color-white);font-size:16px;font-weight:900;line-height:1.1;white-space:nowrap
        }.game-card-body{padding:15px
        }.rule{margin:0 0 10px;color:var(--color-text);font-size:13px;font-weight:bold;line-height:1.55
        }.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 10px;margin:0 0 15px;font-size:12px;font-weight:bold
        }.legend-item{display:inline-flex;align-items:center;gap:5px
        }.legend-box{width:15px;height:15px;border-radius:5px;border:1px solid rgba(0, 0, 0, .12)
        }.is-correct{background:var(--correct);color:var(--color-white)
        }.is-present{background:var(--present);color:var(--color-white)
        }.is-absent{background:var(--absent);color:var(--color-white)
        }.board{--letter-size:40px;display:grid;grid-template-columns:repeat(2, max-content);grid-template-rows:repeat(5, max-content);grid-auto-flow:column;gap:5px 20px;justify-content:center;margin:0 auto 15px
        }.word-row{display:grid;grid-template-columns:repeat(var(--letters), var(--letter-size));gap:5px
        }.letter{display:flex;align-items:center;justify-content:center;width:var(--letter-size);height:var(--letter-size);border:2px solid var(--line);border-radius:5px;background:var(--color-white);font-size:20px;font-weight:900;line-height:1;transition:background .15s ease, color .15s ease, border-color .15s ease
        }.letter.is-filled{border-color:var(--color-primary)
        }.letter.is-correct{border-color:var(--line);background:var(--correct);color:var(--color-text)
        }.letter.is-present{border-color:var(--line);background:var(--present);color:var(--color-text)
        }.letter.is-absent{border-color:var(--line);background:var(--absent);color:var(--color-text)
        }.btn{height:45px;padding:0 15px;border:0;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-white);font:inherit;font-size:14px;font-weight:bold;cursor:pointer;box-shadow:var(--shadow-card)
        }.btn:hover{background:var(--color-primary-dark)
        }.message{min-height:25px;margin:10px auto 0;max-width:600px;color:var(--color-primary-dark);font-size:13px;font-weight:bold;line-height:1.4;text-align:center
        }.answer-reveal{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:10px 0 0;padding:10px;border-radius:var(--radius-sm);background:var(--color-primary-light);font-weight:bold;text-align:center
        }.answer-reveal[hidden]{display:none
        }.answer-reveal-text{display:inline-flex;align-items:center;min-width:0;line-height:1.35
        }.answer-next-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:0 20px;border:2px solid var(--color-white);border-radius:999px;background:var(--color-primary);color:var(--color-white);font:inherit;font-size:14px;font-weight:900;line-height:1;letter-spacing:.04em;cursor:pointer;box-shadow:0 0 0 3px rgba(255, 116, 184, .28),
                0 8px 16px rgba(204, 92, 146, .28);transition:transform .15s ease, background .15s ease, box-shadow .15s ease
        }.answer-next-btn::before{content:"▶";font-size:.95em;line-height:1
        }.answer-next-btn:hover,
        .answer-next-btn:focus-visible{transform:translateY(-2px);background:var(--color-primary-dark);box-shadow:0 0 0 4px rgba(255, 116, 184, .34),
                0 10px 18px rgba(204, 92, 146, .34);outline:0
        }.answer-next-btn:active{transform:translateY(0)
        }.wordle-official-link-wrap{display:flex;justify-content:center;margin:15px 0 0
        }.wordle-official-link{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:10px 15px;border:1.5px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-primary-dark);font-size:13px;font-weight:900;line-height:1.1;text-align:center;text-decoration:none;box-shadow:var(--shadow-card);transition:transform .15s ease, background .15s ease, color .15s ease
        }.wordle-official-link:hover,
        .wordle-official-link:focus-visible{transform:translateY(-1px);background:var(--color-primary);color:var(--color-white);outline:0
        }.wordle-stats{display:flex;justify-content:center;max-width:620px;margin:0 auto 15px
        }.wordle-stat-combined{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 10px;width:100%;min-width:0;padding:10px 10px;border:1.5px solid var(--color-primary);border-radius:var(--radius-sm);background:#fff8fc;text-align:center
        }.wordle-stat-line{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;white-space:nowrap
        }.wordle-stat-label{color:var(--color-primary-dark);font-size:12px;font-weight:900;line-height:1.1
        }.wordle-stat-value{color:var(--color-text);font-size:16px;font-weight:900;line-height:1.15
        }.wordle-stat-separator{color:var(--line);font-size:16px;font-weight:900;line-height:1
        }.keyboard{display:grid;gap:10px;max-width:620px;margin:15px auto 0;padding:10px;border:1.5px solid #d98bb4;border-radius:var(--radius);background:#f4d4e5;box-shadow:inset 0 0 0 1px rgba(255,255,255,.86),
                0 3px 8px rgba(204,92,146,.12)
        }.keyboard .key{border:1px solid #dca2bf;background:var(--color-white);box-shadow:0 1px 0 rgba(0,0,0,.10)
        }.keyboard .key:hover{border-color:var(--color-primary-dark);background:#fff5fa
        }.keyboard-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:5px 10px
        }.keyboard-column{display:grid;align-content:start;gap:5px;min-width:0
        }.keyboard-row{display:grid;grid-template-columns:repeat(var(--key-count), minmax(0, 1fr));gap:5px;min-width:0
        }.keyboard-extra{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:5px 10px
        }.keyboard-extra .keyboard-column{display:grid;align-content:start;gap:5px;min-width:0
        }.game-message-row{display:flex;align-items:center;gap:10px;max-width:620px;margin:10px auto 0
        }.game-message-row .message{flex:1 1 auto;min-width:0;margin:0
        }.game-message-actions{display:grid;grid-template-columns:minmax(125px, 1.25fr) repeat(2, minmax(105px, 1fr));flex:0 0 auto;align-items:center;gap:5px
        }.key-message-action{width:100%;min-width:105px;height:40px;padding:0 20px;border-radius:var(--radius-sm);font-size:12px
        }.brand-select-wrap{position:relative;display:block;min-width:125px;height:40px;border:1.5px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-white);box-shadow:var(--shadow-card);overflow:hidden
        }.brand-select-wrap::after{content:"▾";position:absolute;right:10px;top:50%;z-index:1;color:var(--color-primary-dark);font-size:13px;font-weight:900;line-height:1;pointer-events:none;transform:translateY(-50%)
        }.brand-select{appearance:none;-webkit-appearance:none;width:100%;height:100%;padding:0 30px 0 10px;border:0;border-radius:0;background:var(--color-white);color:var(--color-primary-dark);font:inherit;font-size:12px;font-weight:900;line-height:1;cursor:pointer;box-shadow:none;transition:background .15s ease, outline .15s ease
        }.brand-select option{background:var(--color-white);color:var(--color-text)
        }.brand-select:hover,
        .brand-select:focus{background:var(--color-primary-light);outline:0
        }.brand-select:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:-3px
        }.key{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;height:35px;padding:0 5px;border:0;border-radius:5px;background:#eee;color:var(--color-text);font:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:background .15s ease, color .15s ease
        }.key:hover{background:#ddd
        }.key-empty{display:block;width:100%;height:35px;min-width:0;border:0;background:transparent;pointer-events:none
        }.key.is-in-answer{background:var(--color-primary);color:var(--color-white)
        }.key.is-not-in-answer{background:#555;color:var(--color-white)
        }.key-wide{width:100%;max-width:none
        }.key-action{background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-card)
        }.key-action:hover{background:var(--color-primary-dark);color:var(--color-white)
        }.loading{padding:35px 10px;text-align:center;font-weight:bold
        }.error{color:#b72f50
        }.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0
        }@media (max-width:768px){.page-wrap{padding:10px 10px 20px
            }.main-title{margin:10px 0
            }.title-up{font-size:27px
            }.title-up span{padding:5px 15px
            }.title-dw{font-size:20px
            }.game-picker{padding:10px
            }.game-picker-btn{flex:1 1 calc(50% - 4px);min-width:0;padding:10px 5px;font-size:12px
            }.game-card-head{align-items:flex-start;gap:5px;padding:10px
            }.game-card-title-group{align-items:flex-start;gap:5px
            }.game-card-head h1{min-height:30px;display:inline-flex;align-items:center;font-size:18px
            }.game-count{padding-top:5px;font-size:14px
            }.game-card-controls{gap:5px
            }.new-game-btn{min-height:30px;padding:0 10px;font-size:10px
            }.new-game-btn::before{font-size:1.15em
            }.game-card-body{padding:10px 10px
            }.board{--letter-size:clamp(15px, calc((100vw - 85px) / 16), 40px);gap:5px 10px
            }.word-row{grid-template-columns:repeat(var(--letters), var(--letter-size));gap:2px
            }.letter{height:var(--letter-size);font-size:clamp(9px, 4vw, 18px)
            }.btn{width:100%
            }.keyboard{gap:5px;padding:5px
            }.keyboard-grid{gap:5px 5px
            }.keyboard-row{gap:5px
            }.keyboard-extra{gap:5px 5px
            }.keyboard-extra .keyboard-column{gap:5px
            }.game-message-row{gap:5px;margin-top:10px
            }.game-message-row{flex-wrap:wrap
            }.game-message-row .message{flex:1 0 100%
            }.game-message-actions{grid-template-columns:minmax(95px, 1.2fr) repeat(2, minmax(80px, 1fr));width:100%;flex:1 0 100%;gap:5px
            }.key-message-action{min-width:0;height:40px;padding:0 10px;font-size:11px
            }.brand-select-wrap{min-width:0;height:40px
            }.brand-select-wrap::after{right:10px;font-size:11px
            }.brand-select{padding:0 25px 0 10px;font-size:11px
            }.key{height:35px;padding:0 2px;font-size:11px
            }.key-empty{height:35px
            }.key-wide{max-width:none
            }.rule{font-size:12px
            }.legend{font-size:11px
            }.wordle-official-link-wrap{margin-top:10px
            }.wordle-official-link{width:100%;min-height:35px;padding:5px 10px;font-size:12px
            }.wordle-stats{margin-bottom:10px
            }.wordle-stat-combined{gap:5px 5px;padding:5px 5px
            }.wordle-stat-line{gap:5px
            }.wordle-stat-label{font-size:11px
            }.wordle-stat-value,
            .wordle-stat-separator{font-size:14px
            }.answer-next-btn{min-height:40px;padding:0 15px;font-size:12px
            }
        }.letter{background:#fff3fa
        }.letter.is-filled{border-color:var(--color-primary-dark);background:var(--color-primary-light);color:var(--color-text)
        }.letter.is-correct{border-color:var(--correct);background:var(--correct);color:var(--color-white)
        }.letter.is-present{border-color:var(--present);background:var(--present);color:var(--color-white)
        }.letter.is-absent{border-color:var(--absent);background:var(--absent);color:var(--color-white)
        }.key.is-correct{background:var(--correct);color:var(--color-white)
        }.key.is-present{background:var(--present);color:var(--color-white)
        }.key.is-absent{background:var(--absent);color:var(--color-white)
        }.game-message-row{display:grid;grid-template-columns:minmax(0, 1fr);gap:10px;max-width:620px;margin:10px auto 0
        }.game-message-row .message{width:100%;max-width:none;min-height:35px;margin:0;padding:5px 10px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff3fa
        }.game-message-actions{display:grid;grid-template-columns:minmax(130px, 1.1fr) repeat(2, minmax(140px, 1fr));width:100%;align-items:center;gap:5px
        }.brand-select-wrap{min-width:0;height:40px
        }.key-message-action{min-width:140px;height:40px;padding:0 20px;font-size:13px
        }@media (max-width: 768px){.game-message-row{gap:5px;margin-top:10px
            }.game-message-row .message{min-height:30px;padding:5px 10px;font-size:12px
            }.game-message-actions{grid-template-columns:minmax(85px, 1.1fr) repeat(2, minmax(80px, 1fr));gap:5px
            }.brand-select-wrap,
            .key-message-action{min-width:0;height:40px
            }.key-message-action{padding:0 10px;font-size:11px
            }
        }.keyboard-extra{margin-top:2px;padding-top:10px;border-top:2px solid #d98bb4
        }.keyboard .key{font-size:14px
        }@media (max-width: 768px){.keyboard-extra{margin-top:1px;padding-top:5px;border-top-width:1.5px
            }.keyboard .key{font-size:12px
            }
        }.game-card{margin-top:0 }.wordle-guide-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:10px 10px;border-radius:var(--radius) var(--radius) 0 0;background:var(--color-primary);color:var(--color-white)
        }.wordle-guide-card-title{min-width:0;margin:0;padding:0;color:var(--color-white);font-family:sans-serif;font-size:20px;font-weight:900;letter-spacing:.08em;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
        }.wordle-guide-card-head .wordle-official-link{flex:0 0 auto;min-height:30px;padding:5px 10px;border-color:var(--color-white);background:var(--color-white);color:var(--color-primary-dark);font-size:12px;box-shadow:0 2px 0 rgba(0, 0, 0, .14)
        }.wordle-guide-card-head .wordle-official-link:hover,
        .wordle-guide-card-head .wordle-official-link:focus-visible{background:var(--color-primary-light);color:var(--color-primary-dark)
        }@media (max-width: 768px){.wordle-guide-card{margin-top:10px
            }.wordle-guide-card-head{gap:10px;padding:10px 10px
            }.wordle-guide-card-title{font-size:18px
            }.wordle-guide-card-head .wordle-official-link{width:auto;min-height:30px;padding:5px 10px;font-size:11px
            }.wordle-guide-body,
            .wordle-guide-section{padding:10px
            }.wordle-guide-body,
            .wordle-guide-grid{gap:10px
            }.wordle-guide-grid{grid-template-columns:1fr
            }.wordle-guide-section-title{margin-bottom:10px;padding:5px 10px;font-size:.94rem
            }.wordle-guide-text,
            .wordle-guide-list{font-size:.84rem;line-height:1.58
            }
        }