@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Playfair+Display:wght@500;600;700&display=swap";:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Playfair Display", Georgia, serif;--mono:"DM Mono", monospace;font:16px/145% var(--mono);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100vh;display:flex}p{margin:0}:root{--font-mono:"DM Mono", monospace;--font-heading:"Playfair Display", Georgia, serif;--bg-page:#f5f0e5;--bg-paper:#fffaf0;--bg-paper-alt:#f8f1e4;--bg-tinted:#f7efdc;--border-paper:#d9cbb3;--border-light:#eee5d4;--border-frame:#d8c7a6;--text-main:#34352d;--text-muted:#777361;--text-subtle:#99917f;--accent-terracotta:#c06c4d;--accent-terracotta-dark:#a3654c;--board-light:#f3e6ca;--board-dark:#9eae8d;--shadow-paper:3px 4px 0 #d9cbb3;--shadow-paper-sm:2px 2px 0 #d9cbb3;font-family:var(--font-mono);color:var(--text-main);background:var(--bg-page);font-synthesis:none}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg-page);background-image:radial-gradient(#d9d0bd .7px,#0000 .7px);background-size:12px 12px;min-width:320px;min-height:100vh;margin:0}:root,body{cursor:url(/cursors/paper-cursor.svg) 9 2,auto}button,a,[role=button],select,input[type=range]{cursor:url(/cursors/paper-pointer.svg) 12 2,pointer}.square{cursor:url(/cursors/paper-cursor.svg) 9 2,default}.square.legal-move,.square.selected{cursor:url(/cursors/paper-pointer.svg) 12 2,pointer}.square:has(.paper-piece){cursor:url(/cursors/paper-pointer.svg) 12 2,pointer}.board[data-dragging=true],.board[data-dragging=true] .square{cursor:url(/cursors/paper-drag.svg) 18 14,grabbing}.board[data-dragging=true] .paper-piece{pointer-events:none}.title-screen{background:var(--bg-page);width:100%;min-height:100vh;color:var(--text-main);place-items:center;padding:32px 20px;display:grid;overflow-x:hidden}.title-paper{text-align:center;border:1px solid var(--border-frame);background:radial-gradient(ellipse at center, var(--bg-paper) 0%, var(--bg-paper-alt) 100%);width:min(100%,760px);box-shadow:0 3px 0 var(--border-paper), 0 12px 30px #4c402a1a;flex-direction:column;justify-content:center;align-items:center;padding:36px 32px;display:flex}.title-eyebrow,.title-footer{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1.5px}.title-eyebrow{margin:0 0 18px;font-size:10px}.title-logo{object-fit:contain;mix-blend-mode:multiply;width:min(100%,460px);height:auto;max-height:290px;display:block}.title-subtitle{font-family:var(--font-mono);color:var(--text-muted);margin:18px 0 24px;font-size:12px;line-height:1.7}.title-actions{flex-wrap:wrap;justify-content:center;gap:14px;width:100%;display:flex}.title-button{min-width:150px;font-family:var(--font-mono);cursor:url(/cursors/paper-pointer.svg) 12 2,pointer;box-shadow:var(--shadow-paper-sm);border:1px solid #cdbb9b;border-radius:3px;padding:13px 24px;font-size:12px;transition:background .16s,transform .16s}.title-button-primary{background:var(--text-main);color:var(--bg-paper)}.title-button-secondary{background:var(--bg-tinted);color:var(--text-main)}.title-button:hover{transform:translateY(-2px)}.title-button-primary:hover{background:#4b4b3f}.title-button-secondary:hover{background:#ead9b8}.title-footer{text-align:center;margin:28px 0 0;font-size:9px}.mode-heading{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text-main);margin:8px 0 0;font-size:clamp(28px,4.5vw,42px);font-weight:500}.mode-actions{flex-wrap:wrap;justify-content:center;gap:14px;width:100%;max-width:440px;margin:20px auto 0;display:flex}.mode-actions .title-button{flex-direction:column;flex:180px;align-items:center;gap:8px;display:flex}.mode-description{font-family:var(--font-mono);opacity:.8;font-size:10px;line-height:1.5}.title-screen .mode-actions+.title-button{margin-top:18px}.back-button{color:#776958;font-family:var(--font-mono);cursor:url(/cursors/paper-pointer.svg) 12 2,pointer;background:0 0;border:0;margin-top:24px;padding:8px 12px;font-size:11.5px;transition:color .14s}.back-button:hover{color:#34352d;text-decoration:underline}.bot-difficulty{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:440px;margin:24px 0 18px;display:flex}.bot-difficulty .title-eyebrow{margin:0}.difficulty-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.difficulty-options .title-button{width:100%;min-width:0;margin:0;padding:11px 8px}.side-selection{width:100%;max-width:440px;margin:18px 0 20px}.side-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.side-options .title-button{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.theme-selector{align-self:flex-end;align-items:center;gap:10px;margin-top:22px;display:flex}.theme-selector label{font-family:var(--font-mono);letter-spacing:1.5px;color:var(--text-muted);font-size:9px}.theme-selector select{background:var(--bg-paper);color:var(--text-main);font-family:var(--font-mono);cursor:url(/cursors/paper-pointer.svg) 12 2,pointer;border:1px solid #cdbb9b;border-radius:3px;padding:8px 12px;font-size:11px}.settings-paper{width:min(100%,680px)}.settings-list{border-top:1px dashed var(--border-frame);width:100%;max-width:500px;margin-top:12px}.setting-row{border-bottom:1px dashed var(--border-frame);text-align:left;cursor:url(/cursors/paper-cursor.svg) 9 2,auto;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.setting-row strong{color:var(--text-main);font-size:12px;font-weight:500;display:block}.setting-row small{color:var(--text-muted);margin-top:4px;font-size:10px;line-height:1.5;display:block}.setting-control{white-space:nowrap;align-items:center;gap:10px;font-size:11px;display:flex}.setting-control input[type=range]{accent-color:#8d6549;cursor:url(/cursors/paper-pointer.svg) 12 2,pointer;width:110px}.setting-row input[type=checkbox]{accent-color:#8d6549;cursor:url(/cursors/paper-pointer.svg) 12 2,pointer;flex-shrink:0;width:17px;height:17px}.game{width:min(100% - 48px,1140px);margin:0 auto;padding:24px 0 36px}.game-header{text-align:center;margin-bottom:24px}.eyebrow{font-family:var(--font-mono);letter-spacing:2px;color:var(--text-muted);margin:0 0 6px;font-size:10px}.game-header h1{font-family:var(--font-heading);letter-spacing:-1.5px;color:var(--text-main);margin:4px 0 6px;font-size:clamp(32px,4.5vw,48px);line-height:1.15}.game-header h1 span{color:var(--accent-terracotta)}.game-header .subtitle{font-family:var(--font-mono);color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.game-layout{grid-template-columns:minmax(0,1fr) 350px;justify-content:center;align-items:start;gap:32px;width:100%;display:grid}.game-board-area{justify-self:end;width:100%;min-width:0;max-width:620px}.game-sidebar{flex-direction:column;justify-self:start;gap:14px;width:100%;min-width:0;max-width:380px;display:flex}.board-with-coordinates{grid-template-columns:18px minmax(0,1fr);align-items:stretch;width:100%;display:grid}.rank-coordinates{font-family:var(--font-mono);color:var(--text-muted);grid-template-rows:repeat(8,minmax(0,1fr));place-items:center;padding:7px 0;font-size:10px;display:grid}.file-coordinates{text-align:center;font-family:var(--font-mono);color:var(--text-muted);grid-template-columns:repeat(8,minmax(0,1fr));padding-left:18px;font-size:10px;display:grid}.file-coordinates span{padding-top:7px}.board{aspect-ratio:1;background-color:var(--bg-tinted);border:1px solid var(--border-frame);outline-offset:2px;width:100%;box-shadow:0 3px 0 var(--border-paper), 0 8px 0 #634f3014, 0 14px 24px #4c402a1f;outline:1px solid #e7dbc3;grid-template-columns:repeat(8,minmax(0,1fr));padding:7px;display:grid;position:relative;overflow:hidden}.square{aspect-ratio:1;touch-action:none;isolation:isolate;border:0;justify-content:center;align-items:center;min-width:0;padding:0;display:flex;position:relative;box-shadow:inset 0 0 0 .5px #5d4d3412}.square.light{background-color:var(--board-light);background-image:radial-gradient(#7e65410b .45px,#0000 .7px);background-size:7px 7px}.square.dark{background-color:var(--board-dark);background-image:radial-gradient(#33412b0b .45px,#0000 .7px);background-size:7px 7px}.square.selected{z-index:1;box-shadow:inset 0 0 0 2px var(--accent-terracotta), inset 0 0 0 5px #fffaf08c}.square.legal-move:after{content:"";aspect-ratio:1;opacity:.72;pointer-events:none;background:#78684f;border-radius:50%;width:22%;position:absolute}.square.legal-move:has(img):after{border:3px solid var(--accent-terracotta);box-sizing:border-box;background:0 0;border-radius:50%;width:90%;height:90%}.paper-piece{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 1px 1px #3d2b1c2e)drop-shadow(0 3px 2px #3d2b1c14);transform-origin:bottom;width:94%;height:94%;margin:auto;transition:transform .14s,filter .14s;display:block}.square:not(:disabled):hover .paper-piece{transform:translateY(-2px)}.dragged-piece{z-index:30;pointer-events:none;filter:drop-shadow(0 5px 4px #3d2b1c40);justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.dragged-piece .paper-piece{object-fit:contain;pointer-events:none;width:94%;height:94%}.hampter-card{background:var(--bg-paper);border:1px solid var(--border-paper);box-shadow:var(--shadow-paper);flex-shrink:0;grid-template-columns:88px minmax(0,1fr);grid-template-areas:"heading heading""portrait chat";align-items:stretch;gap:12px;width:100%;padding:14px 16px;display:grid}.hampter-heading{border-bottom:1px dashed var(--border-paper);grid-area:heading;justify-content:space-between;align-items:center;gap:10px;padding-bottom:8px;display:flex}.hampter-label,.hampter-lable{color:var(--accent-terracotta-dark);font-family:var(--font-mono);letter-spacing:1.5px;margin:0 0 2px;font-size:9px}.hampter-heading h2{color:var(--text-main);font-family:var(--font-heading);margin:0;font-size:20px;line-height:1.1}.hampter-status{color:#445938;font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;background:#edf4e8;border:1px solid #c4d4bd;border-radius:2px;padding:3px 8px;font-size:9px;font-weight:500}.hampter-portrait{aspect-ratio:1;background:var(--bg-paper-alt);border:1px solid var(--border-paper);width:88px;height:88px;box-shadow:1px 1px 0 var(--border-paper);border-radius:2px;grid-area:portrait;padding:3px;overflow:hidden}.hampter-portrait img{object-fit:cover;border-radius:1px;width:100%;height:100%;display:block}.hampter-chat{background:var(--bg-tinted);border:1px solid var(--border-frame);border-radius:2px;flex-direction:column;grid-area:chat;justify-content:center;min-width:0;padding:10px 12px;display:flex;position:relative}.hampter-chat-name{color:var(--accent-terracotta-dark);font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;font-size:8.5px;font-weight:500}.hampter-chat p{color:var(--text-main);font-family:var(--font-mono);margin:4px 0 0;font-size:11px;line-height:1.5}.captured-pieces{background:var(--bg-paper);border:1px solid var(--border-paper);width:100%;min-width:0;box-shadow:var(--shadow-paper);flex-shrink:0;padding:14px 16px;overflow:visible}.captured-header{border-bottom:1px dashed var(--border-paper);justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;padding-bottom:8px;display:flex}.captured-header h2{font-family:var(--font-heading);color:var(--text-main);margin:0;font-size:18px}.captured-header>span{color:var(--accent-terracotta-dark);font-family:var(--font-mono);letter-spacing:1px;font-size:10px}.captured-row{grid-template-columns:50px minmax(0,1fr);align-items:center;gap:10px;min-height:46px;padding:4px 0;display:grid}.captured-row+.captured-row{border-top:1px solid var(--border-light);margin-top:6px;padding-top:8px}.captured-label{font-family:var(--font-mono);letter-spacing:1.2px;color:var(--text-muted);font-size:9px;font-weight:500}.captured-piece-list{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;padding:2px 2px 2px 0;display:flex;overflow:visible}.captured-piece-group{background:var(--bg-paper-alt);border:1px solid #ded3be;border-radius:3px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .12s;display:inline-flex;position:relative;box-shadow:1px 1px #ded3be}.captured-piece-group:hover{transform:translateY(-1px)}.captured-piece-icon{justify-content:center;align-items:center;width:30px;height:30px;display:flex}.captured-piece-icon .paper-piece{object-fit:contain;width:100%;height:100%}.captured-piece-count{border:1.5px solid var(--bg-paper);background:var(--accent-terracotta);min-width:15px;height:15px;color:var(--bg-paper);font-family:var(--font-mono);z-index:2;border-radius:8px;justify-content:center;align-items:center;padding:0 3px;font-size:8.5px;font-weight:500;line-height:1;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:1px 1px #b35f40}.captured-empty{color:#aaa18f;font-family:var(--font-mono);font-size:10.5px;font-style:italic}.move-history{background:var(--bg-paper);border:1px solid var(--border-paper);width:100%;min-width:0;height:240px;min-height:180px;max-height:280px;box-shadow:var(--shadow-paper);flex-direction:column;flex-shrink:0;padding:14px 16px;display:flex;overflow:hidden}.history-header{border-bottom:1px dashed var(--border-paper);flex-shrink:0;justify-content:space-between;align-items:baseline;padding-bottom:8px;display:flex}.history-header h2{font-family:var(--font-heading);color:var(--text-main);margin:0;font-size:18px}.history-header span{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:1px;font-size:10px}.move-history ol{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cdbb9b transparent;flex:1;min-height:0;margin:6px 0 0;padding:0;list-style:none;overflow-y:auto}.move-history ol::-webkit-scrollbar{width:5px}.move-history ol::-webkit-scrollbar-thumb{background:#cdbb9b;border-radius:3px}.move-history ol::-webkit-scrollbar-track{background:0 0}.move-history li{font-family:var(--font-mono);border-bottom:1px solid var(--border-light);grid-template-columns:32px 1fr 1fr;align-items:center;padding:5px 6px;font-size:11.5px;transition:background .12s;display:grid}.move-history li:hover{background:#ead9b859;border-radius:2px}.move-history li span:first-child{color:var(--text-subtle);font-size:10px;font-weight:500}.move-history li span:nth-child(2){color:var(--text-main);font-weight:500}.move-history li span:nth-child(3){color:#635846}.history-empty{text-align:center;color:#8c8574;font-family:var(--font-mono);margin:0;padding:24px 0;font-size:11px;font-style:italic}.piece-guide-button{width:100%;min-height:40px;font-family:var(--font-mono);letter-spacing:1px;border:1px dashed var(--accent-terracotta);background:var(--bg-paper);color:#4a3d2b;box-shadow:var(--shadow-paper-sm);cursor:url(/cursors/paper-pointer.svg) 12 2,pointer;border-radius:3px;padding:9px 14px;font-size:11px;font-weight:500;transition:background .14s,transform .14s}.piece-guide-button:hover{background:var(--bg-tinted);color:var(--text-main);transform:translateY(-1px)}.piece-guide-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#232019a6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.piece-guide-modal{background:var(--bg-paper-alt);border:1px solid var(--border-frame);width:min(100%,850px);max-height:min(85vh,850px);padding:28px;overflow-y:auto;box-shadow:6px 8px #1e191233}.piece-guide-header{border-bottom:1px dashed #cdbb9b;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;padding-bottom:18px;display:flex}.piece-guide-header .eyebrow{margin:0 0 6px}.piece-guide-header h2{font-family:var(--font-heading);color:var(--text-main);margin:0;font-size:clamp(24px,4vw,34px);line-height:1.2}.piece-guide-close{width:34px;height:34px;box-shadow:none;background:var(--bg-tinted);color:var(--text-main);border:1px solid #cdbb9b;border-radius:3px;flex-shrink:0;padding:0;font-size:22px}.piece-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.piece-guide-card{background:var(--bg-paper);border:1px solid #e0d2ba;min-width:0;padding:12px;box-shadow:2px 3px #e3d6c0}.piece-guide-image{background:#f3e9d6;justify-content:center;align-items:center;height:140px;display:flex}.piece-guide-image img{object-fit:contain;width:100%;height:100%}.piece-guide-info{padding-top:10px}.piece-guide-info span{letter-spacing:1px;color:var(--accent-terracotta-dark);font-size:9px}.piece-guide-info h3{font-family:var(--font-heading);color:var(--text-main);margin:4px 0 0;font-size:15px}.game-sidebar .game-footer{flex-direction:column;align-items:stretch;gap:8px;width:100%;margin-top:0;display:flex}.game-sidebar .game-footer>span{background:var(--bg-tinted);border:1px solid var(--border-frame);width:100%;box-shadow:1px 1px 0 var(--border-paper);font-family:var(--font-mono);letter-spacing:1.5px;color:var(--text-main);text-align:center;text-transform:uppercase;border-radius:2px;padding:9px 12px;font-size:10px;font-weight:500;display:block}.game button:not(.square){background:var(--bg-tinted);color:var(--text-main);font-family:var(--font-mono);cursor:url(/cursors/paper-pointer.svg) 12 2,pointer;box-shadow:var(--shadow-paper-sm);text-align:center;border:1px solid #cdbb9b;border-radius:3px;padding:9px 14px;font-size:11.5px;transition:background .14s,transform .14s,box-shadow .14s}.game button:not(.square):hover:not(:disabled){box-shadow:2px 3px 0 var(--border-paper);background:#ead9b8;transform:translateY(-1px)}.game button:not(.square):active:not(:disabled){box-shadow:1px 1px 0 var(--border-paper);transform:translateY(1px)}.game button:not(.square):disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.game-sidebar .game-footer button{width:100%;min-height:38px}.promotion-overlay{z-index:1100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#232019a6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.promotion-modal{text-align:center;background:var(--bg-paper-alt);border:1px solid var(--border-frame);width:min(100%,480px);padding:28px;box-shadow:6px 8px #1e191233}.promotion-modal .eyebrow{margin:0 0 8px}.promotion-modal h2{color:var(--text-main);font-family:var(--font-heading);margin:0;font-size:clamp(24px,5vw,32px)}.promotion-modal>p:not(.eyebrow){color:var(--text-muted);margin:10px 0 22px;font-size:11px;line-height:1.6}.promotion-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.promotion-option{background:var(--bg-paper);border:1px solid var(--border-paper);min-width:0;box-shadow:var(--shadow-paper-sm);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 6px;display:flex}.promotion-option:hover{background:#eadfc9}.promotion-option .paper-piece{object-fit:contain;width:100%;height:70px}.promotion-option span{color:var(--text-main);font-family:var(--font-mono);font-size:10px}.moai-intro-overlay{z-index:2000;pointer-events:none;background:#181916e0;place-items:center;animation:1.8s forwards moai-overlay-out;display:grid;position:fixed;inset:0;overflow:hidden}.moai-intro-moai{z-index:2;filter:drop-shadow(0 18px 12px #00000059);font-family:Segoe UI Emoji,sans-serif;font-size:clamp(180px,42vw,400px);line-height:1;animation:1.8s cubic-bezier(.2,.8,.2,1) forwards moai-drop;position:relative}.moai-impact-dust{background:#d8c6a2;border-radius:50%;width:12px;height:12px;animation:1.8s ease-out forwards moai-dust;position:absolute;top:68%;left:50%;box-shadow:0 0 35px 22px #d8c6a273,0 0 75px 45px #d8c6a233}.moai-impact-dust span{background:#b7a17d;border-radius:3px;width:12px;height:12px;animation:.85s ease-out .65s forwards moai-particle;position:absolute;top:0;left:0}.moai-impact-dust .particle-1{--x:-110px;--y:-65px}.moai-impact-dust .particle-2{--x:100px;--y:-85px}.moai-impact-dust .particle-3{--x:-75px;--y:35px}.moai-impact-dust .particle-4{--x:125px;--y:30px}.moai-impact-dust .particle-5{--x:-25px;--y:-115px}.moai-impact-dust .particle-6{--x:35px;--y:95px}.moai-intro-caption{color:var(--bg-page);font-family:var(--font-mono);letter-spacing:3px;text-align:center;font-size:clamp(10px,2vw,14px);animation:1.8s forwards moai-caption;position:absolute;bottom:12%}@keyframes moai-drop{0%{transform:translateY(-120vh)rotate(-10deg)}55%{transform:translateY(0)rotate(3deg)}65%{transform:translateY(-18px)rotate(-2deg)}75%{transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(25px)scale(.85)}}@keyframes moai-dust{0%,50%{opacity:0;transform:translate(-50%,-50%)scale(.2)}65%{opacity:1;transform:translate(-50%,-50%)scale(1.5)}to{opacity:0;transform:translate(-50%,-50%)scale(5)}}@keyframes moai-particle{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--x), var(--y)) scale(.3) rotate(180deg)}}@keyframes moai-caption{0%,55%{opacity:0}65%,80%{opacity:1}to{opacity:0}}@keyframes moai-overlay-out{0%,75%{opacity:1}to{opacity:0}}@media (width<=960px){.game{width:min(100% - 36px,920px);padding:20px 0 32px}.game-layout{grid-template-columns:minmax(0,1fr) 320px;gap:24px}.hampter-card{grid-template-columns:78px minmax(0,1fr);gap:10px;padding:12px}.hampter-portrait{width:78px;height:78px}.move-history{height:220px}}@media (width<=780px){.game{width:min(100% - 32px,560px);padding:20px 0 32px}.game-header{margin-bottom:20px}.game-layout{grid-template-columns:1fr;gap:22px}.game-board-area{justify-self:center;max-width:100%}.game-sidebar{gap:14px;max-width:100%}.move-history{height:220px}.game-sidebar .game-footer{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.game-sidebar .game-footer>span{grid-column:1/-1}.game-sidebar .game-footer button{width:100%;min-height:40px;padding:8px 6px;font-size:11px}.title-screen{padding:20px 16px}.title-paper{padding:28px 20px}}@media (width<=480px){.game{width:calc(100% - 20px);padding:14px 0 24px}.game-header{margin-bottom:16px}.game-header h1{margin:4px 0 6px;font-size:34px}.game-header .subtitle{font-size:11px}.board-with-coordinates{grid-template-columns:14px minmax(0,1fr)}.rank-coordinates,.file-coordinates{font-size:8.5px}.file-coordinates{padding-left:14px}.board{padding:4px}.hampter-card{grid-template-columns:68px minmax(0,1fr);gap:8px;padding:10px}.hampter-portrait{width:68px;height:68px}.hampter-heading h2{font-size:17px}.hampter-chat{padding:8px 10px}.hampter-chat p{font-size:10.5px}.captured-pieces,.move-history{padding:12px 14px}.captured-row{grid-template-columns:46px minmax(0,1fr);gap:8px}.captured-piece-group{flex:0 0 36px;width:36px;height:36px}.captured-piece-icon{width:28px;height:28px}.game-sidebar .game-footer{grid-template-columns:repeat(3,1fr);gap:6px}.game-sidebar .game-footer button{padding:8px 4px;font-size:10px}.title-actions{flex-direction:column;align-items:stretch}.title-button{width:100%}.difficulty-options{gap:6px}.difficulty-options .title-button{padding:10px 4px;font-size:11px}.side-options{gap:8px}.side-options .title-button{padding:12px 6px;font-size:11px}.piece-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.piece-guide-image{height:110px}.piece-guide-modal{padding:16px}.promotion-modal{padding:20px 14px}.promotion-options{gap:6px}.promotion-option{padding:10px 3px}.promotion-option .paper-piece{height:56px}}@media (prefers-reduced-motion:reduce){.title-button,.game button:not(.square),.paper-piece,.captured-piece-group{transition:none!important}.moai-intro-overlay,.moai-intro-moai,.moai-impact-dust,.moai-impact-dust span,.moai-intro-caption{animation-duration:1ms!important;animation-delay:0s!important}}