@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Poppins:wght@400;500;600&display=swap);:root{--cell:64px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Poppins",sans-serif}.app{width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:32px;gap:32px;padding:40px 24px;background:linear-gradient(135deg,#ffd9c0,#e6c3e8 45%,#a8b8f0);position:relative;overflow:hidden}.app__header{text-align:center}.app__logo{font-family:"Playfair Display",serif;font-weight:700;font-size:40px;color:#2b1f3d;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;grid-gap:12px;gap:12px}.app__logo-crown{color:#d9a441;font-size:34px;filter:drop-shadow(0 2px 6px rgba(217,164,65,.5))}.app__layout{display:flex;align-items:flex-start;justify-content:center;grid-gap:28px;gap:28px;flex-wrap:wrap}.panel--info{align-self:flex-start}.panel{background:hsla(0,0%,100%,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid hsla(0,0%,100%,.45);border-radius:24px;box-shadow:0 8px 32px rgba(43,31,61,.15);padding:24px;color:#2b1f3d}.panel--timer{width:220px}.captured-column{display:flex;flex-direction:column;width:220px}.panel--captured-single{width:100%}.panel--captured-white{margin-top:64px}.panel--board{padding:20px}.board{width:calc(var(--cell)*8);height:calc(var(--cell)*8);display:grid;grid-template-columns:repeat(8,var(--cell));grid-auto-rows:var(--cell);border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.5)}.cell{width:var(--cell);height:var(--cell);display:flex;justify-content:center;align-items:center;transition:background-color .2s ease}.cell,.cell img{position:relative}.cell img{max-width:calc(var(--cell)*0.75);max-height:calc(var(--cell)*0.75);width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(43,31,61,.35))}.black{background-color:rgba(124,108,176,.55)}.white{background-color:rgba(255,247,235,.75)}.selected{background-color:rgba(217,164,65,.65)!important}.available{height:clamp(8px,calc(var(--cell)*0.22),14px);width:clamp(8px,calc(var(--cell)*0.22),14px);border-radius:50%;background-color:#d9a441;box-shadow:0 0 10px rgba(217,164,65,.8)}.lost{padding:16px 20px;background:hsla(0,0%,100%,.35);border-radius:16px}.lost h3{font-family:"Playfair Display",serif;font-size:16px;margin-bottom:10px;color:#2b1f3d}.lost div{font-size:13px;display:flex;align-items:center;grid-gap:6px;gap:6px;padding:2px 0}.lost img{width:18px;height:18px}.panel--timer h2{font-family:"Playfair Display",serif;font-size:18px;margin:10px 0}.timer-settings{display:flex;flex-direction:column;grid-gap:14px;gap:14px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid rgba(43,31,61,.12)}.timer-settings__title{font-family:"Playfair Display",serif;font-size:15px;font-weight:600;color:#2b1f3d;margin:0}.timer-settings__row{display:flex;align-items:center;grid-gap:10px;gap:10px;font-size:13px;color:#2b1f3d;cursor:pointer}.timer-settings__row--minutes{justify-content:space-between;cursor:default}.timer-settings__checkbox{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:6px;border:1.5px solid rgba(43,31,61,.35);background:hsla(0,0%,100%,.6);cursor:pointer;position:relative;flex-shrink:0;transition:background .2s ease,border-color .2s ease}.timer-settings__checkbox:checked{background:#d9a441;border-color:#d9a441}.timer-settings__checkbox:checked:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.timer-settings__input{width:56px;padding:6px 10px;border-radius:10px;border:1px solid rgba(43,31,61,.2);background:hsla(0,0%,100%,.7);font-family:"Playfair Display",serif;font-size:14px;color:#2b1f3d;text-align:center;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.timer-settings__input:focus{border-color:#d9a441;box-shadow:0 0 0 3px rgba(217,164,65,.25)}.timer-settings__input::-webkit-inner-spin-button,.timer-settings__input::-webkit-outer-spin-button{opacity:.5}.timer-settings__hint{font-size:11px;color:#2b1f3d;opacity:.55;margin:0}.btn-pill,.panel--timer button{padding:14px 22px;border-radius:100px;border:none;background:hsla(0,0%,100%,.55);color:#2b1f3d;font-family:"Poppins",sans-serif;font-weight:500;font-size:14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-pill:hover,.panel--timer button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(217,164,65,.45)}.game-over-overlay{position:fixed;inset:0;background:rgba(43,31,61,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100}.game-over-card{background:hsla(0,0%,100%,.18);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid hsla(0,0%,100%,.4);border-radius:28px;padding:48px 56px;text-align:center;color:#fff;box-shadow:0 12px 48px rgba(0,0,0,.35)}.game-over-card__crown{font-size:56px;color:#f2cd7a;filter:drop-shadow(0 4px 10px rgba(242,205,122,.6));margin-bottom:12px}.game-over-card__title{font-family:"Playfair Display",serif;font-size:32px;margin-bottom:6px}.game-over-card__reason{font-size:15px;opacity:.85;margin-bottom:24px}.board__status{font-family:"Playfair Display",serif;font-size:18px;color:#2b1f3d;margin-bottom:8px}.board__check{font-family:"Poppins",sans-serif;font-weight:600;font-size:15px;color:#b5568f;background:rgba(213,122,168,.18);display:inline-block;padding:6px 16px;border-radius:100px;margin-bottom:16px;box-shadow:0 2px 10px rgba(213,122,168,.25)}.btn-pill--undo{width:100%;opacity:1;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease}.btn-pill--undo:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.panel--info{width:220px}.info-block{display:flex;align-items:center;grid-gap:14px;gap:14px}.info-block__icon{font-size:34px;color:#2b1f3d;filter:drop-shadow(0 2px 6px rgba(43,31,61,.25));flex-shrink:0}.info-block__title{font-family:"Playfair Display",serif;font-size:17px;color:#2b1f3d;margin:0 0 4px}.info-block__subtitle{font-size:12px;color:#2b1f3d;opacity:.65;margin:0}.pieces-guide__title{font-family:"Playfair Display",serif;font-size:17px;color:#2b1f3d;margin:0 0 14px}.pieces-guide{flex-direction:column}.pieces-guide,.pieces-guide__item{display:flex;grid-gap:10px;gap:10px}.pieces-guide__item{align-items:center}.pieces-guide__img{width:26px;height:26px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(43,31,61,.3))}.pieces-guide__name{font-family:"Playfair Display",serif;font-size:12px;font-weight:600;color:#2b1f3d;margin:0}.pieces-guide__desc{font-size:10px;color:#2b1f3d;opacity:.6;margin:0;line-height:1.25}@media (max-width:1439px){:root{--cell:min(64px,calc(12.5vw - 99.75px))}.app__layout{flex-wrap:nowrap;grid-gap:20px;gap:20px}.captured-column,.panel--info,.panel--timer{width:210px;flex-shrink:0}.panel--captured-single,.panel--info,.panel--timer{padding:20px}}@media (max-width:1199px){:root{--cell:min(64px,calc(12.5vw - 68.5px))}.app__layout{display:grid;grid-template-columns:200px auto 200px;grid-template-areas:"timer board captured" "info  info  info";align-items:start;justify-content:center}.panel--timer{grid-area:timer;width:auto}.panel--board{grid-area:board;justify-self:center}.captured-column{grid-area:captured;width:auto}.panel--info{grid-area:info;width:auto;align-self:stretch}.pieces-guide{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px 20px;gap:14px 20px}}@media (max-width:999px){:root{--cell:min(64px,calc(12.5vw - 13.5px))}.app{grid-gap:24px;gap:24px;padding:32px 24px}.app__logo{font-size:34px}.app__logo-crown{font-size:28px}.app__layout{width:calc(var(--cell)*8 + 40px);grid-template-columns:1fr 1fr;grid-template-areas:"board board" "timer captured" "info  info"}.panel--captured-white{margin-top:20px}.pieces-guide{grid-template-columns:repeat(2,1fr)}}@media (max-width:599px){:root{--cell:calc(12.5vw - 6px)}.app{grid-gap:18px;gap:18px;padding:20px 12px 32px}.app__logo{font-size:28px;grid-gap:8px;gap:8px}.app__logo-crown{font-size:22px}.panel,.panel--captured-single,.panel--info,.panel--timer{padding:16px;border-radius:20px}.panel--board{padding:12px}.board{border-radius:12px}.board__status{font-size:16px}.board__check{font-size:14px;margin-bottom:12px}.app__layout{width:calc(var(--cell)*8 + 24px);grid-gap:16px;gap:16px;grid-template-columns:1fr;grid-template-areas:"board" "timer" "captured" "info"}.captured-column{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.panel--captured-white{margin-top:0}.lost{padding:12px 14px}.lost h3{font-size:15px}.timer-settings__input{font-size:16px}.pieces-guide{grid-template-columns:1fr}.game-over-card{margin:0 16px;padding:32px 24px}.game-over-card__crown{font-size:44px}.game-over-card__title{font-size:26px}}
/*# sourceMappingURL=main.e3f4be15.chunk.css.map */