*{box-sizing:border-box;margin:0}body{background:radial-gradient(1200px 700px at 10% -10%,#fff 0%,#fff0 60%),radial-gradient(1000px 600px at 100% 110%,#e7eef8 0%,#e7eef800 55%),linear-gradient(160deg,#eef2f7 0%,#dde6f2 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:Arial,sans-serif;display:flex}#root{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}#brand-header{justify-content:center;margin-bottom:10px;display:flex}#brand-image{object-fit:contain;filter:drop-shadow(0 8px 14px #0000002e);width:min(180px,41vw);height:auto}#top-controls{gap:8px;display:flex}#board{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff73;border-radius:16px;gap:3px;margin-top:14px;padding:10px;display:grid;box-shadow:0 10px 26px #212c472e,inset 0 1px #ffffffb3}#board.disabled{pointer-events:none;opacity:.5}#ranking{background:#ffffffb3;border:1px solid #4e5f7e29;border-radius:10px;width:min(360px,86vw);margin-top:10px;padding:8px 10px;box-shadow:0 6px 14px #212c471a}#ranking h3{letter-spacing:.02em;text-transform:uppercase;color:#2f4261;margin-bottom:4px;font-size:14px}#ranking-board{color:#5a6d8d;margin-bottom:6px;font-size:12px}#ranking-list{color:#253754;margin-left:16px;font-size:14px}#ranking-list li{margin:2px 0;font-weight:600}.rank-item.is-top{color:#0f2f63;text-shadow:0 1px #ffffff73;font-weight:800}#timer{color:#2c3f5f;text-shadow:0 1px #ffffff8c;margin-top:10px;font-size:18px;font-weight:700}#mode-label{letter-spacing:.02em;color:#37537c;margin-top:4px;font-size:14px;font-weight:700}#blind-preview{color:#7d2b2b;background:#fff1d6bf;border:1px solid #a8741f47;border-radius:999px;margin-top:4px;padding:4px 10px;font-size:14px;font-weight:700}#blind-preview-wrap{align-items:center;gap:8px;margin-top:4px;display:flex}#blind-skip{cursor:pointer;color:#fff;background:#335d9a;border:none;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700}#blind-skip:hover{background:#284a7b}#queen-counter{color:#304768;text-shadow:0 1px #ffffff80;margin-top:4px;font-size:16px;font-weight:700}#app-version{color:#4c607f;background:#ffffff8c;border:1px solid #4c607f38;border-radius:999px;padding:5px 10px;font-size:12px;position:fixed;bottom:10px;right:12px;box-shadow:0 4px 14px #28365424}.cell{cursor:pointer;color:#00000059;background-position:50%;background-repeat:no-repeat;background-size:88% 96%;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;font-weight:700;transition:transform .1s,box-shadow .15s;display:flex;box-shadow:inset 0 1px #ffffff59,0 1px 1px #0d16291f}.cell:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff6,0 3px 6px #0d16292e}#board.small-cells .cell,.small-cells .cell{border-radius:6px;width:36px;height:36px;font-size:17px}#board.smallest-cells .cell,.smallest-cells .cell{border-radius:5px;width:28px;height:28px;font-size:13px}.cell.attacked{color:#00000059}.cell.marked{color:#10192dc7;text-shadow:0 1px #ffffff4d}.cell.sealed-region{outline-offset:-2px;outline:2px solid #b7293ae6;animation:1.15s ease-in-out infinite sealedPulse;box-shadow:inset 0 0 0 2px #ffffff61,inset 0 0 16px #b7293a40,0 1px 1px #0d16291f}.x-mark{display:inline-block}.x-mark.x-new{animation:.25s ease-out both xFadeIn}@keyframes xFadeIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes sealedPulse{0%,to{filter:saturate()}50%{filter:saturate(1.22)}}.cell.queen{filter:drop-shadow(0 1px 2px #0000003d);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%20role='img'%20aria-label='white%20queen%20icon'%3e%3cdefs%3e%3clinearGradient%20id='body'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20offset='0%25'%20stop-color='%23ffffff'/%3e%3cstop%20offset='100%25'%20stop-color='%23e3e8f2'/%3e%3c/linearGradient%3e%3clinearGradient%20id='shine'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3e%3cstop%20offset='0%25'%20stop-color='%23ffffff'%20stop-opacity='.75'/%3e%3cstop%20offset='100%25'%20stop-color='%23ffffff'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20fill='none'%20stroke='%234a556d'%20stroke-width='1.55'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='18'%20cy='11.6'%20r='2.9'%20fill='url(%23body)'/%3e%3ccircle%20cx='28'%20cy='9.1'%20r='2.9'%20fill='url(%23body)'/%3e%3ccircle%20cx='36'%20cy='9.1'%20r='2.9'%20fill='url(%23body)'/%3e%3ccircle%20cx='46'%20cy='11.6'%20r='2.9'%20fill='url(%23body)'/%3e%3cpath%20d='M16%2015.5l5.8%2021h20.4l5.8-21-7.7%207.1L32%2011.8l-8.3%2010.8z'%20fill='url(%23body)'/%3e%3cpath%20d='M21.8%2036.5h20.4l2.3%207.2H19.5z'%20fill='url(%23body)'/%3e%3crect%20x='18.5'%20y='44.2'%20width='27'%20height='6.2'%20rx='2.2'%20fill='url(%23body)'/%3e%3crect%20x='16'%20y='51.4'%20width='32'%20height='7.6'%20rx='2.4'%20fill='url(%23body)'/%3e%3cpath%20d='M24%2023.5c2.2%202.3%2013.8%202.3%2016%200'%20opacity='.45'/%3e%3c/g%3e%3cpath%20d='M22.5%2018.2l2.8%2010.4h13.4l2.8-10.4-5%204.3L32%2014.9l-4.5%207.6z'%20fill='url(%23shine)'/%3e%3c/svg%3e")}.cell.queen.just-placed{animation:.25s ease-out both queenPop}.cell.queen.conflict{filter:drop-shadow(0 1px 2px #7f101061);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%20role='img'%20aria-label='threatened%20queen%20icon'%3e%3cdefs%3e%3clinearGradient%20id='body'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20offset='0%25'%20stop-color='%23ffb2b2'/%3e%3cstop%20offset='100%25'%20stop-color='%23df4747'/%3e%3c/linearGradient%3e%3clinearGradient%20id='shine'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3e%3cstop%20offset='0%25'%20stop-color='%23ffd4d4'%20stop-opacity='.65'/%3e%3cstop%20offset='100%25'%20stop-color='%23ffd4d4'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20fill='none'%20stroke='%238f1f1f'%20stroke-width='1.55'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3ccircle%20cx='18'%20cy='11.6'%20r='2.9'%20fill='url(%23body)'/%3e%3ccircle%20cx='28'%20cy='9.1'%20r='2.9'%20fill='url(%23body)'/%3e%3ccircle%20cx='36'%20cy='9.1'%20r='2.9'%20fill='url(%23body)'/%3e%3ccircle%20cx='46'%20cy='11.6'%20r='2.9'%20fill='url(%23body)'/%3e%3cpath%20d='M16%2015.5l5.8%2021h20.4l5.8-21-7.7%207.1L32%2011.8l-8.3%2010.8z'%20fill='url(%23body)'/%3e%3cpath%20d='M21.8%2036.5h20.4l2.3%207.2H19.5z'%20fill='url(%23body)'/%3e%3crect%20x='18.5'%20y='44.2'%20width='27'%20height='6.2'%20rx='2.2'%20fill='url(%23body)'/%3e%3crect%20x='16'%20y='51.4'%20width='32'%20height='7.6'%20rx='2.4'%20fill='url(%23body)'/%3e%3cpath%20d='M24%2023.5c2.2%202.3%2013.8%202.3%2016%200'%20opacity='.4'/%3e%3c/g%3e%3cpath%20d='M22.5%2018.2l2.8%2010.4h13.4l2.8-10.4-5%204.3L32%2014.9l-4.5%207.6z'%20fill='url(%23shine)'/%3e%3c/svg%3e")}.overlay{z-index:100;background:#00000080;display:none;position:fixed;inset:0}.overlay.show{display:block}.popup{z-index:101;background:#fff;border-radius:10px;padding:20px;animation:.3s ease-out pop;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000040}.popup.show{display:grid}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes queenPop{0%{opacity:.4;background-size:0% 0%}60%{opacity:1;background-size:100% 108%}to{opacity:1;background-size:88% 96%}}@keyframes boardSpinRight{0%{transform:rotate(0)scale(1)}to{transform:rotate(360deg)scale(1)}}@keyframes boardSpinLeft{0%{transform:rotate(0)scale(1)}to{transform:rotate(-360deg)scale(1)}}#menu{grid-template-columns:repeat(4,1fr);gap:10px;padding-top:54px;position:relative}#lang-switch{display:block;position:absolute;top:10px;right:10px}#lang-switch .lang-toggle-btn{letter-spacing:.02em;border-radius:999px;min-width:82px;padding:7px 10px;font-size:13px;line-height:1}#mode-switch{grid-column:1/-1;gap:8px;display:flex}#menu .mode-btn{color:#2b466d;background:#f1f5fb;border:1px solid #37537c40;border-radius:8px;flex:1;padding:8px 10px;font-size:14px;font-weight:700;transform:none}#menu .mode-btn:hover{background:#e7eef8;transform:none}#menu .mode-btn.active{color:#fff;background:linear-gradient(160deg,#1e88ff 0%,#176ad0 100%);border-color:#0f55b0;box-shadow:0 6px 14px #125cbe59}#mode-rules{background:#eef4fccc;border:1px solid #37537c29;border-radius:8px;grid-column:1/-1;margin-top:2px;padding:10px}#mode-rules h4{color:#2f4261;margin-bottom:6px;font-size:14px}#mode-rules ul{color:#345074;margin-left:18px;font-size:13px;line-height:1.35}#blind-levels{background:#eef4fccc;border:1px solid #37537c29;border-radius:8px;grid-column:1/-1;margin-top:2px;padding:10px}#blind-levels h4{color:#2f4261;margin-bottom:6px;font-size:14px}#blind-level-switch{gap:8px;display:flex}#blind-level-switch .mode-btn{flex:1}#blind-hint{color:#4d678d;margin-top:8px;font-size:12px}#blind-actions{margin-top:10px}#blind-reveal-btn{cursor:pointer;color:#fff;background:#6e5aa8;border:none;border-radius:8px;padding:9px 14px;font-size:14px;font-weight:700;box-shadow:0 4px 10px #382b6338}#blind-reveal-btn:hover{background:#5d4b91}#menu button{cursor:pointer;border:none;border-radius:8px;padding:10px;font-size:16px;transition:filter .2s,transform .15s}#menu button:hover{filter:brightness(.96);transform:translateY(-2px)}#menu .size-btn{color:#fff;background:linear-gradient(160deg,#2c74d4 0%,#215ab6 100%);box-shadow:0 6px 12px #174b9e42}#menu .size-btn:hover{background:linear-gradient(160deg,#2869be 0%,#1d4fa0 100%)}#win{text-align:center;cursor:pointer}#win h2{font-size:24px}#win-time{margin:8px 0 12px;font-weight:700}#retry-board,#next-board{color:#fff;cursor:pointer;border:none;border-radius:6px;margin:4px 4px 0;padding:10px 14px;font-size:15px}#retry-board{background:#5f6f86}#retry-board:hover{background:#4d5c72}#next-board{background:#1e7e34}#next-board:hover{background:#166328}#exit-confirm{text-align:center}#exit-confirm h2{margin-bottom:8px;font-size:22px}#exit-confirm-actions{justify-content:center;gap:8px;margin-top:12px;display:flex}#exit-cancel,#exit-confirm-btn{color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 14px;font-size:15px}#exit-cancel{background:#5f6f86}#exit-cancel:hover{background:#4d5c72}#exit-confirm-btn{background:#1e7e34}#exit-confirm-btn:hover{background:#166328}#menu-btn{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:5px;padding:10px 20px;font-size:16px;transition:background .2s}#menu-btn:hover{background:#0056b3}#shuffle-btn{color:#fff;cursor:pointer;background:#17a2b8;border:none;border-radius:5px;padding:10px 14px;font-size:16px;transition:background .2s}#shuffle-btn:hover{background:#117a8b}#shuffle-btn:disabled{cursor:not-allowed;background:#8bbec6}