.overlay-backdrop{position:fixed;inset:0;background:#2e2a4573;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.overlay-window{position:absolute;width:min(720px,100%);max-height:82vh;overflow-y:auto;background:var(--parchment, #e8dcc4);border:4px solid var(--parchment-edge, #8b7355);border-radius:6px;box-shadow:0 10px #4a3f3526,0 18px 40px #00000059,inset 0 0 0 2px #ffffff40;background-image:radial-gradient(rgba(139,115,85,.06) 1px,transparent 1px),radial-gradient(rgba(74,63,53,.04) 1px,transparent 1px);background-size:6px 6px,9px 9px;background-position:0 0,3px 4px;image-rendering:pixelated;transition:transform .14s ease-out,opacity .14s ease-out;transform-origin:center center;animation:overlay-window-open .16s cubic-bezier(.16,.9,.3,1.15)}@keyframes overlay-window-open{0%{transform:scaleY(.06) scaleX(.7);opacity:0}55%{transform:scaleY(1.04) scaleX(1.02);opacity:1}to{transform:scaleY(1) scaleX(1);opacity:1}}.overlay-window.is-behind{pointer-events:none;opacity:.55;filter:saturate(.8)}.overlay-window.is-top{opacity:1}.overlay-close{position:absolute;top:10px;right:10px;width:30px;height:30px;border:2px solid var(--parchment-edge, #8b7355);background:#f1e6cf;color:var(--ink, #4a3f35);font-family:VT323,monospace;font-size:18px;cursor:pointer;border-radius:4px;line-height:1;z-index:5}.overlay-close:hover{background:#e2cfa8}.overlay-window.is-behind .overlay-close{cursor:default}.overlay-eyebrow{font-family:"Press Start 2P",monospace;font-size:9px;letter-spacing:.02em;color:var(--rose, #c38d94);margin:0 0 10px}.overlay-title{font-family:"Press Start 2P",monospace;font-size:16px;color:var(--ink, #4a3f35);margin:0 0 10px;line-height:1.5}.overlay-detail-inner{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:26px}@media (max-width: 560px){.overlay-detail-inner{grid-template-columns:1fr}}.overlay-image-frame{border:3px solid var(--parchment-edge, #8b7355);border-radius:4px;overflow:hidden;background:#d8cba9;min-height:160px;display:flex;align-items:center;justify-content:center}.overlay-image{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.overlay-image-placeholder{text-align:center;padding:18px 12px;color:#6c5f4f}.overlay-image-placeholder span{font-size:32px;display:block;margin-bottom:8px}.overlay-image-placeholder p{font-family:VT323,monospace;font-size:14px;line-height:1.3}.overlay-date{font-family:VT323,monospace;font-size:16px;color:#8b7355;margin:-4px 0 10px}.overlay-description{font-family:VT323,monospace;font-size:19px;line-height:1.4;color:var(--ink, #4a3f35);margin:0 0 14px}.overlay-tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 18px}.overlay-tags li{font-family:VT323,monospace;font-size:14px;background:#d8cba9;border:1px solid var(--parchment-edge, #8b7355);border-radius:3px;padding:3px 8px;color:var(--ink, #4a3f35)}.overlay-link-btn{font-family:"Press Start 2P",monospace;font-size:10px;padding:12px 16px;border-radius:4px;border:2px solid var(--ink, #4a3f35);cursor:pointer;text-decoration:none;display:inline-block;background:var(--gold, #c9a66b);color:var(--ink, #4a3f35);transition:transform 80ms ease,background .12s ease}.overlay-link-btn:hover{background:#d8bb84;transform:translateY(-1px)}.overlay-list-inner{padding:26px}.overlay-list-hint{font-family:VT323,monospace;font-size:16px;color:#6c5f4f;margin:0 0 16px}.overlay-project-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.overlay-project-row{width:100%;text-align:left;display:flex;flex-direction:column;gap:3px;padding:10px 14px;border:2px solid var(--parchment-edge, #8b7355);background:#f1e6cf;border-radius:4px;cursor:pointer;transition:background .1s ease,transform 80ms ease}.overlay-project-row:hover{background:#e6d4ac;transform:translate(2px)}.overlay-project-row-title{font-family:VT323,monospace;font-size:19px;color:var(--ink, #4a3f35)}.overlay-project-row-desc{font-family:VT323,monospace;font-size:15px;color:#6c5f4f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay-project-row-tags{font-family:VT323,monospace;font-size:13px;color:var(--rose, #c38d94)}.overlay-list-empty{font-family:VT323,monospace;font-size:16px;color:#6c5f4f;padding:10px 4px}.admin-backdrop{position:fixed;inset:0;background:#2e2a458c;display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.admin-box{position:relative;background:var(--parchment, #e8dcc4);border:4px solid var(--parchment-edge, #8b7355);border-radius:6px;box-shadow:0 18px 40px #0006;padding:28px}.admin-login-box{width:min(380px,100%)}.admin-panel-box{width:min(880px,100%);max-height:88vh;overflow-y:auto}.admin-close{position:absolute;top:10px;right:10px;width:30px;height:30px;border:2px solid var(--parchment-edge, #8b7355);background:#f1e6cf;color:var(--ink, #4a3f35);font-family:VT323,monospace;font-size:18px;cursor:pointer;border-radius:4px}.admin-close:hover{background:#e2cfa8}.admin-eyebrow{font-family:"Press Start 2P",monospace;font-size:8px;color:var(--rose, #c38d94);margin:0 0 8px}.admin-title{font-family:"Press Start 2P",monospace;font-size:15px;color:var(--ink, #4a3f35);margin:0 0 10px}.admin-subtitle{font-family:VT323,monospace;font-size:17px;color:#6c5f4f;margin:0 0 18px}.admin-field{display:block;margin-bottom:14px;font-family:VT323,monospace}.admin-field span{display:block;font-size:15px;color:var(--ink, #4a3f35);margin-bottom:4px}.admin-field input,.admin-field textarea,.admin-field select{width:100%;font-family:VT323,monospace;font-size:17px;padding:8px 10px;border:2px solid var(--parchment-edge, #8b7355);border-radius:4px;background:#fbf6ea;color:var(--ink, #4a3f35)}.admin-field textarea{resize:vertical;min-height:70px}.admin-error{font-family:VT323,monospace;font-size:16px;color:#a33b3b;background:#f6dede;border:1px solid #c98787;border-radius:4px;padding:8px 10px;margin:0 0 14px}.admin-success{font-family:VT323,monospace;font-size:16px;color:#3b6b3f;background:#e2f0e2;border:1px solid #8ab98d;border-radius:4px;padding:8px 10px;margin:0 0 14px}.admin-submit-btn,.admin-secondary-btn,.admin-danger-btn{font-family:"Press Start 2P",monospace;font-size:10px;padding:12px 16px;border-radius:4px;border:2px solid var(--ink, #4a3f35);cursor:pointer;transition:transform 80ms ease,background .12s ease}.admin-submit-btn{width:100%;background:var(--gold, #c9a66b);color:var(--ink, #4a3f35)}.admin-submit-btn:hover:not(:disabled){background:#d8bb84}.admin-submit-btn:disabled{opacity:.6;cursor:default}.admin-secondary-btn{background:transparent;color:var(--ink, #4a3f35)}.admin-secondary-btn:hover{background:#4a3f3514}.admin-danger-btn{background:#d8a3a3;color:#4a1f1f;border-color:#4a1f1f}.admin-danger-btn:hover{background:#e0b6b6}.admin-panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px;flex-wrap:wrap}.admin-tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.admin-tab-btn{font-family:VT323,monospace;font-size:18px;padding:8px 16px;border:2px solid var(--parchment-edge, #8b7355);background:#f1e6cf;color:var(--ink, #4a3f35);border-radius:4px;cursor:pointer}.admin-tab-btn.active{background:var(--gold, #c9a66b)}.admin-list{border:2px solid var(--parchment-edge, #8b7355);border-radius:6px;overflow:hidden;margin-bottom:22px}.admin-list-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(139,115,85,.3);background:#f6efdc}.admin-list-row:nth-child(2n){background:#efe4c9}.admin-list-row:last-child{border-bottom:none}.admin-list-title{font-family:VT323,monospace;font-size:18px;color:var(--ink, #4a3f35)}.admin-list-meta{font-family:VT323,monospace;font-size:14px;color:#8b7355}.admin-list-actions{display:flex;gap:6px}.admin-list-actions button{font-family:VT323,monospace;font-size:15px;padding:5px 10px;border:1px solid var(--parchment-edge, #8b7355);border-radius:4px;background:#fff;cursor:pointer}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}@media (max-width: 620px){.admin-form-grid{grid-template-columns:1fr}}.admin-form-actions{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap}.copyright-footer{background:none;border:none;color:#6c7a89;font-family:VT323,monospace;font-size:14px;cursor:default;padding:6px 10px;user-select:none}:root{--parchment: #e8dcc4;--parchment-edge: #8b7355;--ink: #4a3f35;--gold: #c9a66b;--rose: #c38d94;--night-veil: rgba(46, 42, 69, .55)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:#cdd7c8}body{font-family:VT323,monospace;color:var(--ink);overflow:hidden}.app-shell{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:#cdd7c8}.game-frame{width:100%;max-width:960px;aspect-ratio:960 / 600;border:6px solid var(--parchment-edge);border-radius:8px;overflow:hidden;box-shadow:0 20px 50px #00000059;position:relative}.phaser-root{width:100%;height:100%}.phaser-root canvas{image-rendering:pixelated;width:100%!important;height:100%!important}