body{margin:0;background:#222831;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body,#root,.App{height:100%}.title{color:#ececec;font-family:Inter,sans-serif;font-size:calc(3.5em + 2vmin);margin-bottom:20px;display:inline-block}.riot-text{color:#ececec;font-family:Inter,sans-serif;font-size:calc(.4em + .4vmin);margin-bottom:2em}.pool-dialog-paper{background-color:#222831;color:#ececec;font-family:Inter,sans-serif}.pool-dialog-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-family:Inter,sans-serif}.pool-dialog-count{font-size:.7em;color:#9fb4c8;white-space:nowrap}.pool-dialog-content{border-color:#385169!important}.pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.pool-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:1px solid #385169;border-radius:6px;background-color:#283b4e;color:#cfe0f0;cursor:pointer;font-family:Inter,sans-serif;font-size:.8em;transition:background-color .12s ease,border-color .12s ease,opacity .12s ease}.pool-chip:hover{background-color:#446280}.pool-chip.is-on{border-color:#407ebd;background-color:#34536e}.pool-chip:not(.is-on){opacity:.45}.pool-chip:not(.is-on) .pool-chip-img{filter:grayscale(1)}.pool-chip-img{width:48px;height:48px;object-fit:contain}.pool-chip-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pool-dialog-actions{flex-wrap:wrap;gap:4px}.pool-dialog-spacer{flex:1 1 auto}#responsive-canvas{width:100%;display:block;border-radius:12px;box-shadow:0 10px 32px #00000059}.wrapper{position:relative;display:flex;justify-content:center;align-items:center}.canvas-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0 24px;text-align:center;pointer-events:none;color:#6b829a;font-family:Inter,sans-serif;font-size:clamp(.95rem,2.4vw,1.4rem);font-weight:600;letter-spacing:.01em}.section-spacing{margin-top:-12px;margin-bottom:12px}.pool-hint{margin:-8px 0 12px;color:#9fb4c8;font-size:.9em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.App{text-align:center}.secondary-color{background-color:#283b4e}.primary-color{background-color:#222831}.border{border:1px solid #385169}.footer-links{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding:0}.footer-links-item{display:inline-block;vertical-align:middle;margin-left:20px}.footer-links-item:first-child{margin-left:0}.footer-links-item a{color:#8ea7c2;text-decoration:none;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:color .15s ease}.footer-links-item a:hover{color:#cfe0f0;text-decoration:underline}