@import "../shared/css/colors.css";@font-face{font-family:"TT2020";src:url("../shared/fonts/TT2020Base-Regular.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'Pecita';src:url('../shared/fonts/Pecita.woff2') format('woff2');font-weight:normal;font-style:normal}:root{--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:20px;--text-xl:28px;--text-2xl:40px;--leading:1.6;--gap:1.5rem;--draw-delay:.2s;--board:min(560px,calc(100vw - 32px));--cell:calc(var(--board) / 8);--board-pad:.5rem}*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,canvas,video{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,p,li{overflow-wrap:break-word}body{margin:0 auto;padding:20px;max-width:1100px;background:var(--paper);color:var(--blue-950);font-family:"TT2020","Courier New",Courier,monospace;font-size:var(--text-base);line-height:1.5;font-weight:600;display:flex;flex-direction:column;min-height:100vh}main{flex:1}p{font-weight:600;margin-bottom:1.5rem}h1{margin:0 0 .5rem;font-size:var(--text-2xl);font-family:'Pecita',cursive,sans-serif;font-weight:400}header{font-weight:600;display:grid;grid-template-columns:1fr auto;row-gap:.25rem}header h1{font-weight:400;grid-column:1 / -1;grid-row:2}a{color:var(--blue-950)}.filter-bank{position:absolute;width:0;height:0}footer{margin-top:1.125rem;padding-top:.75rem;border-top:1px solid var(--base-150);color:var(--base-600);font-size:var(--text-xs);line-height:1.6}footer a{color:var(--base-600)}footer a:hover{color:var(--blue-950)}#setup-screen{display:flex;flex-direction:column;align-items:center;gap:0rem;padding:2.5rem 3rem;font-weight:400;border:0 solid var(--blue-950);max-width:400px;margin:0 auto}#setup-screen h2{font-size:1.5rem;font-weight:600}.side-buttons{display:flex;gap:0rem}.side-btn{font-family:'Pecita',cursive,sans-serif;font-size:2.4rem;padding:.5rem 1.2rem;cursor:pointer;line-height:1;border:0;margin:.5rem 0 1.5rem 0}.side-btn span.label{display:block;font-size:.8rem;margin-top:.2rem}#board-stack{display:flex;flex-direction:column;align-items:stretch;gap:.6rem;transform:rotate(-0.3deg)}#board-card{position:relative;padding:var(--board-pad);background:var(--paper);border:2px solid var(--blue-950)}#board-inner{position:relative;width:var(--board);height:var(--board)}#board-svg{position:absolute;top:0;left:0;width:var(--board);height:var(--board);display:block}#pieces-layer{position:absolute;top:0;left:0;width:var(--board);height:var(--board);pointer-events:none}.piece{position:absolute;width:var(--cell);height:var(--cell);display:flex;align-items:center;justify-content:center;font-family:'Pecita',cursive,sans-serif;font-size:calc(var(--cell) * 0.857);line-height:1;cursor:pointer;pointer-events:auto;user-select:none;touch-action:none;-webkit-user-drag:none;z-index:4;font-weight:400}.piece.white-piece{color:var(--paper);-webkit-text-stroke:1.5px var(--blue-950)}.piece.black-piece{color:var(--blue-950)}.piece.dragging{cursor:pointer;z-index:999;filter:drop-shadow(2px 6px 8px rgba(0,0,0,.5))}.piece.ai-piece{cursor:default;pointer-events:none}.hint{position:absolute;width:var(--cell);height:var(--cell);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5;font-family:'Pecita',cursive,sans-serif;color:var(--blue-950);line-height:1;user-select:none}.hint.empty{font-size:calc(var(--cell) * 0.371)}.hint.capture{font-size:calc(var(--cell) * 0.886);z-index:2}#action-bar{display:flex;align-items:center;gap:1.25rem;font-size:1.0rem;color:var(--blue-950);flex-wrap:wrap;justify-content:center}#log-area{margin-top:.5rem;margin-bottom:2rem;border-top:1px solid var(--base-150);padding-top:2rem;border-bottom:1px solid var(--base-150);padding-bottom:2rem;width:var(--board);display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:2rem}#move-log-col{display:flex;flex-direction:column}#move-log-title{font-size:1.25rem;letter-spacing:.02em;margin-bottom:.375rem;margin-top:-.4375rem}#move-log{display:grid;grid-template-columns:auto auto auto;justify-content:start;justify-items:start;column-gap:.5rem;row-gap:.15rem;line-height:1.6;max-height:16rem;overflow-y:auto}.move{white-space:nowrap;font-variant-numeric:tabular-nums}.move-num{justify-self:end;color:var(--base-600);font-variant-numeric:tabular-nums}.move-black{margin-left:1.6rem}#log-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}#turn-indicator{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding-left:0;font-size:1.05rem;color:var(--blue-950);margin-top:1rem}#turn-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--blue-950);flex-shrink:0;margin-top:-.1875rem}#model-status{font-size:.85rem;color:var(--base-600);text-align:center}button{font-size:1rem;padding:.4375rem .75rem .375rem .75rem;cursor:pointer;background:var(--paper);border:2px solid var(--blue-950)}button:hover{background:var(--base-50)}button:disabled{opacity:.4;cursor:not-allowed}button:disabled:hover{background:var(--paper)}.swap-btn{display:inline-grid}.swap-btn>span{grid-area:1 / 1;justify-self:center}.swap-btn .swap-ghost{visibility:hidden}#reset-btn.armed,#reset-btn.armed:hover{background:var(--blue-950);color:var(--paper)}#promo-overlay{display:none;position:fixed;inset:0;background:rgba(28,27,26,0.5);z-index:2000;align-items:center;justify-content:center}#promo-overlay.active{display:flex}#promo-card{position:relative;background:var(--paper);padding:1.6rem 2rem;transform:rotate(0.4deg);display:flex;flex-direction:column;align-items:center;gap:1.2rem}#promo-svg{position:absolute;inset:0;pointer-events:none;overflow:visible}#promo-label{font-size:1.1rem;color:var(--blue-950);position:relative}#promo-choices{display:flex;gap:.7rem;position:relative}.promo-btn{font-family:'Pecita',cursive,sans-serif;font-size:3rem;width:74px;height:74px;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;background:var(--paper);border:2px solid var(--blue-950);cursor:pointer;transition:box-shadow 80ms,transform 80ms}.promo-btn:hover{background:var(--base-50)}.promo-btn.white-piece{color:var(--paper);-webkit-text-stroke:1.5px var(--blue-950)}.promo-btn.black-piece{color:var(--blue-950)}@media(max-width:640px){body{padding:10px}:root{--board-pad:.25rem}#board-stack{transform:none}#action-bar{gap:.8rem;font-size:1rem}#log-area{gap:1rem}#promo-card{padding:1.2rem 1rem;gap:.9rem}#promo-choices{gap:.5rem}.promo-btn{width:60px;height:60px;font-size:2.4rem}}