:root{--dark-blue: #06265F;--dusk-blue: #42588B;--glaucous: #517AB6;--lighter-blue: #8ABFFF;--plum: #FF92AC;--light-green: #8EFDB0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:700;color-scheme:dark;color:var(--lighter-blue);background-color:var(--dusk-blue);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{color:var(--dark-blue);background-color:var(--glaucous)}::-moz-selection{color:var(--dark-blue);background-color:var(--glaucous)}a{font-weight:700;color:var(--lighter-blue);text-decoration:inherit}a:hover{color:var(--dark-blue);background-color:var(--glaucous)}a:active{color:var(--dark-blue)}html{overflow-x:hidden;overflow-y:hidden;touch-action:manipulation;overscroll-behavior:none}@media(hover:none)and (pointer:coarse){a,button,.nav-link,.tool-btn,.action-btn,.play-gear,.play-dice-tap,.puzzle-canvas{-webkit-tap-highlight-color:transparent}}body{margin:0;display:flex;place-items:center;min-width:280px;min-height:100vh;overflow-x:hidden;overflow-y:hidden}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;width:100%;margin:0 auto;padding:1rem;text-align:center;min-height:100vh;box-sizing:border-box}@media(max-width:767px){body,#app{display:flex;flex-direction:column;justify-content:center;min-height:100vh}}@media(min-width:480px){#app{padding:2rem}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover,.logo.vanilla:hover{filter:drop-shadow(0 0 2em var(--glaucous))}.card{padding:2em}.read-the-docs{color:var(--lighter-blue)}button{border-radius:0;border:1px solid var(--dark-blue);padding:.6em 1.2em;font-size:1em;font-weight:700;font-family:inherit;background-color:var(--dusk-blue);color:var(--lighter-blue);cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}button:hover,button:active,button:focus,button:focus-visible{border-color:var(--dark-blue);background-color:var(--glaucous);color:var(--dark-blue)}button:focus,button:focus-visible{outline:2px solid var(--dark-blue);outline-offset:2px}.view-home{padding:1rem;width:100%;box-sizing:border-box}@media(min-width:480px){.view-home{padding:2rem}}.view-home h1{margin-top:0}.app-logo-wrap,.app-logo{display:block;max-width:100%;height:auto}.app-logo{margin:0 auto}.view-home .app-logo{max-height:4em}.home-blurb{color:var(--lighter-blue);margin-bottom:1.5rem}.home-links{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.nav-link{display:inline-block;padding:.6em 1.2em;border-radius:0;border:1px solid var(--dark-blue);color:var(--lighter-blue);background-color:var(--dusk-blue);transition:background-color .2s,color .2s}.nav-link:hover,.nav-link:active,.nav-link:focus{border-color:var(--dark-blue);color:var(--dark-blue);background-color:var(--glaucous)}.view-editor{padding:.5rem;max-width:600px;width:100%;margin:0 auto;box-sizing:border-box;background-color:var(--dusk-blue)}@media(min-width:480px){.view-editor{padding:1rem}}.editor-header-spacer{width:2rem;flex-shrink:0}.editor-settings-wrap{position:relative;flex-shrink:0}.editor-settings-menu{position:absolute;right:0;top:100%;margin-top:.25rem}.editor-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;background-color:var(--dusk-blue);border-radius:0;border:1px solid var(--dark-blue)}.editor-title{margin:0;display:flex;align-items:center}.editor-title .app-logo{max-height:2rem;max-width:10rem;object-fit:contain}.back-link{flex-shrink:0}.tool-palette{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.editor-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.action-btn{padding:.4em .8em;font-size:.875rem;border-radius:0;border:1px solid var(--dark-blue);background-color:var(--dusk-blue);color:var(--lighter-blue);cursor:pointer;font-family:inherit;font-weight:700;transition:background-color .2s,color .2s}.action-btn:hover,.action-btn:active,.action-btn:focus{border-color:var(--dark-blue);background-color:var(--glaucous);color:var(--dark-blue)}.action-btn-import{cursor:pointer;display:inline-block}.action-btn-import input{display:none}.tool-btn{padding:.4em .8em;font-size:.875rem;border-radius:0;border:1px solid var(--dark-blue);background-color:var(--dusk-blue);color:var(--lighter-blue);cursor:pointer;font-weight:700;transition:background-color .2s,color .2s}.tool-btn:hover,.tool-btn:active,.tool-btn:focus,.tool-btn.active{border-color:var(--dark-blue);background-color:var(--glaucous);color:var(--dark-blue);box-shadow:0 0 12px var(--glaucous)}.canvas-wrap{display:flex;justify-content:center;padding:.5rem;max-width:100%;box-sizing:border-box;background:var(--dusk-blue);border-radius:0}.puzzle-canvas{display:block;max-width:100%;width:100%;height:auto;border-radius:0;cursor:crosshair;vertical-align:top;border:2px solid var(--dark-blue)}@media(min-width:480px){.canvas-wrap{padding:1rem}}.view-play{padding:max(0px,calc(env(safe-area-inset-top,0px) - 12px)) .5rem 12px .5rem;max-width:420px;width:100%;margin:0 auto;box-sizing:border-box;background-color:var(--dusk-blue);min-height:calc(100vh - 2rem);display:flex;flex-direction:column}@media(min-width:480px){.view-play{padding:max(0px,calc(env(safe-area-inset-top,0px) - 12px)) 1rem 12px 1rem;min-height:calc(100vh - 4rem)}}.play-header-spacer{width:2rem;flex-shrink:0}.play-settings-wrap{position:relative;flex-shrink:0;width:2rem}.play-settings-menu{position:absolute;right:0;top:100%;margin-top:.25rem;min-width:8rem;padding:.25rem 0;background-color:var(--dusk-blue);border:1px solid var(--dark-blue);border-radius:0;z-index:10;box-shadow:0 4px 8px #0003}.play-settings-menu-item{display:block;padding:.5rem 1rem;text-align:left;border-radius:0;border:none;margin:0;width:100%;box-sizing:border-box}.play-settings-menu-item:hover,.play-settings-menu-item:focus{background-color:var(--glaucous);color:var(--dark-blue)}.play-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;background-color:var(--dusk-blue);border-radius:0}.play-title{margin:0;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;overflow:hidden}.play-puzzle-counter{position:absolute;left:50%;bottom:.05rem;transform:translate(-50%);font-size:.8rem;line-height:1;color:#fff;text-align:center;z-index:5;pointer-events:none;background:#06265fbf;border:1px solid rgba(138,191,255,.45);padding:6px;border-radius:6px;white-space:nowrap}.play-title .app-logo{max-height:3.25rem;max-width:18rem;object-fit:contain}@media(max-width:599px){.play-title .app-logo{max-width:100%;max-height:2.5rem}}@media(min-width:600px){.play-header{position:relative}.play-title{position:absolute;left:50%;transform:translate(-50%);flex:none;min-width:auto;pointer-events:none;overflow:visible;padding-right:0}}.play-gear{width:2rem;height:2rem;padding:0;border:none;background:transparent;color:var(--lighter-blue);cursor:pointer;border-radius:0;transition:background-color .2s,color .2s;display:flex;align-items:center;justify-content:center}.play-gear-icon{width:1.25rem;height:1.25rem;object-fit:contain;pointer-events:none}.play-gear:hover,.play-gear:active,.play-gear:focus{color:var(--dark-blue);background-color:var(--glaucous)}.play-stage-wrap{background-color:var(--dusk-blue);border-radius:0;margin-bottom:0;position:relative;max-width:100%;box-sizing:border-box;flex:1;display:flex;flex-direction:column}@media(min-width:480px){.play-stage-wrap{padding:1rem}}.play-stage-inner{display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:stretch;gap:.75rem;max-width:100%;flex:1}.play-bottom-bar{display:flex;flex-direction:row;align-items:center;gap:.75rem;flex-wrap:nowrap}.play-dice-column{display:flex;flex-direction:row;align-items:center;gap:.65rem}.play-extra-dice{position:absolute;left:0;right:0;bottom:.2rem;z-index:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem;min-height:0;pointer-events:none}.play-dice-wrap{position:relative;width:4rem;height:4rem;min-width:4rem;min-height:4rem}.play-hearts{display:flex;order:-1;flex-direction:column;align-items:center;justify-content:center;gap:.2rem}.play-heart{width:1.2rem;height:auto;display:block}.play-energy{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.2rem;flex-wrap:wrap}.play-energy-top{margin-bottom:.5rem}.play-energy-icon{width:1.15rem;height:auto;display:block}.play-dice-tap{position:absolute;inset:0;z-index:1;display:none;align-items:center;justify-content:center;width:100%;height:100%;padding:0;font-family:inherit;font-size:1.1rem;font-weight:700;color:var(--lighter-blue);background-color:var(--dark-blue);border:2px solid var(--lighter-blue);border-radius:8px;cursor:pointer;transition:opacity .15s ease}.play-dice-tap.play-dice-tap-visible{display:flex}.play-dice-tap:hover{opacity:.9}.play-dice-tap:focus{outline:2px solid var(--lighter-blue);outline-offset:2px}.play-dice{position:relative;width:4rem;height:4rem;min-width:4rem;min-height:4rem;background-color:var(--dark-blue);border:2px solid var(--dark-blue);border-radius:8px;box-sizing:border-box}.play-dice.play-dice-bonus,.play-dice.play-dice-compact{width:2.25rem;height:2.25rem;min-width:2.25rem;min-height:2.25rem;border-width:1px}.play-dice.play-dice-bonus .play-dice-pip,.play-dice.play-dice-compact .play-dice-pip{font-size:.72rem}.play-dice-pip{position:absolute;display:flex;align-items:center;justify-content:center;width:30%;height:30%;left:0;top:0;transform:translate(-50%,-50%);color:var(--lighter-blue);font-size:1.1rem;line-height:1;opacity:0;font-weight:700;pointer-events:none}.play-dice-pip.pip-1{left:20%;top:20%}.play-dice-pip.pip-2{left:50%;top:20%}.play-dice-pip.pip-3{left:80%;top:20%}.play-dice-pip.pip-4{left:20%;top:50%}.play-dice-pip.pip-5{left:50%;top:50%}.play-dice-pip.pip-6{left:80%;top:50%}.play-dice-pip.pip-7{left:20%;top:80%}.play-dice-pip.pip-8{left:50%;top:80%}.play-dice-pip.pip-9{left:80%;top:80%}.play-dice-pip.show{opacity:1}.play-opponent-overlay{position:absolute;top:1rem;left:1rem;right:1rem;z-index:2;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--dusk-blue);border-radius:0;border:1px solid var(--dark-blue);color:var(--lighter-blue);font-size:.9rem;box-shadow:0 2px 8px var(--dark-blue)}.play-opponent-overlay[hidden]{display:none}.play-opponent-spinner{width:1rem;height:1rem;border:2px solid var(--dusk-blue);border-top-color:var(--glaucous);border-radius:0;animation:play-spin .7s linear infinite}@keyframes play-spin{to{transform:rotate(360deg)}}.play-opponent-label{font-weight:700}.play-canvas-wrap{position:relative;margin-bottom:0;padding:0;max-width:100%;box-sizing:border-box;background-color:var(--dusk-blue);border-radius:0;min-height:0;display:flex;align-items:center;justify-content:center}.play-canvas-wrap .puzzle-canvas{border-radius:0;border:2px solid var(--dark-blue);width:auto;height:auto;max-width:100%;max-height:100%}.play-damage-indicator{position:absolute;transform:translate(-50%,-50%);padding:.2em .5em;font-size:.75rem;font-weight:700;color:var(--dark-blue);background-color:var(--plum);border:1px solid var(--plum);border-radius:0;pointer-events:none;z-index:3;transition:opacity .3s ease-out}.play-damage-indicator-fade{opacity:0}.play-status-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.25rem 0;flex:1;min-width:0;color:var(--lighter-blue);font-size:.95rem}.play-status-item{display:inline-flex;align-items:center;gap:.35rem}.play-status-icon{font-size:1rem;opacity:.9}.play-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto;gap:.35rem;margin-top:0;flex:1;min-width:0;max-width:100%}.play-action-slot{border:2px solid var(--dark-blue);border-radius:12px;background:transparent;aspect-ratio:3 / 4;min-height:0;box-sizing:border-box;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden}.play-action-slot.play-action-slot-filled{border-style:solid}.play-action-slot.play-action-slot-available{cursor:pointer}.play-action-slot.play-action-slot-active{border-color:var(--light-green);box-shadow:0 0 10px #8efdb066}.play-action-slot.play-action-slot-available .play-action-card:hover{background-color:var(--glaucous)}.play-action-card{width:100%;height:100%;border:0;background-color:var(--dusk-blue);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.18rem;padding:.25rem .25rem .2rem;box-sizing:border-box}.play-action-card-icon{width:1.8rem;height:1.8rem;object-fit:contain;flex:0 0 1.8rem}.play-card-dice-icon.play-dice{min-width:0;min-height:0;border:1px solid var(--dark-blue);border-radius:6px}.play-card-dice-icon.play-dice .play-dice-pip{font-size:.42rem}.play-card-dice-icon-extraroll.play-dice .play-dice-pip{font-size:.36rem}.play-card-dice-icon-slot.play-dice{width:1.8rem;height:1.8rem;flex:0 0 1.8rem}.play-card-dice-icon-choice.play-dice{width:2.25rem;height:2.25rem}.play-action-card-name{font-size:.72rem;line-height:1.1;color:var(--lighter-blue);width:100%;min-height:.8rem;text-align:center;display:flex;align-items:center;justify-content:center}.play-action-card-cost{display:flex;width:100%;min-height:.8rem;align-items:center;justify-content:center;font-size:.72rem;line-height:1.1}.play-action-card-cost-icon{width:.8rem;height:auto;display:block}.play-card-modal-backdrop{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1rem;background:#06265fd9}.play-card-modal-backdrop[hidden]{display:none}.play-card-modal{width:min(420px,100%);border:2px solid var(--dark-blue);background:var(--dusk-blue);padding:1rem;box-sizing:border-box}.play-card-modal-title{margin:0 0 .25rem;font-size:1.15rem;color:var(--lighter-blue)}.play-card-modal-subtitle{margin:0 0 .75rem;font-size:.85rem;color:var(--lighter-blue)}.play-card-choice-list{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.play-card-choice-btn{border:1px solid var(--dark-blue);background:var(--dusk-blue);min-height:8rem;padding:.6rem .4rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:.35rem}.play-card-choice-icon{width:72%;max-height:3rem;object-fit:contain}.play-card-choice-name{font-size:.82rem;line-height:1}.play-card-choice-cost{display:inline-flex;align-items:center;gap:.25rem;font-size:.82rem}.play-card-choice-cost-icon{width:.95rem;height:auto;display:block}.play-game-over-backdrop{position:fixed;inset:0;z-index:30;display:block;padding:1rem;background:#06265fbf;cursor:pointer}.play-game-over-backdrop[hidden]{display:none}.play-game-over-message{position:absolute;left:50%;top:45%;transform:translate(-50%,-100%);width:min(260px,90%)}.play-game-over-image{display:block;width:min(220px,85%);height:auto;margin:0 auto .5rem}.play-game-over-subtitle{margin:0;font-size:.9rem;color:#9fd8ff;text-align:center}.play-game-over-level{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);margin:0;font-size:1.2rem;color:#5ee87c;text-align:center;width:calc(100% - 2rem)}