.titan-page{padding-bottom:3rem}.titan-shell{background:#170e2a;color:#f9f4ff;border:2px solid #b492ff;border-radius:1.4rem;padding:clamp(1rem,3vw,2rem);box-shadow:0 16px 50px #1b103d30}.titan-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.titan-top h2{margin:0;font-size:1.5rem}.titan-top label{display:grid;gap:.3rem;font-weight:700}.titan-top select{background:#fff;color:#21142e;border:2px solid #bd9fff;border-radius:.6rem;padding:.5rem;font:inherit}.titan-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin:1rem 0}.titan-stats div{background:#34204c;border-radius:.65rem;padding:.5rem;display:grid;gap:.1rem}.titan-stats small{font-size:.78rem;color:#eadcff}.titan-stats strong{font-size:1.15rem}.titan-canvas{background:#24133c;border:3px solid #b492ff;border-radius:.6rem;display:block;width:100%;height:auto;image-rendering:pixelated}.titan-controls,.titan-actions{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;margin-top:.8rem}.titan-controls button,.titan-actions button{font:inherit;font-weight:800;border:2px solid #ad8af6;background:#f7f0ff;color:#28123c;border-radius:.7rem;min-width:3.4rem;min-height:3.2rem;padding:.45rem .8rem;cursor:pointer;touch-action:manipulation}.titan-controls button:active{transform:translateY(2px)}.titan-controls .throw{background:#ffca55;border-color:#ffdf86}.titan-controls button:focus-visible,.titan-actions button:focus-visible,.titan-top select:focus-visible{outline:3px solid #7cf7ef;outline-offset:3px}.titan-status{min-height:2.5rem;font-weight:700;color:#ffe4a0}.titan-note{line-height:1.55;color:#efe3ff}.titan-guide{margin-top:1.5rem}.titan-guide p{max-width:75ch}@media(max-width:700px){.titan-shell{padding:.75rem}.titan-stats{grid-template-columns:repeat(3,1fr)}.titan-stats strong{font-size:1rem}.titan-controls button{flex:1 1 27%}}

.titan-actions button:disabled{opacity:.55;cursor:default}.titan-stats small{font-size:.875rem}.titan-top select{min-height:44px}