@font-face{font-family:"Not Jam Old Style 11";src:url(/mustapha-portfolio/assets/NotJamOldStyle11-udVzYtHt.ttf)format("truetype");font-display:swap}:root{--textbox-font-family:"Not Jam Old Style 11", monospace;--textbox-font-size:18px;--textbox-line-height:1.4;--textbox-heading-scale:1.2}#textbox-root{box-sizing:border-box;color:#fff;font-family:var(--textbox-font-family);font-size:var(--textbox-font-size);line-height:var(--textbox-line-height);-webkit-font-smoothing:none;font-smooth:never;pointer-events:none;z-index:10;background:#000000bf;border:2px solid #fff;padding:16px;display:none;overflow:hidden}#textbox-root.visible{display:block}#textbox-root h1,#textbox-root h2,#textbox-root h3,#textbox-root h4,#textbox-root h5,#textbox-root h6{font-weight:700;line-height:var(--textbox-line-height);margin:8px 0}#textbox-root h1{font-size:calc(var(--textbox-font-size) * 1.5 * var(--textbox-heading-scale))}#textbox-root h2{font-size:calc(var(--textbox-font-size) * 1.3 * var(--textbox-heading-scale))}#textbox-root h3{font-size:calc(var(--textbox-font-size) * 1.1 * var(--textbox-heading-scale))}#textbox-root h4,#textbox-root h5,#textbox-root h6{font-size:var(--textbox-font-size)}#textbox-root.textbox-root--large,#textbox-root.textbox-root--dashboard{background:#000000bf;overflow-y:auto}#textbox-root.textbox-root--small{background:#000000d9;overflow-y:auto}#textbox-root.textbox-root--rpg{background:#000000e6;border-width:3px 0 0;overflow-y:auto}#textbox-root.textbox-root--oneliner{text-overflow:ellipsis;white-space:nowrap;background:#000000e6;border:1px solid #fff;padding:8px 16px;font-size:11px;overflow:hidden}#textbox-root .topic-list{margin:8px 0 0;padding:0;list-style:none}#textbox-root .topic-item{padding:2px 0}#textbox-root .topic-item.selected{color:#ffd866}#textbox-root .topic-item.selected:before{content:"▶ "}#textbox-root .dashboard-title{margin:0 0 8px;padding:0 8px}#textbox-root .dashboard-grid{gap:16px;padding:8px;display:grid;overflow-y:auto}#textbox-root .dashboard-tile{border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;padding:8px;display:flex}#textbox-root .dashboard-tile img{object-fit:contain;max-width:100%;max-height:64px}#textbox-root .dashboard-tile.selected{border-color:#ffd866;outline:2px solid #ffd866}#textbox-root .gallery-slide{text-align:center;flex-direction:column;align-items:center;gap:8px;height:100%;padding:16px;display:flex;overflow-y:auto}#textbox-root .gallery-slide img{object-fit:contain;max-width:60%;max-height:40vh}#textbox-root .gallery-caption{margin:0}#textbox-root .gallery-description{max-width:60ch;margin:0}#textbox-root .gallery-redirect{color:#ffd866;pointer-events:auto;cursor:pointer;border:1px solid #ffd866;outline:2px solid #ffd866;margin-top:4px;padding:4px 12px;text-decoration:none;display:inline-block}#textbox-root.textbox-root--oneliner h1,#textbox-root.textbox-root--oneliner h2,#textbox-root.textbox-root--oneliner h3,#textbox-root.textbox-root--oneliner h4,#textbox-root.textbox-root--oneliner h5,#textbox-root.textbox-root--oneliner h6{margin:0;font-size:11px;display:inline}#gif-overlay-root{pointer-events:none;z-index:5;opacity:0;background:#000000d9;width:100%;height:100%;transition:opacity .25s;display:none;position:absolute;top:0;left:0}#gif-overlay-root .gif-container{box-sizing:border-box;border:8px solid #3c2450;max-width:80%;max-height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#gif-overlay-root.visible{opacity:1;display:flex}#gif-overlay-root img{object-fit:contain;width:100%;height:100%;display:block}#touch-controls-root{pointer-events:none;z-index:20;touch-action:none;display:none;position:absolute;inset:0}#touch-controls-root.visible{display:block}.dpad{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:4px;width:132px;height:132px;display:grid;position:absolute;bottom:16px;left:16px}.dpad-up{grid-area:1/2}.dpad-left{grid-area:2/1}.dpad-right{grid-area:2/3}.dpad-down{grid-area:3/2}.dpad-btn,.interact-btn,.cancel-btn{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;color:#fff;background:#ffffff26;border:2px solid #fff;border-radius:8px;font-size:20px}.interact-btn{border-radius:50%;width:56px;height:56px;position:absolute;bottom:16px;right:16px}.cancel-btn{border-radius:50%;width:40px;height:40px;font-size:16px;position:absolute;top:16px;right:16px}#name-entry-root{box-sizing:border-box;color:#f4c430;font-family:var(--textbox-font-family,monospace);font-size:var(--textbox-font-size,18px);text-align:center;z-index:20;background:#2b1b3d;border:3px solid #f4c430;padding:24px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#name-entry-root.visible{display:block}#name-entry-root input{font:inherit;color:#f4c430;background:#1a0f28;border:2px solid #f4c430;margin-right:8px;padding:4px 8px}#name-entry-root input:focus{border-color:#fff;outline:none}#name-entry-root button{font:inherit;color:#2b1b3d;cursor:pointer;background:#f4c430;border:2px solid #f4c430;padding:4px 12px}#name-entry-root button:hover{background:#fff;border-color:#fff}