.qg-mainapp{background:var(--primary-deep);color:var(--cream);min-height:calc(100vh - 8rem);padding-block:clamp(1.5rem,3vw,2.5rem);position:relative;overflow:hidden}.qg-mainapp:before{content:"";opacity:.06;pointer-events:none;z-index:0;background-image:url(/img/decor/chess-board-pattern.svg);background-size:240px;position:absolute;inset:0}.qg-mainapp__inner{z-index:1;flex-direction:column;gap:clamp(1rem,2vw,1.75rem);max-width:60rem;margin-inline:auto;display:flex;position:relative}.qg-mainapp__head{align-items:baseline;gap:.6rem;padding-inline:.25rem;display:flex}.qg-mainapp__eyebrow{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;color:var(--secondary);font-size:.72rem;font-weight:600}.qg-mainapp__title{font-family:var(--font-display);color:var(--cream);margin:0;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700}.qg-play-b{flex-direction:column;gap:.5rem;display:flex;position:relative}.qg-play-b__board{width:100%;max-width:40rem;transition:filter var(--dur) var(--ease), opacity var(--dur) var(--ease);margin-inline:auto}.qg-play-b__board.is-dimmed{filter:blur(4px)grayscale(.3);opacity:.55;pointer-events:none}.qg-play-b__sq{width:100%;height:100%;position:relative}.qg-play-b__sq.is-from{background:color-mix(in srgb, var(--secondary) 38%, transparent);box-shadow:inset 0 0 0 .18rem color-mix(in srgb, var(--secondary) 78%, transparent)}.qg-play-b__sq.is-move{background:color-mix(in srgb, var(--secondary) 68%, transparent)}.qg-play-b__sq.is-capture{background:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:inset 0 0 0 .24rem var(--accent)}.qg-play-b__sq.is-check{box-shadow:inset 0 0 0 .22rem var(--accent);background:color-mix(in srgb, var(--accent) 22%, transparent)}@media (prefers-reduced-motion:no-preference){.qg-play-b__sq{transition:background-color var(--dur) var(--ease)}}@media (width<=640px){.qg-play-b__sq.is-from{box-shadow:inset 0 0 0 .12rem color-mix(in srgb, var(--secondary) 72%, transparent)}.qg-play-b__sq.is-capture{box-shadow:inset 0 0 0 .16rem var(--accent)}.qg-play-b__sq.is-check{box-shadow:inset 0 0 0 .15rem var(--accent)}}.qg-play-b__modal--promo{text-align:center;max-width:24rem}.qg-play-b__modal--promo .qg-play-b__chips{justify-content:center}.qg-play-b__promo-cancel{color:var(--ink-soft);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;align-self:center;font-size:.82rem;text-decoration:underline}.qg-play-b__timer{background:var(--cream);border:1px solid var(--border);border-radius:var(--r-card);font-family:var(--font-body);width:100%;max-width:40rem;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);justify-content:space-between;align-items:center;margin-inline:auto;padding:.55rem .9rem;display:flex}.qg-play-b__timer.is-active{background:color-mix(in srgb, var(--secondary) 18%, var(--cream));border-color:var(--secondary)}.qg-play-b__timer--top{order:-1}.qg-play-b__timer-lbl{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:600}.qg-play-b__timer-val{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:700}.qg-play-b__hud{background:var(--cream);border:1px solid var(--border);border-radius:var(--r-card);flex-direction:column;gap:.5rem;width:100%;max-width:40rem;margin-inline:auto;padding:.7rem;display:flex}.qg-play-b__moves-hud{flex-direction:column;gap:.25rem;display:flex}.qg-play-b__moves-lbl{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--secondary-dark);font-size:.68rem;font-weight:600}.qg-play-b__moves-list{font-family:var(--font-body);color:var(--ink);flex-wrap:wrap;gap:.3rem .5rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.qg-play-b__resign{background:var(--accent);color:var(--cream);border-radius:var(--r-pill);font-family:var(--font-body);cursor:pointer;border:none;align-self:flex-end;padding:.5rem 1rem;font-size:.82rem;font-weight:600}.qg-play-b__modal-wrap{background:color-mix(in srgb, var(--primary-deep) 30%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.qg-play-b__modal{overscroll-behavior:contain;background:var(--paper);border:1px solid var(--border);border-radius:var(--r-card);width:100%;max-width:32rem;max-height:90vh;box-shadow:var(--shadow-lift);flex-direction:column;gap:.9rem;padding:clamp(1.25rem,3vw,2rem);display:flex;overflow-y:auto}.qg-play-b__h2{font-family:var(--font-display);color:var(--ink);text-align:center;margin:0;font-size:1.35rem;font-weight:700}.qg-play-b__field{flex-direction:column;gap:.35rem;display:flex}.qg-play-b__lbl{font-family:var(--font-body);color:var(--ink);font-size:.82rem;font-weight:700}.qg-play-b__hint{font-family:var(--font-body);color:var(--ink-soft);margin-bottom:.25rem;font-size:.78rem;font-weight:400}.qg-play-b__chips{flex-wrap:wrap;gap:.3rem;display:flex}.qg-play-b__chip{background:var(--cream);border:1px solid var(--border);border-radius:var(--r-pill);cursor:pointer;font-family:var(--font-body);color:var(--ink);transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);padding:.4rem .85rem;font-size:.85rem;font-weight:500}.qg-play-b__chip:hover{border-color:var(--secondary)}.qg-play-b__chip.is-active{background:var(--secondary);border-color:var(--secondary);font-weight:600}.qg-play-b__start{background:var(--secondary);color:var(--ink);border-radius:var(--r-pill);font-family:var(--font-body);cursor:pointer;border:none;padding:.85rem 1.5rem;font-size:.95rem;font-weight:700}.qg-play-b__start:hover:not(:disabled){background:var(--secondary-dark)}.qg-play-b__start:disabled{opacity:.5;cursor:not-allowed}.qg-play-b__result{background:color-mix(in srgb, var(--secondary) 15%, var(--paper));border-radius:var(--r-card);text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding:.85rem;display:flex}.qg-play-b__result-winner{font-family:var(--font-display);color:var(--ink);font-size:1.25rem;font-weight:700}.qg-play-b__result-reason{color:var(--ink-soft);font-size:.85rem}.qg-play-b__loading,.qg-play-b__err{text-align:center;padding:.6rem;font-size:.85rem}.qg-play-b__err{color:var(--accent)}