:root{--board-size: 50vw;--header-height: 60px;--header-height-small: 44px;--board-controls-height: 4vw;--message-bar-height: 30px;--button-width: 5vw;--button-height: 2.5vw;--button-border-radius: .5vw;--games-header-height: 42px;--games-footer-height: 40px;--_input-bg: rgb(238.3655172414, 230.0482758621, 223.3944827586);--_input-bg-focus: rgb(231.7310344828, 220.0965517241, 210.7889655172);--_input-border: rgb(187.2, 187.2, 187.2);--_input-border-focus: #a36832;--_input-shadow-focus: 0 0 0 2px rgba(163, 104, 50, .25)}:root{timeline-scope:--scroll;animation:--scroll forwards;animation-timeline:--scroll;container-name:--scroll}@media(min-aspect-ratio: 30/20){:root{--board-size: 76vh;--board-controls-height: 6.5vh;--button-width: 8.8vh;--button-height: 4.4vh;--button-border-radius: .88vh}}@media(orientation: portrait){:root{--board-size: 60vh;--board-controls-height: 4.5vh;--button-width: 6vh;--button-height: 3vh;--button-border-radius: .6vh}}@media(max-width: 500px)and (orientation: portrait),(max-height: 500px)and (orientation: landscape){:root{--header-height: 38px;--header-height-small: 32px;--button-width: 5.5vw;--button-height: 2.2vw;--button-border-radius: 0.4vw}}@media(max-width: 60vh){:root{--board-size: 100vw;--board-controls-height: 4.5vh;--button-width: 10vw;--button-height: 4vw;--button-border-radius: 1vw}}body.dark{--_input-bg: rgb(215.44, 197.96, 179.56);--_input-bg-focus: rgb(213.72, 195.48, 176.28)}#manage-panel{padding:1rem}.admin-controls{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:1rem}.admin-controls .admin-btn{margin:0;display:inline-block}.admin-controls .admin-btn.is-disabled,.admin-controls .admin-btn:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(60%);background:#666 !important;color:#ddd !important;box-shadow:none;border-color:#555}.message-panel-manage-users .table-component{background:#f5f0ec}.message-panel-manage-users table.table-grid{width:100%;border-collapse:collapse;table-layout:fixed;background:#f5f0ec}.message-panel-manage-users table.table-grid thead th.sortable{cursor:pointer}.message-panel-manage-users table.table-grid tbody tr{cursor:pointer}.message-panel-manage-users table.table-grid tbody tr:nth-child(odd){background:#d4c1ad}.message-panel-manage-users table.table-grid tbody tr:nth-child(even){background:#fbf4ed}.message-panel-manage-users table.table-grid tbody tr:hover{background:#afafaf}.message-panel-manage-users table.table-grid tbody tr.selected{background:#72ccde}.message-panel-manage-users table.table-grid tbody td{border-bottom:1px solid #e0e0e0}.upload-panel .dropzone{position:static;height:200px;max-width:700px;border:2px dashed #94703e;background-color:rgba(210,245,252,.1411764706);color:#4a5568;padding:3%;text-align:center;margin:8px 3%;cursor:pointer;font-size:20px;font-weight:bold;border-radius:10px}.upload-panel .paste-area{border:2px dashed #94703e;background-color:rgba(210,245,252,.1411764706);color:#4a5568;padding:3%;width:94%;max-width:700px;height:200px;text-align:left;margin:8px 3%;cursor:text;font-size:14px;font-weight:normal;border-radius:10px}.upload-panel .clear-button,.upload-panel .select-files,.upload-panel .upload-button{padding:5px 10px;margin:8px 3%}.upload-panel .select-files{font-weight:600;border:1px solid #94703e;background-color:#f5f0ec}.upload-panel .upload-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;max-width:700px;margin:8px 3%}.upload-panel .upload-actions .upload-button,.upload-panel .upload-actions .clear-button{margin:0}.upload-panel .upload-messages{max-width:700px;height:200px;margin:0 3% 3% 3%;background-color:#f5f0ec;color:#4a5568;text-align:left;overflow-y:auto;border-image:linear-gradient(to right, #a36832, #a89583) 1}.message-border{position:relative;max-width:700px;margin:8px 3%;padding-top:20px;background-color:#f5f0ec;border:1px solid #94703e;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.upload-panel .message-border::before{content:attr(data-message);position:absolute;top:-8px;left:10%;transform:translateX(-50%);background-color:#f5f0ec;padding:2px 8px;font-size:12px;color:#000;white-space:nowrap;z-index:99;font-weight:bold;border:1px solid #a36832;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.table-component{width:100%;height:calc(100% - var(--games-header-height));min-height:0;display:flex;flex-direction:column;background:#f5f0ec;box-shadow:0 2px 8px rgba(0,0,0,.2);border-radius:8px;overflow:hidden;box-sizing:border-box;font-family:"Open Sans",Arial,sans-serif;color:#333;font-size:1rem}.info-content{display:flex;flex:1 1 auto;min-height:0;min-width:0;flex-direction:column;overflow:hidden}.info-content table.table-grid{width:100%;height:100%;border-collapse:collapse;table-layout:fixed;background:#f5f0ec;display:flex;flex-direction:column;min-height:0}.info-content table.table-grid thead{flex:0 0 auto;background:#f5f0ec;height:var(--games-header-height)}.info-content table.table-grid thead tr{display:flex}.info-content table.table-grid thead th{flex:1 1 0;padding:0 .4rem;line-height:var(--games-header-height);height:var(--games-header-height);text-align:left;font-weight:600;border-bottom:2px solid #d0d0d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;user-select:none}.info-content table.table-grid thead th .col-resizer{position:absolute;top:0;right:0;width:6px;cursor:col-resize;user-select:none;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);transition:background .15s ease}.info-content table.table-grid thead th .col-resizer:after{content:"";width:2px;height:60%;background:var(--_border-color, rgba(0, 0, 0, 0.15));border-radius:1px;opacity:.4;transition:opacity .15s}.info-content table.table-grid thead th:hover>.col-resizer,.info-content table.table-grid thead th .col-resizer:hover{background:var(--_row-hover-bg, rgba(0, 0, 0, 0.05))}.info-content table.table-grid thead th .col-resizer:hover:after{opacity:.85}.info-content table.table-grid thead th.sortable{cursor:pointer}.info-content table.table-grid thead th.sortable::after{content:"△";position:absolute;right:4px;top:50%;transform:translateY(-52%) scale(0.75);opacity:.35;font-size:.75rem;pointer-events:none}.info-content table.table-grid thead th.sortable[data-sort=asc]::after{content:"▲";opacity:.85}.info-content table.table-grid thead th.sortable[data-sort=desc]::after{content:"▼";opacity:.85}.info-content table.table-grid tbody{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-timeline:--scroll}.info-content table.table-grid tbody tr{cursor:pointer;display:flex}.info-content table.table-grid tbody tr:nth-child(odd){background:#d4c1ad}.info-content table.table-grid tbody tr:nth-child(even){background:#fbf4ed}.info-content table.table-grid tbody tr:hover{background:#afafaf}.info-content table.table-grid tbody tr.selected{background:#72ccde}.info-content table.table-grid tbody td{padding:.25rem .35rem;border-bottom:1px solid #e0e0e0;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3rem;flex:1 1 0}.info-content table.table-grid tbody td.empty,.info-content table.table-grid tbody tr td.empty{text-align:center;font-style:italic}.info-content table.table-grid tbody tr.__table-sentinel td{background:rgba(0,0,0,0);color:#666;font-size:.8rem;border:none}.info-content table.table-grid tfoot.table-footer{flex:0 0 auto;height:var(--games-footer-height);background:#f5f0ec;border-top:2px solid #d0d0d0}.info-content table.table-grid tfoot.table-footer tr{height:100%}.info-content table.table-grid tfoot.table-footer td{padding:0}.info-content table.table-grid tfoot.table-footer .pager{display:flex;gap:.5rem;align-items:center;justify-content:center;height:100%;padding:0 .5rem}.info-content table.table-grid tfoot.table-footer button{background:#a36832;color:#fff;border:none;border-radius:8px;padding:.35rem .8rem;cursor:pointer;font-size:.8rem;line-height:1rem;transition:background .2s}.info-content table.table-grid tfoot.table-footer button:hover:not(:disabled){background:rgb(123.9718309859,79.0985915493,38.0281690141)}.info-content table.table-grid tfoot.table-footer button:disabled{opacity:.5;cursor:default}.info-content body.is-resizing,.info-content body.is-resizing *{cursor:col-resize !important;user-select:none !important}@media(max-width: 600px){table.table-grid thead th,table.table-grid tbody td{font-size:.85rem}}@keyframes --scroll{0%,100%{--scroll: 1}}@container --scroll style(--scroll: 1){table.table-grid tbody td{margin-right:2px}}@keyframes events-spin{to{transform:rotate(360deg)}}.board{position:relative;display:grid;grid-template-columns:.3fr repeat(8, 1fr) .3fr;grid-template-rows:.3fr repeat(8, 1fr) .3fr;width:100%;height:100%;box-sizing:border-box;box-shadow:0 2px 2px 0 #e6b27a,0 16px 6px 0 2vw;user-select:none}.board .notation{display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:clamp(10px,3vw,24px)}@media(orientation: landscape){.board .notation{font-size:clamp(10px,3vh,24px)}}.board .lt-label,.board .rt-label,.board .lb-label,.board .rb-label{position:relative}.board .lt-label{background-image:linear-gradient(-45deg, #e6b27a, #9a5a20, #9a5a20);border-radius:20% 0 0 0}.board .rt-label{background-image:linear-gradient(-135deg, #9a5a20, #9a5a20, #e6b27a);border-radius:0 20% 0 0}.board .lb-label{background-image:linear-gradient(-135deg, #e6b27a, #9a5a20, #9a5a20);border-radius:0 0 0 20%}.board .rb-label{background-image:linear-gradient(-45deg, #9a5a20, #9a5a20, #e6b27a);border-radius:0 0 20% 0}.board .lb-line{top:0;right:0;transform-origin:top right;transform:rotate(-45deg)}.board .lt-line{right:0;bottom:0;transform-origin:bottom right;transform:rotate(45deg)}.board .rt-line{left:0;bottom:0;transform-origin:bottom left;transform:rotate(-45deg)}.board .rb-line{left:0;top:0;transform-origin:top left;transform:rotate(45deg)}.board .lt-line,.board .rt-line,.board .lb-line,.board .rb-line{height:1px;width:133%;position:absolute;border-top:1px groove #e6b27a}.square{display:flex;align-items:center;justify-content:center}.light{background-color:#f5eee4}.dark{background-color:#94703e}.top-label{background-image:linear-gradient(to top, #e6b27a, #9a5a20)}.left-label{background-image:linear-gradient(to left, #e6b27a, #9a5a20)}.right-label{background-image:linear-gradient(to right, #e6b27a, #9a5a20)}.bottom-label{background-image:linear-gradient(to bottom, #e6b27a, #9a5a20)}.turn-indicator{display:flex;align-items:center;justify-content:center;align-self:center;justify-self:center;width:70%;height:22%;border-radius:50%;border:2px solid #000;grid-column:10;z-index:1}.turn-indicator.white-turn{background-color:#fff;border-color:#000}.turn-indicator.black-turn{background-color:#000;border-color:#fff}.square img{width:90%;height:90%;object-fit:contain}#board-controls{display:flex;justify-content:space-around;align-items:center}#board-controls .icon{background:#f5eee4;border:1px solid #e6b27a;border-radius:var(--button-border-radius);height:var(--button-height);width:var(--button-width);color:#e6b27a;cursor:pointer;transition:background .2s,box-shadow .2s,color .2s;box-shadow:0 1px 4px 0 rgba(0,0,0,.06);outline:none;display:flex;align-items:center;justify-content:center;padding:0;font-size:1.5em}#board-controls .icon:hover,#board-controls .icon:active{background:#e6b27a;color:#f5eee4;box-shadow:0 2px 8px 0 rgba(0,0,0,.12)}#board-controls .icon svg{width:calc(var(--button-width)*.3);height:calc(var(--button-height)*.5)}.board{transform-origin:center center}.board.is-flipped{transform:rotate(180deg);transition:transform 250ms ease}.board.is-flipped .square img{transform:rotate(180deg);transform-origin:center center}.board.is-flipped .notation{transform:rotate(180deg);transform-origin:center center}.board .square .piece{cursor:grab;pointer-events:auto}board .square .piece:active{cursor:grabbing}.valid-move{box-shadow:inset 0 0 0 5px rgba(42,121,42,.5019607843);cursor:pointer}body,#app{font-family:"Open Sans",Arial,sans-serif;margin:0;padding:0;color:#333;box-sizing:border-box;height:100vh;width:100vw;overflow:hidden}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0 0 1rem 0;line-height:1.2}p{line-height:1.6;margin:0 0 1rem 0}ul{margin:0;padding:0}.main-layout{display:flex;gap:20px;margin-top:20px}@media(max-width: 768px){.main-layout{flex-direction:column;gap:15px}}.sidebar{flex:0 0 200px;display:flex;flex-direction:column;gap:10px}@media(max-width: 768px){.sidebar{flex:none;flex-direction:row;overflow-x:auto;padding-bottom:10px}}.content{flex:1;min-width:0}.modal-overlay,.register-modal,.mail-confirmation-overlay,.waiting-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:rgba(35,41,70,.8509803922);z-index:9998;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.modal-form,.register-form-wrapper,.waiting-form,.mail-confirmation-form,.message-form{background:#fff;color:#232946;border-radius:12px;padding:2em 1.5em;box-shadow:0 2px 16px rgba(0,0,0,.2509803922);display:flex;flex-direction:column;align-items:center;gap:.7em;font-size:1.05em;font-weight:600;width:100%;max-width:600px;box-sizing:border-box;position:relative}@media(max-width: 500px){.modal-form,.register-form-wrapper,.waiting-form,.mail-confirmation-form,.message-form{max-width:98vw;padding:1em .75em;font-size:.98em;border-radius:8px}}.register-form{width:600px;display:grid;grid-template-columns:1fr 2fr;gap:1em 2em;align-items:center;padding-bottom:1em}.register-form .register-field{display:contents}.register-form .register-label{grid-column:1;justify-self:end;align-self:center;margin-bottom:0;margin-right:1em}.register-form .register-input{grid-column:2;width:100%;min-width:0;box-sizing:border-box}.register-form .register-input-row{grid-column:2;display:flex;gap:.8em;align-items:center;flex-wrap:wrap;min-width:0}.register-form .register-input-row .register-input{flex:0 0 auto;width:170px;max-width:100%}.register-form .register-checkbox{display:flex;align-items:center;gap:.4em;white-space:normal;font-size:.95em}.login-form{width:100%}.modal-form button,.waiting-btn,.mail-confirmation-btn,.register-btn,.register-btn-cancel{background:#eebbc3;color:#232946;border:none;border-radius:.4em;padding:.6em 2em;font-size:1em;font-weight:600;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 1px 4px 0 rgba(0,0,0,.0588235294)}.register-btn-cancel{background:#eee;color:#232946}.modal-form button:hover,.modal-form button:focus,.waiting-btn:hover,.waiting-btn:focus,.mail-confirmation-btn:hover,.mail-confirmation-btn:focus,.register-btn:hover,.register-btn:focus{background:#232946;color:#fff}.modal-form a,.register-form a,.message-form a{color:#eebbc3;text-decoration:underline;font-size:1em;transition:color .2s}.modal-form a:hover,.modal-form a:focus,.register-form a:hover,.register-form a:focus,.message-form a:hover,.message-form a:focus{color:#fff}.register-title{margin-bottom:.5em;color:#232946;font-size:1.4em;font-weight:600}.register-label{color:#232946;font-size:.98em;font-weight:500;margin:.2em 0;align-self:flex-start}.required{color:#eebbc3;font-weight:600;margin-left:2px}.register-input,.modal-form input[type=text],.modal-form input[type=email],.modal-form input[type=password]{padding:.7em 1em;border-radius:.4em;border:1px solid #b8c1ec;font-size:1em;outline:none;min-width:260px;background:#fff;color:#232946;box-shadow:0 1px 4px 0 rgba(0,0,0,.0588235294);margin-bottom:.4em;transition:border-color .2s,box-shadow .2s}.register-input:focus,.modal-form input:focus{border-color:#232946;box-shadow:0 0 0 3px rgba(35,41,70,.2)}.waiting-message,.mail-confirmation-message{font-size:1.1em;font-weight:600;color:#232946;margin-bottom:.6em;text-align:center}.waiting-instructions,.mail-confirmation-instructions{font-size:.95em;color:#4a5870;margin-bottom:1.1em;text-align:center}.waiting-spinner{width:32px;height:32px;border:4px solid #e0e4ea;border-top:4px solid #4a5870;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.1em}@keyframes spin{to{transform:rotate(360deg)}}.waiting-btn,.mail-confirmation-btn{margin-top:.5em}.games-table-wrapper{position:relative;width:100%;height:100%;overflow:hidden;-webkit-overflow-scrolling:touch;background:#f5f0ec}.games-table{display:block;width:100%;height:calc(100% - var(--games-header-height));table-layout:fixed;border-collapse:collapse;margin:0;background:#f5f0ec;box-shadow:0 2px 8px rgba(0,0,0,.2);border-radius:8px;overflow:hidden;font-size:1rem;color:#333;font-family:"Open Sans",Arial,sans-serif}.games-table tr{display:flex;box-sizing:border-box}.games-table thead{display:block;width:100%;height:var(--games-header-height);line-height:var(--games-header-height);position:sticky;top:0;z-index:3;background:#f5f0ec;overflow:hidden}.games-table thead th{padding:0 5px;height:var(--games-header-height);line-height:var(--games-header-height);box-sizing:border-box;vertical-align:middle}.games-table tbody{display:block;width:100%;height:calc(100% - var(--games-header-height) - var(--games-footer-height));overflow:auto;-webkit-overflow-scrolling:touch;scroll-timeline:--scroll}.games-table tbody tr{cursor:pointer}.games-table tbody tr:nth-child(odd){background-color:#d4c1ad}.games-table tbody tr:nth-child(even){background-color:#fbf4ed}.games-table tfoot{display:block;height:var(--games-footer-height);line-height:var(--games-footer-height);position:sticky;bottom:0;z-index:3;background:#f5f0ec}.games-table tbody td{padding:7px 5px;text-align:left;border-bottom:1px solid #e0e0e0;box-sizing:border-box;display:table-cell}.games-table th.games-header{background:linear-gradient(135deg, #a36832 0%, #a89583 100%);color:#333;font-weight:600;letter-spacing:.03em;border-bottom:2px solid #d0d0d0}.games-table tbody tr:hover{background:#afafaf}.games-table tbody tr.is-selected{background:#72ccde}.games-table .games-btn{background:#a36832;color:#fff;border:none;border-radius:8px;padding:.45rem 1.1rem;cursor:pointer;font-size:.95rem;transition:background .2s,box-shadow .2s}.games-table .games-btn:hover{background:rgb(123.9718309859,79.0985915493,38.0281690141)}.games-table .next-button{text-align:center}tfoot{background:#f5f0ec;border-top:2px solid #d0d0d0}.games-table .info-moves{padding-right:5px;font-size:.95rem;flex-direction:row;color:#666;width:100%;text-align:right}.games-table th,.games-table td{padding:0rem .05rem;box-sizing:border-box;display:table-cell;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-word}@media(max-width: 600px){.games-table th,.games-table td{font-size:.9rem}.games-table{font-size:.9rem}.games-table .games-btn{font-size:.85rem;padding:.4rem .9rem}}.games-table th.games-Title,.games-table td.games-Title{text-align:center;width:5%}.games-table th.games-Black,.games-table td.games-Black,.games-table th.games-White,.games-table td.games-White{font-weight:600;text-align:left;width:23%}.games-table th.games-Rating,.games-table td.games-Rating{text-align:left;width:9%}.games-table th.games-Result,.games-table td.games-Result{text-align:left;width:6%}.games-table th.games-Date,.games-table td.games-Date{text-align:left;width:16%}.games-table td.white{background-color:rgba(210,245,252,.1411764706)}.games-table td.black{background-color:rgba(148,148,148,.2156862745)}@keyframes --scroll{0%,to{--scroll: 1}}@container --scroll style(--scroll: 1){.games-table tbody td{margin-right:2px}}.pgn-legal-moves{display:none;margin-top:1rem;background:#f0e4d9;color:#666;border:1px solid #9a5a20;border-radius:8px;padding:.5rem .6rem .65rem;font-size:.95rem;line-height:1.2;overflow:hidden;display:flex;flex-direction:column;gap:.4rem;box-shadow:0 2px 4px rgba(0,0,0,.35)}.pgn-legal-moves.is-visible{display:flex}.pgn-legal-moves .pgn-legal-moves-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid #9a5a20;padding-bottom:.25rem;margin-bottom:.25rem}.pgn-legal-moves .pgn-legal-moves-header .pgn-legal-moves-title{font-weight:600;font-size:.95rem;letter-spacing:.5px;text-transform:uppercase;color:#2d3748}.pgn-legal-moves .pgn-legal-moves-header .pgn-legal-moves-actions{display:flex;gap:.35rem}.pgn-legal-moves .pgn-legal-moves-header .pgn-legal-moves-actions button{margin:0;border:none;background:#9a5a20;color:#666;font:inherit;font-size:.75rem;padding:.2rem .4rem;border-radius:4px;cursor:pointer;line-height:1;display:inline-flex;align-items:center;gap:.25rem;transition:background .15s,transform .15s}.pgn-legal-moves .pgn-legal-moves-header .pgn-legal-moves-actions button:hover{background:#e6b27a}.pgn-legal-moves .pgn-legal-moves-header .pgn-legal-moves-actions button:active{transform:translateY(1px)}.pgn-legal-moves .pgn-legal-moves-header .pgn-legal-moves-actions button:focus-visible{outline:2px solid #a36832;outline-offset:2px}.pgn-legal-moves .pgn-legal-moves-content{position:relative;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#9a5a20 rgba(0,0,0,0);padding:.4rem 0 0 .2rem;display:flex;flex-wrap:wrap;gap:1rem .55rem;align-content:flex-start;font-variant-numeric:tabular-nums}.pgn-legal-moves .pgn-legal-moves-content::-webkit-scrollbar{width:6px}.pgn-legal-moves .pgn-legal-moves-content::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.pgn-legal-moves .pgn-legal-moves-content::-webkit-scrollbar-thumb{background:#9a5a20;border-radius:3px}.pgn-legal-moves .pgn-legal-moves-content::-webkit-scrollbar-thumb:hover{background:#e6b27a}.pgn-legal-moves .pgn-legal-move{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.2rem;align-items:start;min-width:0}.pgn-legal-moves .pgn-legal-move.is-analyzing .pgn-move{outline:2px solid #a36832;outline-offset:2px}.pgn-legal-moves .pgn-legal-move .pgn-move{cursor:pointer;padding:.25em .35em;border-radius:4px;background:#fbf4ed;color:#333;font-weight:500;font-size:1.3rem;line-height:1;position:relative;user-select:none;transition:background .12s,color .12s;grid-column:1/2;grid-row:1/3}.pgn-legal-moves .pgn-legal-move .pgn-move:hover{background:#d4c1ad;border-radius:4px}.pgn-legal-moves .pgn-legal-move .pgn-move:active{background:#a36832;color:#2d3748}.pgn-legal-moves .pgn-legal-move .pgn-move.current-move{background:#a89583;color:#2d3748}.pgn-legal-moves .pgn-legal-move .pgn-legal-move-eval{grid-column:2;grid-row:1;font-size:.8rem;line-height:1;opacity:.85;text-align:center;padding-top:.1rem;white-space:nowrap}.pgn-legal-moves .pgn-legal-move .pgn-legal-move-color{grid-column:2;grid-row:2;width:.8rem;height:.8rem;border-radius:50%;background:rgba(148,148,148,.2156862745);opacity:.85;display:inline-block;align-self:end;justify-self:end;font-size:0;line-height:0;box-shadow:0 0 0 1px hsla(0,0%,100%,.05)}.pgn-legal-moves.scroll-hint .pgn-legal-moves-content:after{content:"";position:sticky;left:0;right:0;bottom:0;height:1.2rem;pointer-events:none;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), #f0e4d9 70%)}.pgn-legal-moves.is-empty .pgn-legal-moves-content{opacity:.5}@media(max-width: 760px){.pgn-legal-moves{max-height:10rem;font-size:.85rem}.pgn-legal-moves .pgn-move{font-size:.75rem}}.modal__overlay{background:rgba(35,41,70,.8509803922);position:fixed;inset:0;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:60px 16px 40px}.modal[aria-hidden=true]{display:none}.modal[aria-hidden=false]{display:block}.modal[aria-hidden=false] .modal__container{animation:mm-in .22s ease}.modal__container{background:#94703e;color:#eee;border:1px solid #444;border-radius:10px;width:100%;max-width:520px;font:14px/1.45 system-ui,sans-serif;box-shadow:0 10px 32px rgba(0,0,0,.5)}@keyframes mm-in{from{transform:translateY(14px);opacity:0}}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #333}.modal__title{margin:0;font-size:16px}.modal__close{background:none;border:none;color:#bbb;font-size:22px;cursor:pointer}.modal__close:hover{color:#fff}.modal__content{padding:16px 18px 22px}.modal__footer{padding:10px 16px 16px;border-top:1px solid #333;text-align:right}.modal__btn{background:#2d2d2d;color:#ddd;border:1px solid #3a3a3a;padding:6px 14px;border-radius:6px;cursor:pointer}.modal__btn:hover{background:#3a3a3a}.modal__container.draggable{position:absolute;top:80px;left:50%;transform:translateX(-50%);margin:0;user-select:none}.modal__header.drag-handle{cursor:move;user-select:none}.modal__container.dragging{outline:2px dashed #555}.game-info-content{overflow:auto !important}.pgn-head-panel{display:flex;flex-direction:column;gap:1rem;padding:.5rem;background-color:#f0e4d9;color:#666;border:1px solid #9a5a20;border-radius:8px}.pgn-head-panel .pgn-head-meta{display:flex;justify-content:flex-start;align-items:center;gap:.1rem;font-size:1.2rem;font-weight:bold;margin-bottom:.2rem}.pgn-head-panel .pgn-head-edit{margin-left:auto}.pgn-head-panel .pgn-head-edit .edit-header{padding:.3rem .6rem;font-size:.8rem;background-color:#a36832;color:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.pgn-head-panel .pgn-head-edit .edit-header:hover{background-color:#a89583}.pgn-head-panel .pgn-head-sub{display:flex;justify-content:left;gap:.1rem;font-size:1rem;color:#666;margin-bottom:.3rem}.pgn-head-panel .pgn-head-players{display:flex;justify-content:flex-start;gap:2rem}.pgn-head-panel .pgn-head-players .player{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem}.pgn-head-panel .pgn-head-players .player .line-2{display:flex;align-items:center;gap:.4rem}.pgn-head-panel .pgn-head-players .player .line-2 .white-circle{width:.5rem;height:.5rem;border-radius:50%;background-color:#fff}.pgn-head-panel .pgn-head-players .player .line-2 .black-circle{width:.5rem;height:.5rem;border-radius:50%;background-color:#000}.pgn-head-panel .pgn-head-players .player .line-2 .player-title{font-size:.9rem;font-weight:bold}.pgn-head-panel .pgn-head-players .player .line-2 .player-name{font-size:1.2rem;font-weight:bold}.pgn-head-panel .pgn-head-players .player .line-2 .player-elo{font-size:1rem;color:#666}.pgn-head-panel .pgn-head-players .player .line-3{display:flex;gap:.1rem}.pgn-head-panel .pgn-head-players .player .line-3 .player-club,.pgn-head-panel .pgn-head-players .player .line-3 .player-fed{font-size:.9rem;color:#666}.pgn-head-panel .pgn-footer{display:flex;flex-direction:column;gap:.1rem;margin-top:.5rem}.pgn-head-panel .pgn-footer .line-5{display:flex;justify-content:left;gap:.1rem;font-size:1.1rem;color:#666}.pgn-head-panel .pgn-save-row{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.pgn-head-panel .pgn-save-row .save-game,.pgn-head-panel .pgn-save-row .clear-game{padding:.3rem .6rem;font-size:.8rem;background-color:#a36832;color:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.pgn-head-panel .pgn-save-row .save-game:hover,.pgn-head-panel .pgn-save-row .clear-game:hover{background-color:#a89583}.pgn-head-panel .pgn-save-row .save-game:disabled,.pgn-head-panel .pgn-save-row .clear-game:disabled{opacity:.6;cursor:not-allowed}.pgn-container{background-color:#f0e4d9;color:#666;margin-top:.1rem;overflow-y:hidden;font-size:1.2rem;position:relative;scrollbar-gutter:stable both-edges}.pgn-container.scrollable{overflow-y:auto}.pgn-container:not(.scrollable){scrollbar-width:none}.pgn-container:not(.scrollable)::-webkit-scrollbar{display:none}.pgn-container::-webkit-scrollbar{width:8px}.pgn-container::-webkit-scrollbar-track{background:#f0e4d9;border-radius:4px}.pgn-container::-webkit-scrollbar-thumb{background:#9a5a20;border-radius:4px}.pgn-container::-webkit-scrollbar-thumb:hover{background:#e6b27a}.pgn-container .pgn-move{font-weight:500;cursor:pointer;padding:.2rem;border-radius:4px}.pgn-container .pgn-move .figurine{font-family:"Chess Merida",sans-serif;font-size:1.2rem}.pgn-container .pgn-move:hover{color:#a36832;text-decoration:underline}.pgn-container .pgn-move.current-move{background-color:#a89583;color:#2d3748}.pgn-container .pgn-move.is-analyzing{background-color:#f6a05e;color:#333;outline:2px solid #9a5a20;outline-offset:2px;text-decoration:none}.pgn-container .pgn-analysis-inline{display:inline-flex;gap:.25rem;align-items:baseline;margin-left:.25rem;font-size:.9rem;opacity:.95;white-space:nowrap}.pgn-container .pgn-amnalyse{padding:.02rem .25rem;border-radius:4px;border:1px solid #3182ce;background-color:#d9ecf0;color:#333;font-weight:600}.pgn-container .pgn-amnalyse--inaccuracy{background-color:#f6a05e;color:#333;border-color:#9a5a20}.pgn-container .pgn-amnalyse--mistake{background-color:#f6a05e;color:#333;border-color:#9a5a20}.pgn-container .pgn-amnalyse--blunder{background-color:#e53e3e;color:#333;border-color:#9a5a20}.pgn-container .pgn-eval{padding:.02rem .35rem;border-radius:4px;border:2px solid #3182ce;background-color:#d9ecf0;color:#333;font-weight:600;font-variant-numeric:tabular-nums}.pgn-container .pgn-loss,.pgn-container .pgn-best{display:inline-flex;gap:.15rem;align-items:baseline;font-variant-numeric:tabular-nums;color:#666}.pgn-container .pgn-loss__label,.pgn-container .pgn-best__label{color:#4a5568}.pgn-container .move-number{font-weight:500}.pgn-container .pgn-analysis{border:1px solid #e2e8f0;background-color:#f5f0ec;color:#333;border-radius:6px;padding:.6rem .7rem;margin:.4rem;font-size:.95rem;line-height:1.35}.pgn-container .pgn-analysis .pgn-analysis__title{font-weight:600;margin-bottom:.25rem}.pgn-container .pgn-analysis .pgn-analysis__meta{color:#666;font-size:.85rem;margin-bottom:.5rem}.pgn-container .pgn-analysis .pgn-analysis__summary{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.5rem}.pgn-container .pgn-analysis .pgn-analysis__pill{display:inline-flex;gap:.35rem;align-items:baseline;padding:.1rem .45rem;border-radius:999px;border:1px solid #e2e8f0;background-color:#f0e4d9;color:#666;font-size:.85rem;white-space:nowrap}.pgn-container .pgn-analysis .pgn-analysis__list{margin:.25rem 0 0;padding:0;list-style:none}.pgn-container .pgn-analysis .pgn-analysis__item{display:flex;flex-wrap:wrap;gap:.5rem;padding:.25rem 0;border-top:1px solid #e2e8f0}.pgn-container .pgn-analysis .pgn-analysis__tag{font-weight:600;padding:.05rem .35rem;border-radius:4px;border:1px solid #e2e8f0;background-color:#f0e4d9;color:#666}.pgn-container .pgn-analysis .pgn-analysis__tag--warn{background-color:#f6a05e;color:#333;border-color:#9a5a20}.pgn-container .pgn-analysis .pgn-analysis__tag--bad{background-color:#e53e3e;color:#333;border-color:#9a5a20}.pgn-container .pgn-analysis .pgn-analysis__mono{font-variant-numeric:tabular-nums}.events-info-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.events-list-content,.events-table-content,.events-info-content{flex:1 1 auto;min-height:0}.events-list-content[style*="display: none"],.events-list-content[style*="visibility: hidden"],.events-table-content[style*="display: none"],.events-table-content[style*="visibility: hidden"],.events-info-content[style*="display: none"],.events-info-content[style*="visibility: hidden"]{display:none !important;visibility:hidden !important;flex:0 0 0 !important;min-height:0 !important;height:0 !important;overflow:hidden !important}.events-table-content,.events-info-content{overflow:auto !important}.event-details{padding:.75rem 1rem;height:100%;overflow:auto}.event-details section{margin-bottom:1.25rem}.event-summary{background:#f5f0ec;border:1px solid #d0d0d0;border-radius:8px;padding:.75rem 1rem}.event-summary h3{margin:0 0 .5rem 0}.event-summary .row{line-height:1.6}.event-group .table-wrapper{overflow:auto;border:1px solid #d0d0d0;border-radius:8px;background:#f5f0ec}.table.event-group-table,.event-group-table{width:max-content;max-width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem}.table.event-group-table thead,.event-group-table thead{border-bottom:1px solid #d0d0d0}.table.event-group-table caption,.event-group-table caption{text-align:left;padding:.6rem .8rem;font-weight:700;color:#333;caption-side:top;border-bottom:1px solid #d0d0d0;padding-bottom:.5rem}.table.event-group-table thead th,.event-group-table thead th{position:sticky;top:0;z-index:1;background:#f5f0ec;color:#333;border-bottom:1px solid #d0d0d0;padding:.5rem .6rem;text-align:left;white-space:nowrap}.table.event-group-table thead th:first-child,.table.event-group-table thead th:nth-child(3),.table.event-group-table thead th:last-child,.event-group-table thead th:first-child,.event-group-table thead th:nth-child(3),.event-group-table thead th:last-child{text-align:center}.table.event-group-table thead th:nth-child(2),.event-group-table thead th:nth-child(2){text-align:left}.table.event-group-table thead th,.table.event-group-table tbody td,.event-group-table thead th,.event-group-table tbody td{border-right:1px solid #e0e0e0}.table.event-group-table thead th:last-child,.table.event-group-table tbody td:last-child,.event-group-table thead th:last-child,.event-group-table tbody td:last-child{border-right:none}.table.event-group-table tbody td,.table.event-group-table tbody th,.event-group-table tbody td,.event-group-table tbody th{border-bottom:1px solid #e0e0e0;padding:.35rem .45rem;vertical-align:middle;white-space:nowrap}.table.event-group-table tbody tr.odd,.event-group-table tbody tr.odd{background:rgba(0,0,0,.015)}.table.event-group-table tbody tr.even,.event-group-table tbody tr.even{background:rgba(0,0,0,.04)}.table.event-group-table .center,.event-group-table .center{text-align:center}.table.event-group-table .green-text,.event-group-table .green-text{color:#1f8f3a}.table.event-group-table .red-text,.event-group-table .red-text{color:#b3261e}.table.event-group-table .name,.event-group-table .name{min-width:0}.table.event-group-table .rating,.table.event-group-table .fide,.table.event-group-table .po,.table.event-group-table .pl,.table.event-group-table .we,.table.event-group-table .rn,.table.event-group-table .rank,.event-group-table .rating,.event-group-table .fide,.event-group-table .po,.event-group-table .pl,.event-group-table .we,.event-group-table .rn,.event-group-table .rank{width:3.5rem}.table.event-group-table tbody td.pl,.event-group-table tbody td.pl{width:3rem;text-align:center}.table.event-group-table tbody td.rating,.event-group-table tbody td.rating{width:4rem;text-align:center}.table.event-group-table tbody td.po,.event-group-table tbody td.po{width:3.5rem;text-align:center}.table.event-group-table tbody td.name,.event-group-table tbody td.name{text-align:left}.table.event-group-table .flag,.event-group-table .flag{width:2.25rem}.table.event-group-table .flag img,.event-group-table .flag img{width:20px;height:14px;object-fit:cover;border:1px solid rgba(0,0,0,.1)}.table.event-group-table .tblCell,.event-group-table .tblCell{min-width:3rem;width:44px;text-align:center;padding:0;position:relative}.table.event-group-table .tblCell.blank,.event-group-table .tblCell.blank{background:rgba(0,0,0,.03)}.table.event-group-table .tblCell>.whiteRes,.table.event-group-table .tblCell>.blackRes,.event-group-table .tblCell>.whiteRes,.event-group-table .tblCell>.blackRes{font-size:.75rem;line-height:1.1rem;height:1.1rem}.table.event-group-table .tblCell>.whiteRes,.event-group-table .tblCell>.whiteRes{padding-right:10%;text-align:right}.table.event-group-table .tblCell>.blackRes,.event-group-table .tblCell>.blackRes{padding-left:10%;text-align:left}.table.event-group-table .tblCell>.score,.event-group-table .tblCell>.score{font-weight:700;padding:.2rem 0;line-height:1.1rem;font-size:1.2rem}.table.event-group-table .tblCell>.score a.group-game-link,.event-group-table .tblCell>.score a.group-game-link{display:block;text-decoration:none;color:inherit}.table.event-group-table .tblCell>.score a.group-game-link:hover,.event-group-table .tblCell>.score a.group-game-link:hover{text-decoration:underline;cursor:pointer}.event-schedule{background:#f5f0ec;border:1px solid #d0d0d0;border-radius:8px;padding:.75rem 1rem}.event-schedule h3{margin-top:0}.event-schedule .schedule-round{margin:.5rem 0 1rem 0}.event-schedule .schedule-date__title{font-weight:600;margin:.25rem 0}.event-schedule .schedule-games{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:.4rem .9rem;list-style:none;padding:0;margin:.25rem 0 .5rem 0}.event-games .table.compact th,.event-games .table.compact td{border-right:1px solid #e0e0e0}.event-games .table.compact th:last-child,.event-games .table.compact td:last-child{border-right:none}.event-games .table.compact thead{border-bottom:1px solid #d0d0d0}.message-status{border-radius:6px;padding:.6rem .8rem;margin:.5rem 0 1rem 0;font-weight:600}.message-status.info{background:rgba(49,130,206,.12);color:#1b4c75;border:1px solid rgba(49,130,206,.35)}.message-status.warning{background:rgba(246,160,94,.15);color:#7a3f13;border:1px solid rgba(246,160,94,.45)}.intro-info-panel{background:#fff;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.06);padding:1.5rem 2rem;margin:1.5rem 2rem;color:#333}.intro-info-panel__title{margin:0 0 .5rem 0;font-size:1.25rem;color:#2d3748}.intro-info-panel__lead{margin:0 0 1rem 0;font-size:.98rem;line-height:1.5;color:#4a5568}.intro-info-panel__features{list-style:none;padding:0;margin:0 0 1rem 0}.intro-info-panel__features li{position:relative;padding-left:1.25rem;margin-bottom:.4rem;font-size:.95rem;color:#333}.intro-info-panel__features li::before{content:"✓";position:absolute;left:0;top:0;color:#48bb78;font-weight:700}.intro-info-panel__hint{margin:0;font-size:.9rem;color:#666}@media(max-width: 700px){.intro-info-panel{padding:1.25rem 1.25rem;margin:1rem}}.user-edit-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1.5rem 2rem;max-width:420px;margin:2rem auto;font-family:inherit}.user-edit-panel h3{margin-top:0;margin-bottom:1rem;font-size:1.25rem;color:#222}.user-edit-panel .user-info{margin-bottom:1.5rem}.user-edit-panel .row{display:flex;align-items:center;margin-bottom:.75rem}.user-edit-panel .row strong{min-width:110px;color:#555}.user-edit-panel input[type=text],.user-edit-panel input[type=email]{flex:1;padding:.4rem .6rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;background:#f9f9f9}.user-edit-panel .edit-actions{display:flex;gap:1rem;justify-content:flex-end}.user-edit-panel .btn{padding:.5rem 1.2rem;border-radius:4px;border:none;background:#1976d2;color:#fff;font-weight:500;cursor:pointer;transition:background .2s}.user-edit-panel .btn.cancel-userinfo{background:#aaa}.user-edit-panel .btn:hover{background:#1565c0}.features{background:#f5f0ec;padding:20px;border-radius:8px;margin:30px 0}.features h2{color:#2d3748;margin-bottom:15px}.features ul{list-style-type:none;padding:0}.features li{padding:8px 0;padding-left:20px;position:relative}.features li::before{content:"✓";position:absolute;left:0;color:#48bb78;font-weight:bold}.btn{background:linear-gradient(135deg, #a36832 0%, #a89583 100%);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;cursor:pointer;display:block;margin:30px auto;font-family:inherit;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.btn:active{transform:translateY(0)}.btn--large{padding:16px 32px;font-size:1.1rem}.btn--small{padding:8px 16px;font-size:.9rem}.btn--sidebar{width:100%;padding:12px 16px;font-size:.95rem;margin:0;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);transition:all .3s ease}.btn--sidebar:hover{background:linear-gradient(135deg, #764ba2 0%, #667eea 100%);transform:translateX(5px)}.btn--sidebar:active{transform:translateX(2px)}@media(max-width: 768px){.btn--sidebar{flex:0 0 auto;white-space:nowrap;margin-right:10px}.btn--sidebar:hover{transform:none}}.output{margin-top:20px;padding:20px;background:#afafaf;border-radius:6px;border-left:4px solid #a36832}.output h3{margin-top:0;color:#2d3748}.output p{margin:10px 0;font-family:"Courier New",monospace}.output p:last-child{margin-bottom:0}.user-info-panel{background:#fff;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.06);padding:1rem;margin:2rem;color:#333}.user-info-panel h3{margin:0 0 .5rem 0;font-size:1.05rem;color:#333}.user-info-panel .user-info{display:grid;grid-template-columns:180px 1fr;gap:.35rem .75rem;align-items:center}.user-info-panel .user-info .row{display:contents}.user-info-panel .user-info .row strong{display:inline-block;color:#2d3748;font-weight:600;padding-right:.5rem}.user-info-panel .user-info .row span{color:#333}.user-info-panel .user-info .menu{background:linear-gradient(135deg, #a36832 0%, #a89583 100%)}.user-info-panel #userinfo-devices{margin-top:.75rem}.user-info-panel .mt-3{margin-top:1rem}.user-info-panel .device-info,.user-info-panel .device-row{padding:.5rem 0;border-bottom:1px solid #f1f4fb;font-size:.95rem;color:#2d3748}.user-info-panel .device-info>div,.user-info-panel .device-row>div{margin-bottom:.25rem}@media(max-width: 700px){.user-info-panel .user-info{grid-template-columns:1fr}.user-info-panel h3{font-size:1rem}}.player-info-panel{display:flex;flex-direction:column;height:100%}.player-games{overflow-y:auto}.player-summary{margin-bottom:1.5rem;padding:.5rem .75rem;height:100%;overflow:auto}.player-summary h3{margin-bottom:.75rem}.player-summary .row{margin-bottom:.75rem}.player-summary .row span{white-space:pre-wrap;display:block;overflow-wrap:anywhere}.pgn-header-form{max-width:800px;margin:0 auto;padding:20px;background:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.form-header{text-align:center;margin-bottom:25px}.form-header h3{margin-bottom:5px;color:#333;border-bottom:2px solid #007acc;padding-bottom:5px}.form-header .required-note{font-size:12px;color:#555;font-style:italic}.validation-errors{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:15px;border-radius:4px;margin-bottom:20px}.validation-errors h4{margin:0 0 10px 0;font-size:14px}.validation-errors ul{margin:0;padding-left:20px}.validation-errors .error-message{font-weight:bold}.form-grid{display:flex;flex-direction:column;gap:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:5px;position:relative}.form-group label{font-weight:bold;color:#555;cursor:help;font-size:14px}.form-group label[title]:hover{position:relative}.form-group label[title]:hover:hover::after{content:attr(title);position:absolute;bottom:100%;left:0;background:#333;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;font-weight:normal;white-space:nowrap;z-index:1000;animation:fadeIn .3s ease}.form-group input,.form-group select{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007acc;box-shadow:0 0 0 2px rgba(0,122,204,.2)}.form-group input[required],.form-group select[required]{border-left:3px solid #007acc}.form-group input:invalid{border-color:#dc3545}.form-group input:valid{border-color:#28a745}.field-suggestions{position:relative}.field-suggestions .suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:1000;max-height:200px;overflow-y:auto}.field-suggestions .suggestion-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0}.field-suggestions .suggestion-item:hover{background:#007acc;color:#fff}.field-suggestions .suggestion-item:last-child{border-bottom:none}.optional-fields-toggle{display:flex;gap:2px;margin-bottom:5px;align-items:center}#add-optional-field{border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:14px;background:#007acc;color:#fff;padding:6px 12px;font-size:13px}#add-optional-field:hover{background:#005a9a}#optional-field-select{flex:1;max-width:300px}.optional-field{position:relative;background:#fff;padding:2px;border-radius:4px;border:1px solid #e0e0e0;margin-bottom:8px}.input-with-remove{display:flex;gap:8px;align-items:center}.input-with-remove input,.input-with-remove select{flex:1}.input-with-icon{display:flex;gap:8px;align-items:center}.input-with-icon input{flex:1}.input-with-icon .calendar-trigger{border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:14px;background:#6c757d;color:#fff;padding:6px 10px;line-height:1}.input-with-icon .calendar-trigger:hover{background:#5a6268}.input-with-icon .calendar-trigger:focus{outline:none;box-shadow:0 0 0 2px rgba(0,122,204,.2)}.remove-field{border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:14px;background:#dc3545;color:#fff;width:26px;height:26px;border-radius:50%;font-size:14px;line-height:1;flex-shrink:0}.remove-field:hover{background:#c82333}.form-actions{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;margin-top:30px;padding-top:20px;border-top:1px solid #ddd}.form-actions button{border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:14px;padding:12px 24px;font-size:16px}button[type=submit]{background:#28a745;color:#fff}button[type=submit]:hover{transform:translateY(-1px)}button[type=submit]:hover{background:#218838}#clear-form{background:#6c757d;color:#fff}#clear-form:hover{background:#5a6268}#cancel-form{background:#dc3545;color:#fff}#cancel-form:hover{background:#c82333}@media(max-width: 768px){.pgn-header-form{margin:10px;padding:15px;max-width:100%}.form-row{grid-template-columns:1fr;gap:15px}.form-actions{flex-direction:column}.field-suggestions .suggestions-dropdown{position:fixed;left:10px;right:10px;top:auto}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.ui-datepicker{z-index:10000 !important}.ui-datepicker-trigger{display:none !important}#save-form{background:#28a745;color:#fff}#save-form:hover{transform:translateY(-1px)}#save-form:hover{background:#218838}#delete-form{background:#dc3545;color:#fff}#delete-form:hover{transform:translateY(-1px)}#delete-form:hover{background:#c82333}.admin-layout,.main-layout{margin:0;padding:0;height:100vh;width:100vw;overflow:hidden;display:grid;grid-template-columns:var(--board-size) 1fr;grid-template-rows:var(--header-height) var(--board-size) var(--board-controls-height) 1fr var(--message-bar-height);gap:0}#app-header{grid-row:1/2;grid-column:1/3;background:linear-gradient(135deg, #9a5a20 100%, #e6b27a 100%);border-bottom:2px solid #e6b27a}#chess-board{grid-row:2/3;grid-column:1/2}#board-controls{grid-row:3/4;grid-column:1/2;background-color:#f0e4d9}#info-panel{grid-row:2/5;grid-column:2/3;background-color:#f5f0ec}#info-panel>*:not(.user-info-panel):not(.user-edit-panel):not(.intro-info-panel){width:100%;height:100%;margin:0;padding:0}#info-panel-small{grid-row:4/5;grid-column:1/2;background-color:#f5f0ec}#message-bar{grid-row:5/6;grid-column:1/3;background-color:#f0e4d9}nav{display:flex;justify-content:space-between;align-items:center}.main-navbar{padding:0 2em;height:var(--header-height, 50px);box-shadow:0 2px 8px 0 rgba(0,0,0,.06)}.main-navbar .nav-menu,.main-navbar .nav-menu-right{display:flex;align-items:center;gap:1.2em}.main-navbar .nav-menu{flex:1 1 auto}.main-navbar .nav-menu-right{flex:0 0 auto}.main-navbar #language-select{max-width:8.5rem}.main-navbar .language-dropdown{position:relative}.main-navbar .language-dropdown__options{position:absolute;top:calc(100% + .35rem);right:0;display:flex;flex-direction:column;gap:.35rem;padding:.35rem;background:#f5eee4;border:1px solid #e6b27a;border-radius:.4em;z-index:50}.main-navbar .language-dropdown__options[hidden]{display:none}.main-navbar .language-dropdown__option{width:100%;justify-content:flex-start;white-space:nowrap}.main-navbar .language-dropdown__flag{width:20px;height:14px;flex:0 0 auto}.main-navbar .language-dropdown__label{display:inline-block}.main-navbar .menu{background:#f5eee4;color:#666;border:1px solid #e6b27a;border-radius:.4em;padding:.4em 1.2em;font-size:1.1em;font-family:inherit;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;box-shadow:0 1px 4px 0 rgba(0,0,0,.04);outline:none;display:flex;align-items:center;gap:.5em}.main-navbar .menu:hover,.main-navbar .menu:focus{background:#e6b27a;color:#f5eee4;box-shadow:0 2px 8px 0 rgba(0,0,0,.1)}.main-navbar .menu:hover{background:rgb(235,193.4,148.6)}.main-navbar .menu.is-active,.main-navbar .menu[aria-current=page]{background:#e6b27a;color:#f5eee4;border-color:#e6b27a;box-shadow:0 2px 8px 0 rgba(0,0,0,.12)}.main-navbar .menu.is-active:focus,.main-navbar .menu[aria-current=page]:focus{background:#e6b27a;color:#f5eee4}.main-navbar .menu.is-active:hover,.main-navbar .menu[aria-current=page]:hover{background:rgb(235,193.4,148.6);color:#f5eee4}.info-header{background:#e6b27a;border-bottom:2px solid #d0d0d0;align-items:center;line-height:1;font-weight:600;height:var(--header-height-small)}.info-header .nav-menu{display:flex;align-items:center;gap:.75rem;flex:1 1 auto;min-width:0}.info-header__spacer{flex:1 1 auto;min-width:.5rem}.info-header__search{position:relative;margin-left:auto}.games-info-header .info-header__search{display:flex;align-items:center;gap:.5rem}.info-header__search input[type=search],.info-header__search input[type=text],.info-header input[type=search],.info-header input.table-search,[class$=-info-header] input[type=search],[class$=-info-header] input.table-search{appearance:none;-webkit-appearance:none;font:inherit;padding:.4rem .5rem .4rem 2rem;margin:4px 0 3px 0;border:1px solid var(--_input-border, #d0d0d0);border-radius:10px;background:var(--_input-bg, rgb(238.3655172414, 230.0482758621, 223.3944827586));color:#333;line-height:1.1rem;transition:background .2s,border-color .2s,box-shadow .2s}.info-header__search input[type=search]::placeholder,.info-header__search input[type=text]::placeholder,.info-header input[type=search]::placeholder,.info-header input.table-search::placeholder{color:#666;font-weight:400}.info-header__search input[type=search]:focus,.info-header__search input[type=text]:focus,.info-header input[type=search]:focus,.info-header input.table-search:focus{outline:none;background:var(--_input-bg-focus, rgb(231.7310344828, 220.0965517241, 210.7889655172));border-color:var(--_input-border-focus, #a36832);box-shadow:var(--_input-shadow-focus, 0 0 0 2px rgba(163, 104, 50, 0.25))}.info-header__search::before{content:"🔍";position:absolute;left:.65rem;top:50%;transform:translateY(-50%);font-size:.9rem;pointer-events:none;opacity:.65}.mini-navbar{box-shadow:0 1px 4px 0 rgba(0,0,0,.04);padding:.1em 1em;height:var(--games-header-height)}.mini-navbar .nav-menu{display:flex;align-items:center;gap:.75rem;flex:1 1 auto;min-width:0}.mini-navbar .menu{background:#f5eee4;color:#666;border:1px solid #e6b27a;border-radius:.4em;padding:.3em .8em;font-size:.9em;font-family:inherit;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;box-shadow:0 1px 4px 0 rgba(0,0,0,.04);outline:none;display:flex;align-items:center;gap:.5em}.mini-navbar .menu:hover,.mini-navbar .menu:focus{background:#9a5a20;color:#f5eee4;box-shadow:0 2px 8px 0 rgba(0,0,0,.1)}@media(max-width: 500px)and (orientation: portrait),(max-height: 500px)and (orientation: landscape){.main-navbar{padding:.5em}.menu{font-size:.95em;border-radius:.2em;padding:.2em .3em}.nav-menu,.nav-menu-right{gap:.5em}}@media(orientation: portrait){#chess-board{grid-row:2/3;grid-column:1/2}#board-controls{grid-row:3/4;grid-column:1/2}#info-panel{grid-row:4/5;grid-column:1/3}#info-panel-small{grid-row:2/4;grid-column:2/3}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}@media(max-width: 768px){.mobile-hidden{display:none}}@media(min-width: 769px){.desktop-hidden{display:none}}#app:not(.loaded) .container{display:none}#app.loaded .loading{display:none}.container{animation:slideIn .5s ease-out}@keyframes slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-panel{display:flex;flex-direction:column;gap:1rem;margin:1rem 0;margin-left:2em;font-family:"Open Sans",Arial,sans-serif;align-items:flex-start;text-align:left}.message-line{margin:.15rem 0;font-size:1.1rem;color:#333}.message-line.error{color:#e53e3e}.message-line.warning{color:#f6a05e}.message-line.info{color:#3182ce}.message-line.success{color:#1c954e}.message-status{width:98%;max-height:30vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.1rem;margin-top:.25rem;color:#5a5a5a;font-size:.95rem;overflow-y:scroll;scrollbar-width:2vw;scrollbar-color:#e2e8f0 #f0e4d9}.message-status::-webkit-scrollbar{width:8px}.message-status::-webkit-scrollbar-thumb{background-color:#e2e8f0;border-radius:4px}.message-status::-webkit-scrollbar-track{background-color:#f0e4d9}