*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg-color:#050505;--card-bg:#0f0f0f;--text-main:#fff;--text-muted:#888;--glass-border:#ffffff26;--glass-bg:#0f0f0fbf;--glass-highlight:#ffffff1a;--glass-shadow:0 8px 32px 0 #000000b3}html{scroll-behavior:smooth;scrollbar-width:none}body::-webkit-scrollbar{display:none}body{background:var(--bg-color);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;line-height:1.6;overflow-x:hidden}.animated-background{z-index:-1;background:radial-gradient(circle,#1a1a1a 0%,#000 100%);width:100%;height:100%;position:fixed;top:0;left:0}.floating-shapes{width:100%;height:100%;position:absolute;overflow:hidden}.shape{background:#ffffff05;border-radius:50%;animation:20s linear infinite floatUp;position:absolute;bottom:-150px}.shape-1{width:100px;height:100px;animation-duration:15s;left:10%}.shape-2{width:150px;height:150px;animation-duration:25s;animation-delay:2s;left:30%}.shape-3{width:80px;height:80px;animation-duration:18s;animation-delay:5s;left:70%}.shape-4{width:120px;height:120px;animation-duration:22s;animation-delay:1s;left:90%}@keyframes floatUp{0%{opacity:0;transform:translateY(0)rotate(0)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-120vh)rotate(360deg)}}.navbar{z-index:1000;pointer-events:none;justify-content:center;width:100%;padding:0 20px;animation:1s cubic-bezier(.16,1,.3,1) forwards slideDown;display:flex;position:fixed;top:30px;left:0}@media (min-width:768px){.navbar{padding-right:60px;justify-content:flex-end!important}}.nav-wrapper{pointer-events:auto;align-items:center;gap:15px;display:flex}.nav-logo-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);width:50px;height:50px;box-shadow:var(--glass-shadow);border-radius:50%;justify-content:center;align-items:center;transition:transform .3s;display:flex}.nav-logo-glass:hover{background:#1e1e1ecc;transform:scale(1.05)}.nav-avatar{object-fit:cover;border:1px solid #fff3;border-radius:50%;width:32px;height:32px}.nav-pill-glass{-webkit-backdrop-filter:blur(25px)saturate(200%);border:1px solid var(--glass-border);background:#0a0a0aa6;border-radius:100px;padding:5px;display:flex;position:relative;box-shadow:0 10px 40px #0009}.nav-liquid-indicator{z-index:1;background:linear-gradient(#ffffff1f 0%,#ffffff08 100%);border:1px solid #ffffff0d;border-radius:100px;transition:all .5s cubic-bezier(.23,1,.32,1);position:absolute;top:5px;bottom:5px;box-shadow:0 4px 15px #0003}.nav-item{z-index:2;color:#fff9;border-radius:100px;flex-direction:column;justify-content:center;align-items:center;padding:12px 28px;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s;display:flex;position:relative}.nav-item.active{color:#fff;text-shadow:0 0 12px #fff6}.nav-item:hover:not(.active){color:#fff}.container{z-index:1;max-width:1100px;margin:0 auto;padding:0 24px;position:relative}.content-section{flex-direction:column;justify-content:center;min-height:100vh;padding:120px 0;display:flex}.hero-section{text-align:center}.hero-avatar-container{opacity:0;margin-bottom:40px;animation:.8s .2s forwards fadeScale;display:inline-block}.hero-avatar{border:4px solid var(--card-bg);width:140px;height:140px;box-shadow:0 0 0 2px var(--glass-border);object-fit:cover;border-radius:50%;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.hero-avatar:hover{transform:scale(1.1)rotate(-5deg)}.main-title{letter-spacing:-2px;opacity:0;background:linear-gradient(#fff,#666);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:4.5rem;font-weight:800;animation:.8s .4s forwards slideUp}.subtitle{color:var(--text-muted);opacity:0;max-width:500px;margin:0 auto 48px;font-size:1.25rem;animation:.8s .6s forwards slideUp}.contact-btn{color:#000;opacity:0;background:#fff;border-radius:100px;padding:16px 36px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;animation:.8s .8s forwards slideUp;display:inline-block;box-shadow:0 0 20px #ffffff1a}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 0 40px #ffffff4d}.section-title{letter-spacing:-1px;margin-bottom:60px;font-size:2.5rem;font-weight:700}.work-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.work-item{background:var(--card-bg);border:1px solid var(--glass-border);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;opacity:0;border-radius:24px;text-decoration:none;transition:all .4s cubic-bezier(.25,.8,.25,1);display:block;overflow:hidden;transform:translateY(40px)}.work-item.visible{opacity:1;transform:translateY(0)}.work-item:hover{border-color:#fff3;transform:translateY(-10px)scale(1.02);box-shadow:0 20px 40px #00000080}.work-item img{object-fit:cover;filter:grayscale();border-bottom:1px solid var(--glass-border);width:100%;height:240px;transition:filter .4s}.work-item:hover img{filter:grayscale(0%)}.work-info{padding:24px}.work-info h3{margin-bottom:8px;font-size:1.2rem}.work-info p{color:var(--text-muted);font-size:.9rem}.work-item.long-item{text-align:center;background:linear-gradient(135deg,#151515,#0a0a0a);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:240px;display:flex}.long-item .work-info{padding:40px}.long-item h3{margin-bottom:12px;font-size:2rem}.long-item p{font-size:1.1rem}.work-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(18px);background:#000000bd;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.work-modal{border:1px solid var(--glass-border);background:#0c0c0cf0;border-radius:32px;width:min(760px,100%);max-height:84vh;position:relative;overflow:hidden;box-shadow:0 30px 90px #000000bf}.work-modal-content{text-align:center;scrollbar-width:thin;max-height:84vh;padding:52px 46px 46px;overflow-y:auto}.work-modal-close{z-index:2;border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#ffffff14;border-radius:50%;width:38px;height:38px;font-size:1.6rem;line-height:1;position:absolute;top:18px;right:18px}.work-modal-kicker{border:1px solid var(--glass-border);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border-radius:999px;margin-bottom:14px;padding:6px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.work-modal h3{letter-spacing:-1.5px;background:linear-gradient(#fff,#777);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:clamp(2rem,5vw,3.2rem);line-height:1}.work-modal-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:22px;display:flex}.work-modal-tags span{color:#ffffffc7;background:#ffffff14;border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:600}.work-modal-text{max-width:620px;color:var(--text-muted);margin:0 auto;font-size:1rem}.work-modal-text p+p{margin-top:14px}.work-modal-gallery{flex-direction:column;gap:20px;width:100%;max-width:620px;margin:30px auto 0;display:flex}.work-modal-image{object-fit:cover;border:1px solid var(--glass-border);border-radius:24px;width:100%;max-height:430px;display:block}.work-modal-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.work-modal-actions a{color:#000;background:#fff;border-radius:999px;padding:12px 20px;font-weight:700;text-decoration:none}.bot-detail-shell{opacity:0;width:min(820px,100%);margin:0 auto;animation:.45s forwards slideUp}.bot-detail-back{border:1px solid var(--glass-border);color:#ffffffd1;font:inherit;cursor:pointer;background:#ffffff0f;border-radius:999px;margin-bottom:18px;padding:10px 16px;font-size:.9rem;font-weight:700}.bot-detail-panel-wrap{border-radius:32px;position:relative}.bot-detail-panel-wrap:before,.bot-detail-panel-wrap:after{content:"";z-index:2;pointer-events:none;height:54px;position:absolute;left:1px;right:1px}.bot-detail-panel-wrap:before{background:linear-gradient(#0c0c0cfa,#0c0c0c00);border-radius:32px 32px 0 0;top:1px}.bot-detail-panel-wrap:after{background:linear-gradient(#0c0c0c00,#0c0c0cfa);border-radius:0 0 32px 32px;bottom:1px}.bot-detail-panel{overscroll-behavior:contain;scroll-behavior:smooth;text-align:center;border:1px solid var(--glass-border);scrollbar-width:none;-ms-overflow-style:none;background:#0c0c0cf0;border-radius:32px;max-height:min(72vh,680px);padding:56px 58px 52px;overflow-y:auto;box-shadow:inset 0 1px #ffffff14,0 30px 90px #0000008c}.bot-detail-panel::-webkit-scrollbar{width:0;height:0;display:none}.bot-detail-scrollbar{z-index:4;pointer-events:none;background:#ffffff0e;border-radius:999px;width:7px;position:absolute;top:34px;bottom:34px;right:18px;box-shadow:inset 0 0 0 1px #ffffff0b,0 0 18px #00000059}.bot-detail-scrollbar-thumb{background:linear-gradient(#fff,#ffffff5c);border-radius:999px;min-height:54px;transition:top 60ms linear,height .16s;position:absolute;left:0;right:0;box-shadow:0 0 14px #ffffff47,0 0 30px #ffffff1f}.bot-detail-kicker{border:1px solid var(--glass-border);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border-radius:999px;margin-bottom:14px;padding:6px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.bot-detail-panel h3{letter-spacing:-1.5px;background:linear-gradient(#fff,#777);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:clamp(2rem,5vw,3.2rem);line-height:1}.bot-detail-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:22px;display:flex}.bot-detail-tags span{color:#ffffffc7;background:#ffffff14;border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:600}.bot-detail-text{max-width:640px;color:var(--text-muted);margin:0 auto;font-size:1rem}.bot-detail-text p+p{margin-top:14px}.bot-detail-link{color:#fff;text-underline-offset:3px;word-break:break-word;font-weight:700;-webkit-text-decoration:underline #ffffff73;text-decoration:underline #ffffff73}.bot-detail-link:hover{text-shadow:0 0 14px #ffffff59;text-decoration-color:#fff}.bot-detail-gallery{flex-direction:column;gap:20px;width:100%;max-width:640px;margin:30px auto 0;display:flex}.bot-detail-image-frame{border:1px solid var(--glass-border);width:100%;min-height:280px;color:inherit;cursor:zoom-in;background:linear-gradient(110deg,#ffffff09 8%,#ffffff16 18%,#ffffff09 33%) 0 0/220% 100%,linear-gradient(135deg,#ffffff0f,#ffffff04) 0 0/100% 100%;border-radius:24px;padding:0;animation:1.25s linear infinite botImageSkeleton;display:block;position:relative;overflow:hidden}.bot-detail-image-frame:focus-visible{outline-offset:4px;outline:2px solid #ffffffbf}.bot-detail-image-frame:disabled{cursor:default}.bot-detail-image-frame.loaded{background:#ffffff05;min-height:0;animation:none}.bot-image-loader{z-index:1;background:radial-gradient(circle,#ffffff17,#00000057);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.bot-image-loader span{filter:drop-shadow(0 0 12px #ffffff52);border:3px solid #fff;border-color:#fff #ffffffb8 #ffffff29 #ffffff29;border-radius:50%;width:46px;height:46px;animation:.75s linear infinite botImageSpin}.bot-image-loader small{color:#ffffffad;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.bot-detail-image{object-fit:cover;opacity:0;width:100%;max-height:430px;transition:opacity .35s,transform .35s;display:block;transform:scale(1.015)}.bot-detail-image-frame.loaded .bot-detail-image{opacity:1;transform:scale(1)}.bot-detail-image-frame.loaded:hover .bot-detail-image{transform:scale(1.025)}.bot-detail-image-frame.failed .bot-detail-image{display:none}.bot-image-failed{color:#ffffff9e;justify-content:center;align-items:center;min-height:220px;font-size:.9rem;display:flex}@keyframes botImageSpin{to{transform:rotate(360deg)}}@keyframes botImageSkeleton{0%{background-position:120% 0,0 0}to{background-position:-120% 0,0 0}}.bot-detail-empty{color:var(--text-muted);margin-top:26px;font-size:.95rem}.bot-detail-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.bot-detail-actions a{color:#000;background:#fff;border-radius:999px;padding:12px 20px;font-weight:700;text-decoration:none}.image-lightbox{z-index:3000;-webkit-backdrop-filter:blur(18px);cursor:zoom-out;background:#000000e0;justify-content:center;align-items:center;padding:28px;animation:.18s forwards fadeScale;display:flex;position:fixed;inset:0}.image-lightbox img{object-fit:contain;cursor:default;border:1px solid #ffffff2e;border-radius:20px;max-width:94vw;max-height:90vh;display:block;box-shadow:0 28px 90px #000000bf}.image-lightbox-close{z-index:2;color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;width:44px;height:44px;font-size:1.8rem;line-height:1;position:fixed;top:110px;right:34px}.image-lightbox-close:hover{background:#ffffff29}.reviews-section{min-height:auto;padding:80px 0 120px}.reviews-marquee{width:100%;padding:12px 0 22px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.reviews-track{will-change:transform;gap:24px;width:max-content;animation:22s linear infinite reviewsMarquee;display:flex}.reviews-marquee:hover .reviews-track{animation-play-state:paused}.review-card{border:1px solid var(--glass-border);opacity:1;background:#0c0c0ce0;border-radius:28px;flex:0 0 clamp(280px,34vw,390px);min-height:260px;padding:28px;transition:border-color .3s,box-shadow .3s,transform .3s;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 22px 70px #0000007a}.review-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#ffffff1f,#0000 36%);position:absolute;inset:-1px}.review-card:hover{border-color:#ffffff42;transform:translateY(-4px);box-shadow:0 28px 80px #00000094}.review-user-row{z-index:1;align-items:center;gap:14px;margin-bottom:24px;display:flex;position:relative}.review-avatar{object-fit:cover;border:1px solid #ffffff2e;border-radius:50%;flex:0 0 52px;width:52px;height:52px;box-shadow:0 0 24px #ffffff14}.review-avatar-fallback{color:#fff;background:linear-gradient(135deg,#ffffff2e,#ffffff0a);justify-content:center;align-items:center;font-weight:800;display:flex}.review-user-row h3{font-size:1rem;line-height:1.2}.review-user-row p{color:var(--text-muted);margin-top:3px;font-size:.85rem}.review-card blockquote{z-index:1;color:#ffffffd6;margin-bottom:28px;font-size:1.05rem;line-height:1.7;position:relative}.review-footer{z-index:1;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:18px;display:flex;position:relative}.review-footer span{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.86rem;font-weight:700}.review-footer a{color:#000;background:#fff;border-radius:999px;flex:none;padding:8px 14px;font-size:.8rem;font-weight:800;text-decoration:none}@keyframes reviewsMarquee{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.reviews-track{flex-wrap:wrap;width:100%;animation:none}}.contact-wrapper{background:var(--card-bg);border:1px solid var(--glass-border);opacity:0;border-radius:32px;grid-template-columns:1fr 1fr;gap:60px;padding:60px;transition:all .6s;display:grid;transform:translateY(40px)}.contact-wrapper.visible{opacity:1;transform:translateY(0)}.contact-details h3{margin-bottom:32px;font-size:1.8rem}.detail-row{flex-direction:column;margin-bottom:24px;display:flex}.label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px;font-size:.8rem}.value{font-size:1.1rem;font-weight:500}.contact-action{border-left:1px solid var(--glass-border);flex-direction:column;justify-content:center;align-items:flex-start;padding-left:60px;display:flex}.cta-text{margin-bottom:32px;font-size:2rem;font-weight:700;line-height:1.2}.footer{text-align:center;color:var(--text-muted);opacity:.5;padding:40px 0;font-size:.9rem}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.nav-wrapper{gap:8px}.nav-item{padding:12px 20px;font-size:.85rem}.main-title{font-size:3rem}.contact-wrapper{grid-template-columns:1fr;gap:40px;padding:30px}.contact-action{text-align:center;border-left:none;align-items:center;padding-left:0}.work-item.long-item{grid-column:auto}.work-modal-overlay{align-items:flex-end;padding:14px}.work-modal{border-radius:26px 26px 0 0;max-height:88vh}.work-modal-content{max-height:88vh;padding:48px 24px 34px}.bot-detail-panel-wrap{border-radius:26px}.bot-detail-panel-wrap:before{border-radius:26px 26px 0 0}.bot-detail-panel-wrap:after{border-radius:0 0 26px 26px}.bot-detail-panel{border-radius:26px;max-height:70vh;padding:42px 34px 36px 24px}.bot-detail-scrollbar{width:6px;top:28px;bottom:28px;right:12px}.bot-detail-image-frame{min-height:220px}.image-lightbox-close{top:96px;right:18px}}.status-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-color:var(--status-color);background:#0f0f0fcc;border-radius:100px;justify-content:center;align-items:center;gap:8px;margin-top:15px;padding:6px 14px;display:flex;box-shadow:0 4px 15px #0000004d}.status-dot{background-color:var(--status-color);width:8px;height:8px;box-shadow:0 0 10px var(--status-color);border-radius:50%;animation:2s infinite pulseStatus}.status-indicator span{color:#fff;letter-spacing:.5px;font-size:.85rem;font-weight:600}@keyframes pulseStatus{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.hero-avatar-container{flex-direction:column;align-items:center;display:flex}.works-tabs-container{opacity:0;justify-content:center;margin-bottom:40px;animation:.8s .2s forwards slideUp;display:flex}.works-tabs-pill{-webkit-backdrop-filter:blur(25px)saturate(200%);border:1px solid var(--glass-border);background:#0a0a0aa6;border-radius:100px;width:fit-content;margin:0 auto;padding:5px;display:flex;position:relative;box-shadow:0 10px 40px #0009}.works-liquid-indicator{z-index:1;background:linear-gradient(#ffffff1f 0%,#ffffff08 100%);border:1px solid #ffffff0d;border-radius:100px;transition:all .5s cubic-bezier(.23,1,.32,1);position:absolute;top:5px;bottom:5px;left:5px;box-shadow:0 4px 15px #0003;width:calc(50% - 5px)!important}.works-tab{z-index:2;color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:100px;min-width:130px;padding:12px 28px;font-size:.9rem;font-weight:600;transition:color .3s;position:relative}.works-tab.active{color:#fff;text-shadow:0 0 12px #fff6}.works-tab:hover:not(.active){color:#fff}.soon-container{grid-column:1/-1;justify-content:center;align-items:center;min-height:300px;display:flex}.soon-text{letter-spacing:-2px;background:linear-gradient(#fff,#666);-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;font-size:5rem;font-weight:800;transition:all .8s;transform:translateY(40px)}.soon-text.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.soon-text{font-size:3.5rem}}.quoridor-page{z-index:1;min-height:100vh;color:var(--text-main);padding:34px clamp(18px,4vw,64px) 64px;position:relative}.quoridor-hero{justify-content:space-between;align-items:flex-start;gap:28px;width:min(1180px,100%);margin:0 auto 28px;display:flex}.q-back-link{border:1px solid var(--glass-border);color:#ffffffdb;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(20px);background:#0a0a0a9e;border-radius:999px;flex:none;margin-top:8px;padding:11px 18px;font-size:.9rem;font-weight:800;text-decoration:none;transition:transform .25s,border-color .25s,background .25s}.q-back-link:hover{background:#ffffff1a;border-color:#ffffff47;transform:translateY(-2px)}.q-hero-copy{text-align:right;max-width:760px;animation:.7s forwards slideUp}.q-kicker{border:1px solid var(--glass-border);color:#ffffffb8;letter-spacing:.12em;text-transform:uppercase;background:#ffffff0b;border-radius:999px;margin-bottom:14px;padding:7px 14px;font-size:.76rem;font-weight:900;display:inline-flex}.q-hero-copy h1{letter-spacing:-.08em;background:linear-gradient(#fff 5%,#8b8b8b 62%,#313131 100%);-webkit-text-fill-color:transparent;text-shadow:0 26px 70px #ffffff14;-webkit-background-clip:text;margin-bottom:18px;font-size:clamp(3.2rem,9vw,8rem);line-height:.86}.q-hero-copy p{color:#ffffffad;max-width:620px;margin-left:auto;font-size:clamp(1rem,2vw,1.18rem)}.q-game-shell{grid-template-columns:minmax(250px,320px) minmax(420px,1fr) minmax(250px,320px);align-items:center;gap:24px;width:min(1180px,100%);margin:0 auto;display:grid}.q-side-panel{border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(24px)saturate(160%);background:#0a0a0abd;border-radius:30px;position:relative;overflow:hidden}.q-side-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 0 0,#ffffff1f,#0000 38%);position:absolute;inset:0}.q-status-panel,.q-rules-panel{padding:24px}.q-turn-card,.q-player-heading{align-items:center;gap:12px;display:flex}.q-turn-card{z-index:1;border-bottom:1px solid #ffffff17;margin-bottom:18px;padding-bottom:18px;position:relative}.q-turn-card p{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.q-turn-card h2{font-size:1.55rem;line-height:1.1}.q-player-mark{border-radius:50%;flex:0 0 34px;width:34px;height:34px;box-shadow:0 0 22px #ffffff1f}.q-player-mark-black{background:radial-gradient(circle at 35% 25%,#454545,#050505 68%);border:1px solid #ffffff5c}.q-player-mark-white{background:radial-gradient(circle at 35% 25%,#fff,#bdbdbd 72%);border:1px solid #ffffffe6}.q-message{z-index:1;color:#ffffffb8;min-height:56px;font-size:.95rem;position:relative}.q-player-grid{z-index:1;gap:12px;margin:20px 0;display:grid;position:relative}.q-player-card{background:#ffffff09;border:1px solid #ffffff14;border-radius:22px;padding:16px;transition:border-color .25s,background .25s,transform .25s}.q-player-card.active{background:#ffffff14;border-color:#ffffff52;transform:translateY(-2px)}.q-player-card .q-player-mark{flex-basis:22px;width:22px;height:22px}.q-player-card span,.q-player-card small{color:#ffffffa3;margin-top:8px;font-size:.86rem;display:block}.q-player-card small{color:var(--text-muted);margin-top:3px}.q-controls{z-index:1;gap:12px;display:grid;position:relative}.q-control-group{background:#00000047;border:1px solid #ffffff14;border-radius:999px;grid-template-columns:1fr 1fr;gap:8px;padding:5px;display:grid}.q-control-group button,.q-reset-button{color:#ffffff9e;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:11px 12px;font-size:.84rem;font-weight:900;transition:color .2s,background .2s,transform .2s}.q-control-group button.active,.q-control-group button:hover:not(:disabled){color:#000;background:#fff}.q-control-group button:disabled{cursor:not-allowed;opacity:.38}.q-reset-button{color:#fff;background:#ffffff0f;border:1px solid #ffffff29}.q-reset-button:hover{background:#ffffff21;transform:translateY(-2px)}.q-board-wrap{background:radial-gradient(circle at 20% 10%,#ffffff2e,#0000 28%),linear-gradient(145deg,#ffffff14,#0000009e);border:1px solid #ffffff21;border-radius:clamp(28px,4vw,44px);padding:clamp(10px,2vw,18px);position:relative;box-shadow:inset 0 1px #ffffff1c,0 28px 90px #000000a8,0 0 80px #ffffff0a}.q-board-wrap:before{content:"";border-radius:inherit;opacity:.55;pointer-events:none;background:linear-gradient(135deg,#fff3,#0000 36%,#ffffff14);position:absolute;inset:-1px}.q-board{--q-wall-track:clamp(7px,1.2vw,13px);z-index:1;aspect-ratio:1;grid-template-columns:repeat(8,minmax(22px,1fr)var(--q-wall-track))minmax(22px,1fr);grid-template-rows:repeat(8,minmax(22px,1fr)var(--q-wall-track))minmax(22px,1fr);background:linear-gradient(90deg,#ffffff0b 1px,#0000 1px) 0 0/12.5% 12.5%,linear-gradient(0deg,#ffffff0b 1px,#0000 1px) 0 0/12.5% 12.5%,#050505;border:1px solid #ffffff24;border-radius:clamp(22px,3vw,34px);width:min(100%,640px);margin:0 auto;padding:clamp(10px,1.8vw,18px);display:grid;position:relative;overflow:hidden}.q-cell{z-index:1;color:#fff;cursor:default;background:radial-gradient(circle at 35% 25%,#ffffff17,#0000 34%),linear-gradient(145deg,#ffffff09,#ffffff03);border:1px solid #ffffff14;border-radius:18%;justify-content:center;align-items:center;width:100%;height:100%;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s;display:flex;position:relative}.q-cell.goal-row{background:radial-gradient(circle,#ffffff1f,#0000 42%),linear-gradient(145deg,#ffffff0f,#ffffff04)}.q-cell.legal{cursor:pointer;border-color:#ffffff57;box-shadow:inset 0 0 0 1px #ffffff14,0 0 20px #ffffff1a}.q-cell.legal:before{content:"";background:#ffffff7a;border-radius:50%;width:34%;height:34%;position:absolute;box-shadow:0 0 22px #fff6}.q-cell.legal:hover{background:radial-gradient(circle,#ffffff38,#0000 44%),#ffffff14;transform:scale(1.04)}.q-cell:disabled{color:inherit}.q-pawn{z-index:3;border-radius:50%;width:62%;height:62%;transition:transform .25s;position:relative;transform:translateY(-3%)}.q-pawn:after{content:"";filter:blur(1px);background:#ffffff8c;border-radius:50%;width:24%;height:24%;position:absolute;top:14%;left:18%}.q-pawn-black{background:radial-gradient(circle at 35% 25%,#4b4b4b,#060606 68%);border:1px solid #ffffff6b;box-shadow:inset -8px -10px 18px #000000b8,0 10px 22px #0000008c,0 0 24px #ffffff1f}.q-pawn-white{background:radial-gradient(circle at 35% 25%,#fff,#cfcfcf 58%,#7f7f7f 100%);border:1px solid #ffffffe6;box-shadow:inset -8px -10px 18px #0000002e,0 10px 22px #00000073,0 0 26px #ffffff38}.q-wall{z-index:7;pointer-events:none;border-radius:999px;position:relative}.q-wall-horizontal{min-height:100%}.q-wall-vertical{min-width:100%}.q-wall-black{background:linear-gradient(90deg,#020202,#343434 50%,#050505);border:1px solid #ffffff42;box-shadow:0 0 18px #000000b8,inset 0 1px #ffffff38}.q-wall-white{background:linear-gradient(90deg,#fff,#9d9d9d 50%,#f5f5f5);border:1px solid #ffffffdb;box-shadow:0 0 22px #ffffff2e,inset 0 1px #ffffffe6}.q-wall-slot{z-index:9;background:0 0;border:0;border-radius:999px;transition:background .18s,box-shadow .18s,opacity .18s,transform .18s;position:relative}.q-wall-slot.legal{cursor:pointer;background:#ffffff29;box-shadow:0 0 18px #ffffff1f}.q-wall-slot.legal:hover{background:#fff;transform:scale(1.04);box-shadow:0 0 26px #ffffff70}.q-wall-slot.blocked{opacity:0;pointer-events:none}.q-rules-panel h2{z-index:1;margin-bottom:16px;font-size:1.8rem;position:relative}.q-rules-panel ul{z-index:1;color:#ffffffb3;gap:12px;margin-left:18px;font-size:.94rem;display:grid;position:relative}.q-log{z-index:1;border-top:1px solid #ffffff17;margin-top:24px;padding-top:20px;position:relative}.q-log h3{letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:.95rem}.q-log p{color:#ffffff94;border-bottom:1px solid #ffffff0f;padding:10px 0;font-size:.84rem}@media (max-width:1180px){.q-game-shell{grid-template-columns:minmax(0,1fr);align-items:stretch}.q-board-wrap{order:-1;width:min(720px,100%);margin:0 auto}.q-status-panel,.q-rules-panel{width:min(720px,100%);margin:0 auto}}@media (max-width:768px){.quoridor-page{padding:22px 14px 44px}.quoridor-hero{flex-direction:column;margin-bottom:20px}.q-hero-copy{text-align:left}.q-hero-copy p{margin-left:0}.q-board-wrap{border-radius:28px}.q-board{--q-wall-track:7px;border-radius:22px;padding:10px}.q-status-panel,.q-rules-panel{border-radius:24px;padding:18px}.q-control-group{border-radius:22px}}.quoridor-screen{z-index:1;width:100vw;min-height:100vh;background-color:#050505;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-rows:auto 1fr auto;gap:14px;min-height:100dvh;padding:18px;display:grid;position:relative;overflow:hidden}.quoridor-screen:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#ffffff14,#0000 34%);position:fixed;inset:0}.q-topbar,.q-bottom-bar{grid-template-columns:150px 1fr 150px;align-items:center;gap:14px;width:min(1180px,100%);margin:0 auto;display:grid}.q-home,.q-new,.q-tool-pill,.q-turn-pill{-webkit-backdrop-filter:blur(18px);background:#070707c7;border:1px solid #ffffff29;border-radius:999px;box-shadow:0 14px 40px #00000061}.q-home,.q-new{color:#fff;height:44px;font:inherit;cursor:pointer;justify-content:center;align-items:center;font-size:.88rem;font-weight:800;text-decoration:none;display:inline-flex}.q-new{border-color:#ffffff38}.q-home:hover,.q-new:hover{color:#000;background:#fff}.q-title-line{text-align:center;justify-self:center;min-width:0}.q-title-line span{letter-spacing:-.05em;background:linear-gradient(#fff,#777);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(1.25rem,2.6vw,2.35rem);font-weight:900;line-height:1;display:block}.q-title-line em{color:#ffffff8a;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:.82rem;font-style:normal;font-weight:700;display:block;overflow:hidden}.q-stage{grid-template-columns:150px minmax(320px,min(78dvh,760px)) 150px;justify-content:center;align-items:center;gap:clamp(12px,3vw,34px);width:min(1180px,100%);min-height:0;margin:0 auto;display:grid}.q-mini-hud{text-align:center;-webkit-backdrop-filter:blur(18px);background:#070707b8;border:1px solid #ffffff21;border-radius:24px;align-self:center;min-height:118px;padding:18px 16px}.q-mini-hud strong,.q-mini-hud em{display:block}.q-mini-hud strong{color:#fff;margin-top:10px;font-size:1rem}.q-mini-hud em{color:#ffffff8c;margin-top:4px;font-size:.82rem;font-style:normal;font-weight:800}.q-mini-pawn{vertical-align:middle;border-radius:50%;width:24px;height:24px;display:inline-block}.q-mini-pawn-black{background:radial-gradient(circle at 35% 25%,#4a4a4a,#020202 70%);border:1px solid #ffffff80}.q-mini-pawn-white{background:radial-gradient(circle at 35% 25%,#fff,#bdbdbd 72%);border:1px solid #fffffff2}.q-board-shell{width:min(78vh,760px);aspect-ratio:1;background:#080808;border:1px solid #fff3;border-radius:clamp(24px,4vmin,42px);width:min(78dvh,760px);max-width:calc(100vw - 360px);padding:clamp(10px,1.8vmin,18px);box-shadow:0 30px 90px #000000b3,inset 0 1px #ffffff24}.q-board-full{--wall-gap:clamp(7px,1.45vmin,13px);grid-template-columns:repeat(8,minmax(0,1fr)var(--wall-gap))minmax(0,1fr);grid-template-rows:repeat(8,minmax(0,1fr)var(--wall-gap))minmax(0,1fr);background:#030303;border:1px solid #ffffff1f;border-radius:clamp(18px,3vmin,30px);gap:0;width:100%;height:100%;padding:clamp(8px,1.7vmin,16px);display:grid;position:relative;overflow:hidden}.q-board-full:before{content:"";pointer-events:none;border:1px solid #ffffff0f;border-radius:clamp(12px,2vmin,20px);position:absolute;inset:clamp(8px,1.7vmin,16px)}.q-square{z-index:1;color:#fff;cursor:default;background:#0b0b0b;border:1px solid #ffffff1b;justify-content:center;align-items:center;width:100%;height:100%;transition:background .16s,border-color .16s,transform .16s;display:flex;position:relative}.q-square.goal{background:#101010}.q-square.legal{cursor:pointer;background:#151515;border-color:#ffffff57}.q-square.legal:after{content:"";background:#ffffff6b;border-radius:50%;width:30%;height:30%;box-shadow:0 0 18px #ffffff47}.q-square.legal:hover{background:#202020;transform:scale(.96)}.q-game-pawn{z-index:3;border-radius:50%;width:58%;height:58%;position:relative;box-shadow:0 10px 24px #00000080}.q-game-pawn:before{content:"";background:#fff9;border-radius:50%;width:24%;height:24%;position:absolute;top:15%;left:22%}.q-game-pawn-black{background:radial-gradient(circle at 35% 25%,#4a4a4a,#000 68%);border:1px solid #ffffff7a}.q-game-pawn-white{background:radial-gradient(circle at 35% 25%,#fff,#cacaca 64%,#777);border:1px solid #fffffff2}.q-placed-wall,.q-wall-hit{border-radius:999px}.q-placed-wall{z-index:8;pointer-events:none;position:relative}.q-placed-wall-horizontal{margin:2px 0}.q-placed-wall-vertical{margin:0 2px}.q-placed-wall-black{background:linear-gradient(90deg,#010101,#2d2d2d,#010101);border:1px solid #ffffff6b;box-shadow:0 0 0 1px #000000a6,0 0 18px #000c}.q-placed-wall-white{background:linear-gradient(90deg,#fff,#9c9c9c,#fff);border:1px solid #ffffffe6;box-shadow:0 0 18px #ffffff3d}.q-wall-hit{z-index:10;cursor:default;background:0 0;border:0;position:relative}.q-wall-hit.legal{cursor:pointer}.q-wall-hit.legal:before{content:"";opacity:.7;background:#ffffff0e;border-radius:999px;transition:inset .14s,opacity .14s,background .14s,box-shadow .14s;position:absolute;inset:28% 4%}.q-wall-hit-vertical.legal:before{inset:4% 28%}.q-wall-hit.legal:hover:before,.q-wall-hit.hovered:before{opacity:1;background:#fff;inset:12% 0;box-shadow:0 0 24px #ffffff73}.q-wall-hit-vertical.legal:hover:before,.q-wall-hit-vertical.hovered:before{inset:0 12%}.q-bottom-bar{grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr)}.q-turn-pill{color:#ffffffd1;justify-self:start;align-items:center;gap:10px;min-height:46px;padding:0 16px;font-size:.88rem;font-weight:900;display:inline-flex}.q-turn-pill .q-mini-pawn{width:18px;height:18px}.q-tool-pill{justify-self:center;gap:4px;padding:5px;display:flex}.q-tool-pill button{color:#ffffff94;min-width:84px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 14px;font-size:.84rem;font-weight:900}.q-tool-pill button.active,.q-tool-pill button:hover:not(:disabled){color:#000;background:#fff}.q-help-text{color:#ffffff80;text-align:right;justify-self:end;font-size:.83rem;font-weight:700}@media (max-width:920px){.quoridor-screen{overflow-y:auto}.q-topbar{grid-template-columns:auto 1fr auto}.q-home,.q-new{width:auto;padding:0 14px}.q-stage{grid-template-columns:1fr 1fr}.q-board-shell{width:min(92vw,72vh,640px);grid-area:1/1/auto/-1;justify-self:center;width:min(92vw,72dvh,640px);max-width:none}.q-mini-hud{grid-row:2;min-height:0;padding:12px}.q-bottom-bar{grid-template-columns:1fr;justify-items:center}.q-turn-pill,.q-help-text{text-align:center;justify-self:center}}@media (max-width:560px){.quoridor-screen{gap:10px;padding:12px}.q-topbar{grid-template-columns:1fr auto}.q-title-line{grid-area:2/1/auto/-1}.q-title-line em{white-space:normal}.q-stage{gap:10px}.q-board-shell{width:min(94vw,58vh);width:min(94vw,58dvh);padding:8px}.q-board-full{--wall-gap:6px;padding:8px}.q-tool-pill{width:100%}.q-tool-pill button{flex:1;min-width:0;padding:10px 8px}}.quoridor-screen{z-index:10;width:100vw;height:100vh;background:#050505;height:100dvh;min-height:0;padding:clamp(14px,2.2vw,24px);position:fixed;inset:0;overflow:hidden}.quoridor-screen:before{display:none}.q-menu-screen{place-items:center;display:grid}.q-back-pill{z-index:5;border:1px solid var(--glass-border);color:#ffffffd1;-webkit-backdrop-filter:blur(25px)saturate(200%);background:#0a0a0aa8;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-width:116px;height:50px;font-size:.92rem;font-weight:900;text-decoration:none;transition:transform .42s cubic-bezier(.23,1,.32,1),border-color .3s,color .3s;display:inline-flex;position:absolute;top:clamp(14px,2.2vw,24px);left:clamp(14px,2.2vw,24px);overflow:hidden;box-shadow:0 10px 40px #0009}.q-back-pill:before{content:"";background:linear-gradient(#ffffff21,#ffffff09);border-radius:999px;transition:transform .5s cubic-bezier(.23,1,.32,1);position:absolute;inset:5px;transform:translate(-112%)}.q-back-pill span,.q-back-pill strong{z-index:1;position:relative}.q-back-pill span{font-size:1.08rem;transition:transform .45s cubic-bezier(.23,1,.32,1)}.q-back-pill:hover{color:#fff;border-color:#ffffff4d;transform:translateY(-2px)}.q-back-pill:hover:before{transform:translate(0)}.q-back-pill:hover span{transform:translate(-4px)}.q-start-card{justify-items:center;gap:30px;animation:.55s cubic-bezier(.16,1,.3,1) both qMenuIn;display:grid}.q-start-card h1{color:#fff;letter-spacing:-.08em;background:0 0;-webkit-background-clip:initial;-webkit-text-fill-color:currentColor;text-shadow:none;padding-right:.08em;font-size:clamp(3.4rem,10vw,7.2rem);line-height:.9}.q-start-button{border:1px solid var(--glass-border);color:#fff;min-width:176px;height:54px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(25px)saturate(200%);background:#0a0a0aa6;border-radius:999px;font-size:.94rem;font-weight:900;transition:transform .32s cubic-bezier(.23,1,.32,1),border-color .25s,background .25s;box-shadow:0 10px 40px #0009}.q-start-button:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-3px)}.q-menu-actions,.q-rules-actions{justify-content:center;align-items:center;gap:12px;display:flex}.q-info-button{color:#ffffffb8;min-width:176px;height:54px;font:inherit;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1f;border-radius:999px;font-size:.94rem;font-weight:900;transition:transform .32s cubic-bezier(.23,1,.32,1),border-color .25s,color .25s,background .25s}.q-info-button:hover{color:#fff;background:#ffffff17;border-color:#ffffff47;transform:translateY(-3px)}.q-rules-card{background:#0a0a0ab8;border:1px solid #ffffff1f;border-radius:28px;gap:18px;width:min(470px,100vw - 34px);padding:24px;animation:.22s both fadeScale;display:grid;box-shadow:0 20px 60px #00000073}.q-rules-card p{color:#fff;text-align:center;font-weight:900}.q-rules-card ul{color:#ffffffa8;gap:9px;margin-left:18px;font-size:.92rem;font-weight:700;display:grid}.q-difficulty-wrap{justify-items:center;gap:16px;animation:.26s both fadeScale;display:grid}.q-difficulty-wrap p{color:#ffffff8f;letter-spacing:.08em;text-transform:uppercase;font-size:.88rem;font-weight:800}.q-difficulty-pill,.q-tool-pill{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(25px)saturate(200%);background:#0a0a0aa6;border-radius:999px;gap:0;padding:5px;display:flex;position:relative;box-shadow:0 10px 40px #0009}.q-difficulty-pill button,.q-tool-pill button{z-index:2;color:#ffffff9e;min-width:118px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:13px 22px;font-size:.9rem;font-weight:900;transition:color .25s,text-shadow .25s;position:relative}.q-difficulty-pill button:hover,.q-tool-pill button.active{color:#fff;text-shadow:0 0 12px #fff6}.q-difficulty-pill button:hover{background:linear-gradient(#ffffff1f,#ffffff09)}.q-game-screen{grid-template-rows:54px minmax(0,1fr) 56px;gap:clamp(8px,1.5vh,16px);display:grid}.q-game-top,.q-game-bottom{z-index:4;grid-template-columns:136px 1fr 136px;align-items:center;gap:14px;width:min(100%,1220px);margin:0 auto;display:grid;position:relative}.q-game-top .q-back-pill{position:relative;top:auto;left:auto}.q-game-title{text-align:center;min-width:0}.q-game-title span{letter-spacing:-.06em;background:linear-gradient(#fff,#777);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(1.28rem,3vw,2.2rem);font-weight:900;line-height:1;display:block}.q-game-title em{color:#ffffff8c;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:.8rem;font-style:normal;font-weight:800;display:block;overflow:hidden}.q-surrender{color:#ffffffd1;height:50px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(25px)saturate(200%);background:#0a0a0aa8;border:1px solid #ffffff29;border-radius:999px;font-size:.95rem;font-weight:900;transition:transform .32s cubic-bezier(.23,1,.32,1),background .25s,color .25s;box-shadow:0 10px 40px #00000075}.q-surrender:hover{color:#000;background:#fff;transform:translateY(-2px)}.q-top-spacer{width:136px;height:1px}.q-game-board-area{justify-content:center;align-items:center;min-height:0;display:flex}.q-game-screen .q-board-shell{width:min(100vh - 174px,100vw - 34px,900px);aspect-ratio:1;background:#080808;border:1px solid #ffffff2e;border-radius:clamp(22px,3.8vmin,38px);width:min(100dvh - 174px,100vw - 34px,900px);max-width:none;padding:clamp(8px,1.5vmin,15px);box-shadow:0 26px 80px #000000b8,inset 0 1px #ffffff1f}.q-game-screen .q-board-full{--wall-gap:clamp(6px,1.25vmin,12px);grid-template-columns:repeat(8,minmax(0,1fr)var(--wall-gap))minmax(0,1fr);grid-template-rows:repeat(8,minmax(0,1fr)var(--wall-gap))minmax(0,1fr);background:#030303;border:1px solid #ffffff1a;border-radius:clamp(16px,2.8vmin,27px);width:100%;height:100%;padding:clamp(7px,1.35vmin,13px);display:grid;overflow:hidden}.q-game-screen .q-board-full:before{border-color:#ffffff0b;inset:clamp(7px,1.35vmin,13px)}.q-game-screen .q-square{background:#0b0b0b;border-color:#ffffff18;border-radius:0}.q-game-screen .q-square.goal{background:#101010}.q-game-screen .q-square.legal{background:#161616;border-color:#ffffff59}.q-game-screen .q-square.legal:after{background:#ffffff85;width:28%;height:28%;animation:1.15s ease-in-out infinite qLegalPulse;box-shadow:0 0 22px #ffffff52}.q-game-screen .q-game-pawn{animation:.22s both qPawnDrop}.q-game-screen.q-bot-thinking .q-game-pawn-black{animation:.85s ease-in-out infinite qBotPulse}.q-game-bottom{grid-template-columns:1fr auto 1fr}.q-score-line{color:#ffffff8f;white-space:nowrap;align-items:center;gap:12px;font-size:.82rem;font-weight:850;display:flex}.q-score-line span{background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;padding:8px 12px}.q-inline-hint{color:#ffffff8a;text-align:center;white-space:nowrap;justify-self:center;font-size:.84rem;font-weight:850}.q-game-bottom .q-surrender{justify-self:end;width:136px}.q-game-screen .q-wall-hit.legal:before{opacity:.18;background:#ffffff14}.q-game-screen .q-wall-hit.legal:hover:before,.q-game-screen .q-wall-hit.hovered:before{opacity:1;background:#fff}.q-game-bottom .q-tool-pill{justify-self:center;width:auto}.q-tool-indicator{z-index:1;background:linear-gradient(#ffffff21,#ffffff09);border:1px solid #ffffff0d;border-radius:999px;width:calc(33.3333% - 3.33333px);transition:transform .5s cubic-bezier(.23,1,.32,1);position:absolute;top:5px;bottom:5px;left:5px}.q-tool-pill button:disabled{opacity:.38;cursor:not-allowed}.q-game-bottom .q-tool-pill button,.q-game-bottom .q-tool-pill button.active,.q-game-bottom .q-tool-pill button:hover:not(:disabled){background:0 0}.q-tool-pill button:hover:not(:disabled){color:#fff}@keyframes qMenuIn{0%{opacity:0;transform:translateY(28px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes qLegalPulse{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:.75;transform:scale(1.06)}}@keyframes qPawnDrop{0%{opacity:.75;transform:translateY(-10%)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes qBotPulse{0%,to{filter:brightness()}50%{filter:brightness(1.22)}}@media (max-width:760px){.q-game-screen{grid-template-rows:auto minmax(0,1fr) auto}.q-game-top{grid-template-columns:auto auto}.q-game-top .q-game-title{grid-area:2/1/auto/-1}.q-surrender{min-width:104px;padding:0 16px}.q-game-screen .q-board-shell{width:min(100vh - 204px,100vw - 24px);width:min(100dvh - 204px,100vw - 24px)}.q-game-bottom{grid-template-columns:1fr;justify-items:center;gap:8px}.q-game-bottom .q-surrender{justify-self:center;width:min(100%,180px)}.q-inline-hint{white-space:normal}.q-score-line{flex-wrap:wrap;justify-content:center;font-size:.78rem}}@media (max-width:520px){.quoridor-screen{padding:12px}.q-back-pill{min-width:100px;height:44px;font-size:.86rem}.q-start-card{gap:26px}.q-start-button,.q-info-button{min-width:164px;height:54px}.q-menu-actions,.q-rules-actions{flex-direction:column;width:min(100%,360px)}.q-menu-actions .q-info-button,.q-menu-actions .q-start-button,.q-rules-actions .q-info-button,.q-rules-actions .q-start-button{width:100%}.q-difficulty-pill,.q-tool-pill{width:min(100%,360px)}.q-difficulty-pill button,.q-tool-pill button{flex:1;min-width:0;padding:12px 8px;font-size:.82rem}.q-game-screen .q-board-shell{width:min(100vh - 222px,100vw - 20px);width:min(100dvh - 222px,100vw - 20px)}}