:root{color:#f8efe0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b0a0c;font:16px/1.45 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}#root{min-height:100svh}.chess-with-the-devil-app{color:#f7ead9;background:linear-gradient(90deg,#0000001a,#00000061),url(../infernal-board-bg.png) 50%/cover no-repeat,#050101;grid-template-rows:minmax(0,1fr) auto;min-height:100svh;display:grid;overflow:hidden}.chess-with-the-devil-app.is-instant-game{grid-template-rows:minmax(0,1fr)}.devil-chessboard{grid-template-rows:1fr auto;grid-template-columns:minmax(220px,32%) minmax(420px,1fr);gap:20px 32px;min-height:min(100svh,820px);padding:clamp(20px,4vw,42px);display:grid;position:relative}.devil-chessboard:before{content:"";pointer-events:none;background:radial-gradient(circle at 74% 18%,#e5140e38,#0000 24%),linear-gradient(90deg,#000000c2 0%,#0901016b 36%,#0000001f 100%);position:absolute;inset:0}.main-menu,.board-arena,.game-footer{z-index:1;position:relative}.main-menu{align-self:center;gap:clamp(20px,4vw,34px);max-width:390px;display:grid}.game-logo{text-transform:uppercase;text-shadow:0 2px #090101,0 0 20px #e9160f85;line-height:.84;display:grid}.game-logo span{color:#d8d1c6;letter-spacing:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(54px,9vw,104px);font-weight:900}.game-logo small{color:#efe6da;letter-spacing:0;justify-self:center;margin-top:8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(19px,3vw,34px);font-weight:800}.game-logo strong{color:#d4130b;letter-spacing:0;text-shadow:0 2px #080000,0 0 18px #ff2214d1,0 0 36px #7a0300eb;font-family:Georgia,Times New Roman,serif;font-size:clamp(56px,9.4vw,112px);font-weight:900}.menu-stack{gap:12px;display:grid}.menu-stack button{color:#f9efe3;letter-spacing:0;text-transform:uppercase;cursor:pointer;background:linear-gradient(90deg,#100908f5,#230b09eb),#110908;border:1px solid #b8b1a461;border-radius:2px;min-height:54px;padding:0 24px;font:900 clamp(19px,2.5vw,31px)/1 Georgia,Times New Roman,serif;box-shadow:inset 0 0 0 1px #000000c2,0 0 0 1px #9f0a056b,0 10px 24px #00000075}.menu-stack button:hover,.menu-stack button:focus-visible,.menu-stack .is-active{background:linear-gradient(90deg,#530402fa,#1c0807f0),#360502;border-color:#ff3122c7;box-shadow:inset 0 0 0 1px #ff492d52,0 0 22px #e8140c75}.menu-stack button:focus-visible{outline-offset:4px;outline:2px solid #ffbaa1}.side-panel{color:#f5dac9;background:#080303bd;border:1px solid #c3241a85;border-radius:2px;padding:12px 14px;box-shadow:inset 0 0 28px #b60e082e}.side-panel span{color:#ff5542;text-transform:uppercase;font:900 14px/1 Georgia,Times New Roman,serif;display:block}.side-panel p{margin:10px 0 0;font:700 14px/1.35 Georgia,Times New Roman,serif}.panel-options{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.panel-options button{color:#f9efe3;text-transform:uppercase;cursor:pointer;background:#0c0605e0;border:1px solid #b8b1a447;border-radius:2px;min-height:38px;padding:0 10px;font:900 14px/1 Georgia,Times New Roman,serif}.panel-options button:hover,.panel-options button:focus-visible,.panel-options .is-selected{background:#530402fa;border-color:#ff3122c7;box-shadow:0 0 18px #e8140c57}.difficulty-options{grid-template-columns:repeat(3,minmax(0,1fr))}.setting-readout{color:#ffd2c5;text-transform:capitalize}.how-to-list{color:#f5dac9;gap:7px;margin:10px 0 0;padding-left:18px;font:700 13px/1.32 Georgia,Times New Roman,serif;display:grid}.board-arena{grid-template-rows:auto minmax(0,1fr) auto;place-self:center stretch;justify-items:center;gap:12px;min-width:0;min-height:0;display:grid}.game-surface{aspect-ratio:1;background:linear-gradient(135deg,#140807f0,#030101f5),#090303;border:1px solid #d11c129e;border-radius:4px;width:min(100%,62svh,600px);padding:clamp(8px,1.4vw,14px);box-shadow:0 0 0 1px #ff785b24,0 22px 58px #000000bd,0 0 44px #c50c0757}.player-card{color:#f8ead8;text-transform:uppercase;background:#070505d6;border:1px solid #a0988b61;border-radius:2px;justify-content:space-between;align-items:center;gap:12px;width:min(260px,72%);min-height:46px;padding:8px 12px;display:flex;box-shadow:inset 0 -2px #c50f0994,0 10px 28px #0000006b}.player-card span{color:#ded3c6;font:800 13px/1 Georgia,Times New Roman,serif}.player-card strong{color:#fff5e9;font-size:20px;font-weight:500}.player-card-top{justify-self:end;margin-right:min(7vw,70px)}.player-card-bottom{justify-self:end;margin-right:min(2vw,20px)}.game-footer{grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:0 clamp(2px,1vw,12px);display:flex}.game-footer p{color:#f5dac9;text-transform:uppercase;text-shadow:0 0 10px #ff201380;margin:0;font:800 16px/1.2 Georgia,Times New Roman,serif}.devil-event{color:#ffe7dc;text-transform:capitalize;background:#250504db;border:1px solid #f83423a3;border-radius:2px;max-width:52%;padding:10px 14px;font:800 14px/1.1 Georgia,Times New Roman,serif;box-shadow:0 0 24px #d9261f42}.facebook-panel{z-index:2;color:#f2e5d9;background:#060404b8;border:1px solid #7a1f1ab8;border-radius:2px;justify-content:space-between;place-self:end center;align-items:center;gap:14px;width:min(100% - 40px,960px);margin-bottom:16px;padding:10px 12px;display:flex;position:relative}.facebook-label,.facebook-status{margin:0}.facebook-label{color:#ef4f40;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:900}.facebook-status{margin-top:2px;font-size:14px;font-weight:700}.facebook-actions{gap:8px;display:flex}.facebook-actions button{color:#fff3e8;text-transform:uppercase;cursor:pointer;background:#2c0604db;border:1px solid #cb4637b3;border-radius:2px;min-height:34px;padding:0 12px;font-weight:900}.facebook-actions button:disabled{cursor:not-allowed;opacity:.5}.facebook-actions button:not(:disabled):hover,.facebook-actions button:not(:disabled):focus-visible{background:#6c0a06eb}@media (width<=900px){.chess-with-the-devil-app{overflow:auto}.devil-chessboard{grid-template-columns:1fr;gap:22px;min-height:auto;padding:20px}.main-menu{align-self:start;max-width:none}.game-logo{max-width:320px}.menu-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-stack button{min-height:46px;padding:0 12px;font-size:clamp(16px,5vw,23px)}.board-arena{align-self:start}.game-surface{width:min(100%,560px)}.player-card-top,.player-card-bottom{justify-self:center;margin-right:0}.game-footer,.facebook-panel{flex-direction:column;align-items:stretch}.devil-event{max-width:none}.facebook-actions,.facebook-actions button{width:100%}}@media (height<=560px) and (orientation:landscape){.chess-with-the-devil-app{overflow:auto}.devil-chessboard{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(180px,30%) minmax(300px,1fr);align-items:center;gap:8px 14px;min-height:100svh;padding:10px 14px}.main-menu{align-self:center;gap:9px;max-width:260px}.game-logo span{font-size:38px}.game-logo small{margin-top:3px;font-size:14px}.game-logo strong{font-size:42px}.menu-stack{grid-template-columns:1fr;gap:6px}.menu-stack button{min-height:34px;padding:0 10px;font-size:16px}.side-panel{padding:8px 10px}.side-panel p{margin-top:6px;font-size:12px;line-height:1.25}.panel-options{gap:6px;margin-top:6px}.panel-options button{min-height:30px;font-size:12px}.how-to-list{gap:4px;max-height:110px;font-size:11px;overflow:auto}.board-arena{gap:6px}.game-surface{width:min(100svh - 116px,54svw,420px);padding:6px}.player-card{width:min(220px,80%);min-height:32px;padding:4px 8px}.player-card span{font-size:11px}.player-card strong{font-size:15px}.game-footer{grid-column:2;gap:8px;min-height:32px;padding:0}.game-footer p,.devil-event{font-size:12px}.devil-event{padding:7px 9px}.facebook-panel{width:calc(100% - 20px);margin-bottom:8px;padding:8px 10px}}