:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#27140a 0,#050608 45%,#000);color:#f5f5f5;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{height:100vh;width:100vw;padding:2px;display:flex;flex-direction:column}.board{flex:1;display:flex;flex-direction:column;gap:2px;position:relative}.row{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.tile{background:#050505;border-radius:12px;border:2px solid #c19a4a;box-shadow:0 0 18px #000c;overflow:hidden;background-image:url(../icons/might.png);background-size:cover;background-position:center}.row:first-child .tile:not(.middle){transform:rotate(180deg)}.row:first-child .tile.middle:before{transform:rotate(180deg)}.tile.middle{position:relative;background:#050505}.tile.middle:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;opacity:.5;z-index:0}.tile-inner{width:100%;height:100%;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.settings-gear{position:absolute;border:none;background:transparent;color:#f7d58a;font-size:2.3rem;cursor:pointer;padding:0;z-index:2}.settings-gear-top-left{top:8px;left:10px}.settings-gear-bottom-right{bottom:8px;right:10px}.number{font-weight:800;color:#fffffff5;text-shadow:0 0 12px rgba(0,0,0,.9);font-size:clamp(7.2rem,32vh,18rem);line-height:1;text-align:center;pointer-events:none}.number-top{transform:rotate(180deg)}.row:last-child .tile .number{transform:translateY(-30%)}.row:first-child .tile .number{margin-top:-20%}.row:first-child .tile.middle .number{margin-top:20%}.controls{position:absolute;left:0;right:0;height:22%;display:flex;align-items:stretch;justify-content:space-between}.controls-top{top:0}.controls-bottom{bottom:0}.row:first-child .tile:not(.middle) .controls{transform:rotate(180deg)}.control-area{flex:1;border:none;background:transparent;color:#fff;font-size:2.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.control-area:active{background:#ffffff14}.control-area.left,.control-area.right,.control-area.center{padding:0}.btn{border:none;border-radius:999px;padding:6px 13px;font-size:.95rem;cursor:pointer;font-weight:600;background:#2d2d30;color:#f8f8f8;box-shadow:0 0 8px #000000b3;transition:transform .05s ease,box-shadow .05s ease,filter .05s ease}.btn.small{padding:4px 12px;font-size:.8rem}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(1px)}.settings-button{position:fixed;top:6px;left:50%;transform:translate(-50%);z-index:20;border:none;border-radius:999px;padding:4px 10px;font-size:1.1rem;cursor:pointer;color:#f7d58a;background:#000000b3;box-shadow:0 0 8px #000c}.settings-arrow{position:absolute;left:50%;transform:translate(-50%);border:none;background:transparent;color:#f7d58a;font-size:1.4rem;cursor:pointer;padding:2px;z-index:20}.settings-arrow-top{top:6px}.settings-arrow-bottom{bottom:6px}.settings-overlay{position:fixed;inset:0;z-index:30;background:#000000bf;display:flex;align-items:center;justify-content:center}.settings-panel{background:#111;border-radius:14px;border:1px solid #c19a4a;padding:16px 18px;max-width:320px;width:90%;box-shadow:0 0 20px #000000e6}.settings-panel h2{margin:0 0 10px;font-size:1.1rem;color:#f7d58a;text-align:center}.settings-group{margin-bottom:10px;display:flex;flex-direction:column;gap:4px}.settings-group label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#f0e6d2}.settings-group select{padding:4px 6px;border-radius:6px;border:1px solid #444;background:#111;color:#ffe7b3;font-size:.85rem}.settings-buttons{display:flex;justify-content:space-between;gap:6px;margin:10px 0}.close-btn{width:100%}@media(max-width:600px){.control-area{font-size:1.3rem}.number{font-size:clamp(3.5rem,16vh,8rem)}}.tile.middle.legend-kaisa:before{background-image:url(/assets/kaisa-CtHx0jsE.jpg)}.tile.middle.legend-volibear:before{background-image:url(/assets/volibear-CKWWcxcL.jpg)}.tile.middle.legend-jinx:before{background-image:url(/assets/jinx-BxFbO254.jpg)}.tile.middle.legend-darius:before{background-image:url(/assets/darius-BLGRQdcm.jpg)}.tile.middle.legend-ahri:before{background-image:url(/assets/ahri-DsPrYD9y.jpg)}.tile.middle.legend-lee-sin:before{background-image:url(/assets/leesin-B9P3lOsr.jpg)}.tile.middle.legend-yasuo:before{background-image:url(/assets/yasuo-U1jBXghs.jpg)}.tile.middle.legend-leona:before{background-image:url(/assets/leona-gEKG07DN.jpg)}.tile.middle.legend-teemo:before{background-image:url(/assets/teemo-Cznu8BJ5.jpg)}.tile.middle.legend-viktor:before{background-image:url(/assets/viktor-B4IhLmwe.jpg)}.tile.middle.legend-miss-fortune:before{background-image:url(/assets/missfortune-xxBIdf2M.jpg)}.tile.middle.legend-sett:before{background-image:url(/assets/sett-_M3gIHV0.jpg)}.tile.middle.legend-masteryi:before{background-image:url(/assets/masteryi-C0L3uSkE.jpg)}.tile.middle.legend-garen:before{background-image:url(/assets/garen-saIz9lQ1.jpg)}.tile.middle.legend-lux:before{background-image:url(/assets/lux-CAi3rdox.jpg)}