@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");:root{--alwan-pattern: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 20 20'><path fill='%23D0D0D0' d='M0 0h10v10H0Z'/><path fill='%23fff' d='M0 10h10v10H0Z'/><path fill='%23D0D0D0' d='M10 10h10v10H10Z'/><path fill='%23fff' d='M10 0h10v10H10Z'/></svg>")}.alwan{--bg: #fff;--fg: #333;--outer-bc: #ccc;--bc: #ccc;--btn-bg-hover: #f0f0f0;--thumb-bg: #fff;--thumb-bg-hover: #f0f0f0;--label-color: #555;--input-bg: #fafafa;--input-bg-hover: #f0f0f0;--input-bc-hover: #a8a8a8;--swatches-bg: #f5f5f5;width:260px;max-width:260px;background:var(--bg);border:1px solid var(--outer-bc);overflow:hidden}.alwan *{box-sizing:border-box}.alwan>div{width:260px}.alwan__popover-container{transform:translate(0);width:0;height:0}.alwan__popover-container>.alwan{position:fixed;height:auto;top:0;left:0;z-index:999999;border:0;overflow:auto;box-shadow:0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)}.alwan:not(.alwan--open){visibility:hidden;overflow:hidden;height:0}.alwan.alwan--dark{--bg: #111;--fg: #ccc;--outer-bc: #aaa;--bc: #34373a;--btn-bg-hover: #444;--thumb-bg: #151515;--thumb-bg-hover: #242424;--label-color: #d8d8d8;--input-bg: #181818;--input-bg-hover: #272727;--input-bc-hover: #484b4d;--swatches-bg: #151515}.alwan__container{position:relative;display:flex;align-items:center;padding:10px 15px;border-top:1px solid var(--bc)}.alwan__container>*{width:100%}.alwan__selector{overflow:hidden;height:136px;outline:0;touch-action:none;user-select:none;background:linear-gradient(to bottom, transparent, #000),linear-gradient(to right, #fff, hsl(var(--h, 0), 100%, 50%))}.alwan__selector:focus .alwan__cursor{box-shadow:0 0 1px 2px #117ce0}.alwan__selector[tabindex]{cursor:crosshair}.alwan__selector[tabindex]:active,.alwan__selector[tabindex]:active>.alwan__cursor{cursor:grabbing}.alwan__selector[tabindex] .alwan__cursor{cursor:grab;cursor:-webkit-grab}.alwan__cursor{position:relative;top:-8px;left:-8px;width:16px;height:16px;border-radius:100%;background:rgba(0,0,0,0);border:2px solid #fff;box-shadow:0 0 1px 1px rgba(0,0,0,0.3)}.alwan__preview{--color: rgb(var(--rgb), var(--a));width:42px;height:42px;margin-right:15px;border:1px solid var(--bc);border-radius:5px;flex-shrink:0}.alwan__preview .alwan__cp{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:#fff;opacity:0;border-radius:0;margin:0}.alwan__preview .alwan__cp:focus,.alwan__preview .alwan__cp:hover:not(:disabled){opacity:1;z-index:100;background-color:rgba(0,0,0,0.6)}.alwan__preview .alwan__cp:focus-visible{border:0}.alwan__slider{--hue-track: linear-gradient( 90deg, #ff0000, #ff00ff, #0000ff, #00ffff, #00ff00, #ffff00, #ff0000 );--alpha-track: linear-gradient(90deg, transparent, rgb(var(--rgb))), var(--alwan-pattern);display:block;width:100%;height:15px;background-color:rgba(0,0,0,0);margin:0;padding:0;cursor:pointer;outline:0;-webkit-appearance:none;appearance:none;touch-action:none;user-select:none}.alwan__slider:active{cursor:grabbing;cursor:-webkit-grabbing}.alwan__slider::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;width:100%;height:15px;border:0;border-radius:8px}.alwan__slider::-moz-range-track{width:100%;height:15px;border:0;border-radius:8px}.alwan__slider:focus-visible::-webkit-slider-runnable-track{outline:2px solid rgba(17,124,224,0.5);outline-offset:2px}.alwan__slider:focus-visible::-moz-range-track{outline:2px solid rgba(17,124,224,0.5);outline-offset:2px}.alwan__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-2.5px;height:20px;width:20px;border:1px solid #999;border-radius:100%;background-color:var(--thumb-bg);box-shadow:0 0 1px 1px rgba(0,0,0,0.3)}.alwan__slider::-moz-range-thumb{box-sizing:border-box;padding:0;height:20px;width:20px;border:1px solid #999;border-radius:100%;background-color:var(--thumb-bg);box-shadow:0 0 1px 1px rgba(0,0,0,0.3)}.alwan__slider:not(:disabled)::-webkit-slider-thumb:hover{cursor:grab;cursor:-webkit-grab;border-color:#555;background:var(--thumb-bg-hover)}.alwan__slider:not(:disabled)::-moz-range-thumb:hover{cursor:grab;cursor:-webkit-grab;border-color:#555;background:var(--thumb-bg-hover)}.alwan__slider:active:not(:disabled)::-webkit-slider-thumb{cursor:grabbing;cursor:-webkit-grabbing;outline:5px solid rgba(17,124,224,0.3)}.alwan__slider:active:not(:disabled)::-moz-range-thumb{cursor:grabbing;cursor:-webkit-grabbing;outline:5px solid rgba(17,124,224,0.3)}.alwan__slider:focus::-webkit-slider-thumb{border-color:#117ce0}.alwan__slider:focus::-moz-range-thumb{border-color:#117ce0}.alwan__slider:disabled{opacity:.5;cursor:default}.alwan__hue{direction:rtl}.alwan__hue::-webkit-slider-runnable-track{background:var(--hue-track)}.alwan__hue::-moz-range-track{background:var(--hue-track)}.alwan__alpha{margin-top:14px}.alwan__alpha::-webkit-slider-runnable-track{background:var(--alpha-track)}.alwan__alpha::-moz-range-track{background:var(--alpha-track)}.alwan__inputs{display:flex}.alwan__inputs>label{width:100%;text-align:center;margin-right:4px;text-transform:uppercase;color:var(--label-color);cursor:pointer;line-height:1;font-family:system-ui;font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.alwan__input{display:block;width:100%;padding:8px 0;text-align:center;color:var(--fg);font-size:14px;font-family:monospace;border:1px solid var(--bc);margin-bottom:3px;background-color:var(--input-bg);line-height:1;border-radius:2px;transition:border-color .2s,background-color .2s}.alwan__input::selection{color:#fff;background-color:#117ce0}.alwan__input:focus{outline:0;border-color:#117ce0;background-color:var(--bg)}.alwan__input:focus+span{color:#117ce0}.alwan__input:hover:not(:focus,:disabled){background-color:var(--input-bg-hover);border-color:var(--input-bc-hover)}.alwan__input:disabled,.alwan__input:disabled+span{opacity:.5}.alwan__swatches{display:flex;justify-content:center;flex-wrap:wrap;background-color:var(--swatches-bg);padding:10px 15px 0 15px;max-height:100px;overflow-y:auto;border-top:1px solid var(--bc)}.alwan__button{display:inline-block;width:auto;background:rgba(0,0,0,0);color:var(--fg);border:1px solid rgba(0,0,0,0);cursor:pointer;padding:8px 4px;transition:background-color .2s ease-in-out;outline:0}.alwan__button:disabled{opacity:.5;cursor:not-allowed}.alwan__button:hover:not(:disabled){background-color:var(--btn-bg-hover)}.alwan__button:focus-visible:not(.alwan__ref){border-color:#117ce0}.alwan__button svg{fill:currentColor;pointer-events:none;vertical-align:middle}.alwan__swatch{width:22px;height:22px;margin:0 5px 10px 5px;border-radius:3px}.alwan__swatch:hover:not(:disabled){transform:scale(1.1)}.alwan__swatch:focus{outline:1px solid var(--color);outline-offset:1px}.alwan__ref{width:26px;height:26px;border-radius:3px;border:3px solid #f5f5f5;outline:1px solid #333;flex-shrink:0}.alwan__ref:focus,.alwan__ref:focus-visible{outline-color:#117ce0;box-shadow:0 0 2px 2px #117ce0}.alwan__cp{margin-right:15px}.alwan__swatch,.alwan__preview,.alwan__ref{position:relative;background:var(--alwan-pattern);background-clip:padding-box;overflow:hidden;padding:0}.alwan__swatch::before,.alwan__preview::before,.alwan__ref::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color)}.alwan__toggle-button{display:flex;align-items:center;justify-content:center;width:100%;padding:0;height:10px;border-top:1px solid var(--bc);overflow:hidden}.alwan--collapse.alwan__swatches{display:none}.alwan--collapse+.alwan__toggle-button svg{transform:rotate(180deg)}.login-page,.signup-page{min-height:100vh;background:#000}.auth-content{min-height:calc(100vh - 64px);padding:64px 40px 84px;background:#000}.auth-card{max-width:900px;margin:0 auto}.auth-card h1{margin:0 0 44px;color:#fff3c2;font-size:1.05rem;font-weight:normal;font-family:'Press Start 2P', cursive}.signup-page .auth-card h1{margin-bottom:60px}.form-group{margin-bottom:26px}.form-group label{display:block;margin-bottom:12px;color:#d4c388;font-size:0.64rem;line-height:1.6;font-weight:normal}.form-control{width:100%;padding:18px 20px;border:1px solid rgba(255,255,255,0.14);border-radius:0;font-size:0.72rem;line-height:1.6;box-sizing:border-box;font-family:'Press Start 2P', cursive;background:transparent;color:#fff;box-shadow:none}.form-control:focus{outline:none;border-color:rgba(244,187,68,0.75);box-shadow:none}.form-control::placeholder{color:rgba(255,255,255,0.32)}.form-help{margin-top:10px;color:rgba(255,243,194,0.72);font-size:0.52rem;line-height:1.7}.form-actions{display:flex;gap:14px;margin-top:36px;padding-top:16px}.btn{display:inline-block;padding:14px 24px;font-size:0.7rem;font-weight:normal;text-align:center;text-decoration:none;border:2px solid transparent;border-radius:0;cursor:pointer;transition:none;font-family:'Press Start 2P', cursive;box-shadow:none}.btn-primary{background-color:#f4bb44;color:#000;border-color:#f4bb44}.btn-secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,0.2)}.alert{padding:16px 18px;margin-bottom:28px;border-radius:0;font-size:0.58rem;line-height:1.7;border:1px solid}.alert-danger{background:rgba(104,24,38,0.22);border-color:rgba(244,113,116,0.32);color:#ffd4d4}.alert-success{background:rgba(33,85,49,0.22);border-color:rgba(111,207,151,0.3);color:#d8ffe5}.alert h4{margin-top:0;margin-bottom:10px}.alert ul{margin:0;padding-left:20px}@media (max-width: 640px){.auth-content{padding:32px 16px 44px}.form-actions{flex-direction:column}}.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0 !important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:0 0}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:0 0}.cm-fat-cursor{caret-color:transparent}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:red}.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,0.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll !important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:0;position:relative;z-index:0}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{position:absolute;z-index:6;display:none;outline:0}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:0 0 !important;border:none !important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:0}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,0.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:0 0}.cm-s-material-darker.CodeMirror{background-color:#212121;color:#eff}.cm-s-material-darker .CodeMirror-gutters{background:#212121;color:#545454;border:none}.cm-s-material-darker .CodeMirror-guttermarker,.cm-s-material-darker .CodeMirror-guttermarker-subtle,.cm-s-material-darker .CodeMirror-linenumber{color:#545454}.cm-s-material-darker .CodeMirror-cursor{border-left:1px solid #fc0}.cm-s-material-darker div.CodeMirror-selected{background:rgba(97,97,97,0.2)}.cm-s-material-darker.CodeMirror-focused div.CodeMirror-selected{background:rgba(97,97,97,0.2)}.cm-s-material-darker .CodeMirror-line::selection,.cm-s-material-darker .CodeMirror-line>span::selection,.cm-s-material-darker .CodeMirror-line>span>span::selection{background:rgba(128,203,196,0.2)}.cm-s-material-darker .CodeMirror-line::-moz-selection,.cm-s-material-darker .CodeMirror-line>span::-moz-selection,.cm-s-material-darker .CodeMirror-line>span>span::-moz-selection{background:rgba(128,203,196,0.2)}.cm-s-material-darker .CodeMirror-activeline-background{background:rgba(0,0,0,0.5)}.cm-s-material-darker .cm-keyword{color:#c792ea}.cm-s-material-darker .cm-operator{color:#89ddff}.cm-s-material-darker .cm-variable-2{color:#eff}.cm-s-material-darker .cm-type,.cm-s-material-darker .cm-variable-3{color:#f07178}.cm-s-material-darker .cm-builtin{color:#ffcb6b}.cm-s-material-darker .cm-atom{color:#f78c6c}.cm-s-material-darker .cm-number{color:#ff5370}.cm-s-material-darker .cm-def{color:#82aaff}.cm-s-material-darker .cm-string{color:#c3e88d}.cm-s-material-darker .cm-string-2{color:#f07178}.cm-s-material-darker .cm-comment{color:#545454}.cm-s-material-darker .cm-variable{color:#f07178}.cm-s-material-darker .cm-tag{color:#ff5370}.cm-s-material-darker .cm-meta{color:#ffcb6b}.cm-s-material-darker .cm-attribute{color:#c792ea}.cm-s-material-darker .cm-property{color:#c792ea}.cm-s-material-darker .cm-qualifier{color:#decb6b}.cm-s-material-darker .cm-type,.cm-s-material-darker .cm-variable-3{color:#decb6b}.cm-s-material-darker .cm-error{color:#fff;background-color:#ff5370}.cm-s-material-darker .CodeMirror-matchingbracket{text-decoration:underline;color:#fff !important}.games-list{display:flex;gap:15px;margin:20px 0 30px 0;flex-wrap:wrap}.btn-game{background-color:#28a745;color:white;font-size:16px;padding:15px 25px}.btn-game:hover{background-color:#218838}h2{margin-top:30px;margin-bottom:15px;color:#333}.home-page{background:#FFF4E0}.banner{height:128px;background:url(/banner.jpg) center center no-repeat;background-size:cover;position:relative;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3)}.banner-content{position:relative;z-index:1;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 40px;max-width:1400px;margin:0}.banner-auth{display:flex;align-items:center;gap:10px}.auth-buttons-banner{display:flex;gap:10px}.btn-banner{padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:normal;font-size:0.7rem;transition:all 0.2s;border:2px solid white;font-family:'Press Start 2P', cursive}.btn-signup:hover{background:#FDB813;color:white;border-color:white}.btn-login{background:transparent;color:white;border:2px solid white}.btn-login:hover{background:white;color:#333}.user-menu{position:relative;cursor:pointer}.user-menu-trigger{display:flex;align-items:center;gap:12px}.user-menu-avatar{width:32px;height:32px;border-radius:32px;border:12px solid #0C063a;object-fit:cover;cursor:pointer;transition:transform 0.2s;box-sizing:content-box}.user-menu-name{color:white;font-size:0.6rem;text-shadow:2px 2px 4px rgba(0,0,0,0.5);white-space:nowrap;background-color:#0C063a;padding:4px 12px 4px 12px;margin-left:-22px;border-top-right-radius:6px;border-bottom-right-radius:6px}.user-menu:hover .user-menu-avatar{transform:scale(1.05)}.user-dropdown{position:absolute;top:60px;right:0;background:white;min-width:180px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s;z-index:1000}.user-menu:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown a{display:flex;align-items:center;gap:10px;padding:12px 20px;color:#333;text-decoration:none;transition:background-color 0.2s;border-bottom:1px solid #f0f0f0}.user-dropdown a:last-child{border-bottom:none}.user-dropdown a:hover{background-color:#f8f9fa}.user-dropdown a:first-child{border-radius:8px 8px 0 0}.user-dropdown a:last-child{border-radius:0 0 8px 8px}.games-container{padding:60px 20px;background:#FFF4E0}.games-container .container{max-width:1400px;margin:0 auto;padding:0 20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;max-width:1200px;margin-left:auto;margin-right:auto}.games-container h2{color:#333;font-size:1.5rem;letter-spacing:1px;margin:0}.leaderboard-nav-link{color:#F4BB44;text-decoration:none;font-size:0.7rem;transition:opacity 0.2s;display:flex;align-items:center;gap:8px}.leaderboard-nav-link:hover{opacity:0.7}.games-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(256px, 1fr));gap:30px;max-width:1200px;margin:0 auto}.game-card{background:white;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:transform 0.3s ease, box-shadow 0.3s ease;max-width:256px;margin:0 auto}.game-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,0.3)}.game-link{display:block;text-decoration:none;color:inherit}.game-icon{width:256px;height:256px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.game-icon img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;display:block}.game-info{padding:12px;background:white}.game-title{text-align:center;font-size:0.7rem;font-weight:normal;color:#333;line-height:1.4}@media (max-width: 768px){.banner-content{padding:0 20px}.platform-name{font-size:1.8rem}.btn-banner{padding:8px 16px;font-size:13px}.games-grid{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:20px}.game-title{font-size:1.1rem}.game-info{padding:15px}}@media (max-width: 480px){.banner{height:100px}.platform-name{font-size:1.3rem}.auth-buttons-banner{flex-direction:column;gap:5px}.btn-banner{padding:6px 12px;font-size:12px}.user-menu-avatar{width:40px;height:40px}.games-grid{grid-template-columns:1fr;gap:15px}}html body.kiosk-mode{background:#000 !important}body.kiosk-mode{margin:0;background:#000 !important;color:#fff}body.kiosk-mode .alert{display:none}.kiosk-page{min-height:100vh;background:#000;position:relative}.kiosk-header{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 20px;background:linear-gradient(rgba(0,0,0,0.42), rgba(0,0,0,0.68)),url(/banner.jpg) center center/cover no-repeat;border-bottom:1px solid rgba(255,212,0,0.16);backdrop-filter:blur(6px)}.kiosk-brand{display:inline-flex;align-items:center;gap:0;color:#fff6d5;text-decoration:none}.kiosk-brand-text{color:#fff3c2;font-size:0.95rem;letter-spacing:0.14em;line-height:1}.kiosk-auth{display:flex;align-items:center;min-width:120px;justify-content:flex-end}.kiosk-sign-in{color:#fff2bf;text-decoration:none;font-size:0.64rem;letter-spacing:0.08em;padding:10px 12px 8px;border:2px solid rgba(255,212,0,0.4);background:rgba(255,212,0,0.08)}.kiosk-user{display:inline-flex;align-items:center;gap:0;color:#fff2bf;text-decoration:none}.kiosk-user-name{color:inherit;font-size:0.58rem;letter-spacing:0.08em}.kiosk-page .games-container{min-height:calc(100vh - 64px);padding:24px 20px;background:#000}.profile-page.kiosk-page{min-height:100vh;background:#000;width:100%;max-width:none;margin:0;padding:0}.profile-content{min-height:calc(100vh - 64px);padding:64px 40px 84px;background:#000}.profile-card{max-width:900px;margin:0 auto;padding:0;background:transparent;border:none;box-shadow:none}.profile-card h1{margin:0 0 44px;color:#fff3c2;font-size:1.05rem;font-weight:normal;font-family:'Press Start 2P', cursive;letter-spacing:0.08em;line-height:1.4}.profile-page .profile-info{background:transparent;padding:0;border:none;margin-bottom:44px}.profile-page .profile-info .row{padding:22px 0;border-bottom:1px solid rgba(255,255,255,0.08)}.profile-page .profile-info .row:last-child{border-bottom:none}.profile-page .profile-info .col-md-3{color:#d4c388;font-weight:normal;font-size:0.64rem;line-height:1.6}.profile-page .profile-info .col-md-9{color:#fff;font-size:0.74rem;line-height:1.6}.profile-page .actions{display:flex;gap:14px;margin-top:0;padding-top:16px}.profile-page .btn{border-radius:0;box-shadow:none}.profile-page .btn-secondary{margin-left:0;background:transparent;border-color:rgba(255,255,255,0.2)}.profile-page .btn-primary{border-color:#f4bb44}body.kiosk-mode{margin:0}.kiosk-dev-flag{position:fixed;top:76px;right:16px;z-index:50;display:none;padding:10px 12px 8px;background:#8a1538;color:#fff4d6;border:2px solid #ffd166;box-shadow:0 0 0 3px rgba(255,209,102,0.18);font-size:0.65rem;letter-spacing:0.14em}.kiosk-page[data-kiosk-dev-mode="true"] .kiosk-dev-flag{display:block}.kiosk-game-link{outline:none}.kiosk-page .games-container .container{max-width:1400px;margin:0 auto;padding:0 20px}.kiosk-page .games-grid{max-width:1200px}.kiosk-page .game-card{position:relative;background:#111;box-shadow:0 4px 12px rgba(0,0,0,0.45);transition:background-color 120ms ease, box-shadow 120ms ease, transform 120ms ease}.kiosk-page .game-card.kiosk-hidden{display:none}.kiosk-page .game-icon{position:relative;background:#050505}.kiosk-page .game-info{background:#111;padding:14px 12px 16px}.kiosk-page .game-title{color:#fff;font-size:0.7rem;line-height:1.4;text-align:center}.kiosk-page .game-build{display:none;margin-top:8px;color:#b7b7b7;font-size:0.5rem;letter-spacing:0.12em;text-align:center}.kiosk-page[data-kiosk-dev-mode="true"] .game-build{display:block}.kiosk-page .game-dev-badge{position:absolute;top:8px;right:8px;z-index:2;padding:6px 8px 4px;background:rgba(138,21,56,0.95);color:#fff4d6;border:2px solid #ffd166;font-size:0.52rem;letter-spacing:0.14em}.kiosk-page[data-kiosk-dev-mode="false"] .game-card[data-published="false"]{display:none}.kiosk-page .game-card[data-published="false"] .game-info{background:#1a1320}.kiosk-page .game-card[data-published="false"] .game-title{color:#ffd6e4}.kiosk-game-link:focus .game-card,.kiosk-game-link:focus-visible .game-card,.kiosk-game-link[data-kiosk-active="true"] .game-card{background:#2a2408;border-color:#ffd400;box-shadow:0 0 0 4px rgba(255,212,0,0.35)}.kiosk-game-link[data-kiosk-active="true"] .game-info,.kiosk-game-link:focus .game-info,.kiosk-game-link:focus-visible .game-info{background:#332b0a}.kiosk-game-link[data-kiosk-active="true"] .game-title,.kiosk-game-link:focus .game-title,.kiosk-game-link:focus-visible .game-title{color:#ffe27a}.kiosk-page[data-kiosk-input-mode="controller"] .kiosk-game-link[data-kiosk-active="true"] .game-card,.kiosk-page[data-kiosk-input-mode="controller"] .kiosk-game-link:focus .game-card,.kiosk-page[data-kiosk-input-mode="controller"] .kiosk-game-link:focus-visible .game-card{transform:translateY(-4px) scale(1.01)}.kiosk-page[data-kiosk-input-mode="mouse"] .kiosk-game-link[data-kiosk-active="true"] .game-card,.kiosk-page[data-kiosk-input-mode="mouse"] .kiosk-game-link:focus .game-card,.kiosk-page[data-kiosk-input-mode="mouse"] .kiosk-game-link:focus-visible .game-card{transform:none;box-shadow:0 0 0 2px rgba(255,212,0,0.2);transition:none}@media (max-width: 640px){.kiosk-page .games-container{padding:16px 12px}.profile-content{padding:32px 16px 44px}.profile-card{padding:20px 16px 18px}.kiosk-header{padding:0 12px}.kiosk-brand{gap:0}.kiosk-brand-text{font-size:0.7rem}.kiosk-user-name{display:none}.profile-page .actions{flex-direction:column}.kiosk-dev-flag{top:74px;right:10px;font-size:0.55rem}}.navbar{background-color:#343a40;padding:15px 0;margin-bottom:20px}.navbar .container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.navbar .brand{color:white;font-size:24px;font-weight:bold;text-decoration:none}.navbar .brand:hover{color:#007bff}.navbar .nav-links{display:flex;gap:20px}.navbar .nav-links a{color:white;text-decoration:none;padding:8px 15px;border-radius:4px;transition:background-color 0.2s;display:flex;align-items:center}.navbar .nav-links a:hover{background-color:#495057}.navbar .nav-profile-link{display:flex;align-items:center;gap:8px}.platform-name{font-size:2rem;color:#F4BB44;margin:0;text-shadow:-2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000, -2px 0 0 #000, 2px 0 0 #000, 0 -2px 0 #000, 0 2px 0 #000;font-weight:normal;letter-spacing:4px;font-family:inherit}nav[aria-label=breadcrumb] ul{width:100%;overflow-x:auto;margin-bottom:-32px}nav[aria-label=breadcrumb] ul::-webkit-scrollbar{display:none}nav[aria-label=breadcrumb] ul{scrollbar-width:none;-ms-overflow-style:none}nav[aria-label=breadcrumb] ul li{display:flex;justify-content:center;align-items:center}nav[aria-label=breadcrumb] ul li:not(:last-child) ::after{content:""}[role=tab]{border-bottom:2px solid transparent;padding:var(--nav-link-spacing-vertical) calc(var(--nav-link-spacing-horizontal)*1.5);user-select:none;color:var(--secondary);border-radius:0;background:transparent}[role=tab][aria-current]{color:var(--contrast) !important;border-color:var(--contrast)}[role=tab][aria-current-2]{color:var(--contrast) !important;border-color:var(--contrast)}.profile-header{text-align:center;margin-bottom:30px}.avatar-container{display:inline-block;margin:20px auto}.profile-avatar{width:150px;height:150px;border-radius:12px;object-fit:cover;border:4px solid #007bff;box-shadow:0 4px 8px rgba(0,0,0,0.1)}.avatar-preview{margin:10px 0 15px 0;text-align:center}.avatar-preview-img{width:120px;height:120px;border-radius:12px;object-fit:cover;border:3px solid #ddd;display:inline-block}.form-group input[type="file"]{padding:8px}.user-avatar-small{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:4px;object-fit:cover;border:2px solid white;vertical-align:middle;flex-shrink:0}@media screen and (max-width: 369px){.over_370{display:none}}@media screen and (min-width: 370px){.under_370{display:none}}@media screen and (max-width: 419px){.over_420{display:none}}@media screen and (min-width: 420px){.under_420{display:none}}@media screen and (max-width: 479px){.over_480{display:none}}@media screen and (min-width: 480px){.under_480{display:none}}@media screen and (max-width: 559px){.over_560{display:none}}@media screen and (min-width: 560px){.under_560{display:none}}@media screen and (max-width: 767px){.over_768{display:none}}@media screen and (min-width: 768px){.under_768{display:none}}@media screen and (max-width: 899px){.over_900{display:none}}@media screen and (min-width: 900px){.under_900{display:none}}@media screen and (max-width: 1023px){.over_1024{display:none}}@media screen and (min-width: 1024px){.under_1024{display:none}}@media screen and (max-width: 1279px){.over_1280{display:none}}@media screen and (min-width: 1280px){.under_1280{display:none}}@media screen and (max-width: 1399px){.over_1400{display:none}}@media screen and (min-width: 1400px){.under_1400{display:none}}@media screen and (max-width: 1679px){.over_1680{display:none}}@media screen and (min-width: 1680px){.under_1680{display:none}}@media screen and (max-width: 1799px){.over_1800{display:none}}@media screen and (min-width: 1800px){.under_1800{display:none}}:root{--primary: #444444;background-color:#FFF4E0}html,body,body *,input,button,textarea,select,option{font-family:'Press Start 2P', cursive}