html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body{margin:0;height:100vh;overflow:hidden}div,section{margin:0;padding:0;display:block;position:relative;box-sizing:border-box}#AppViewport{z-index:0;width:100vw;height:100vh;overflow:hidden;margin-left:auto;margin-right:auto}#AppPagesContainer{height:100%}.AppPage{height:100%;float:left;overflow:hidden}:root{--SPACING:2vmin;--DUNGEON-WIDTH:75%;--DUNGEON-HEIGHT:75%;--CARD_TRANSLATE_TIME:500ms;--CARD_FLIP_TIME:calc( var(--CARD_TRANSLATE_TIME) * 0.75 );--COLOR_SUIT_RED:crimson;--COLOR_SUIT_BLACK:black;--COLOR_CARD_BG_BACK:LightSlateGray;--COLOR_CARD_BG_FACE:white;--COLOR_CARD_BG_ROYAL:khaki;--COLOR_CARD_SELECTED:darkgreen;--COLOR_FIGHTERS_BG:gainsboro;--COLOR_CARDPILE_BG:gainsboro;--COLOR_CARDPILE_BORDER:var(--COLOR_CARDPILE_BG);--MENU_ICON_SIZE:calc( 3 * var(--SPACING) );--MENU_WIDTH:calc( 2 * var(--SPACING) + var(--MENU_ICON_SIZE) )}*{user-select:none;position:relative;box-sizing:border-box;pointer-events:none}@font-face{font-family:termos;font-weight:400;font-style:normal;src:url("fonts/termos.woff2") format( "woff2" )}body{margin:0;width:100vw;height:100vh;overflow:hidden;font-family:Verdana,sans-serif;font-size:calc( 10px + .2vmin );background-color:#f8f8ff;color:#000;display:flex;flex-direction:column;align-items:center;-webkit-tap-highlight-color:transparent}body::backdrop,body:fullscreen{background-color:#f8f8ff!important}button,input{pointer-events:auto;cursor:pointer}.Clickable{pointer-events:auto;cursor:pointer}#AppViewport.AppInit{visibility:hidden}#MenuIcon{position:fixed;top:calc(1 * var(--SPACING));right:calc(1 * var(--SPACING));width:var(--MENU_ICON_SIZE);height:var(--MENU_ICON_SIZE);z-index:101}#MenuPannel{position:fixed;z-index:100;top:0;right:calc(-1 * var(--MENU_WIDTH));bottom:0;width:var(--MENU_WIDTH);padding-top:calc(2 * var(--SPACING) + var(--MENU_ICON_SIZE));display:flex;flex-direction:column;align-items:center;justify-content:space-around;transition:right .5s ease}#MenuPannel img{width:var(--MENU_ICON_SIZE);height:var(--MENU_ICON_SIZE)}#MenuIcon.Hidden{visibility:hidden}#Menu_Play.Hidden{opacity:.2}.AppPage{padding:var(--SPACING)}.AppPage.FlexRow{display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding-right:var(--MENU_WIDTH)}.AppPage Header{font-family:termos;font-size:4vmin;margin-bottom:calc(3 * var(--SPACING));background-color:var(--COLOR_CARD_BG_FACE);width:calc(100% - var(--MENU_WIDTH));padding-left:var(--SPACING);color:var(--COLOR_CARD_BG_BACK);letter-spacing:1px;border-left:var(--SPACING) solid var(--COLOR_CARD_BG_BACK)}.PageBody,.PageColumn{font-size:2.75vmin;line-height:150%}.PageBody{width:calc(100% - var(--MENU_WIDTH))}.bold{font-weight:700}.note{font-size:x-small}a{text-decoration:none;pointer-events:auto;cursor:pointer;color:#000;border-bottom:1px solid #dcdcdc}p{margin-top:0;min-height:.25em}ul{margin-bottom:calc(2 * var(--SPACING));list-style-type:none;padding-left:0}li{line-height:166%;margin-bottom:var(--SPACING);display:block}.PageColumn{width:calc((100% - var(--MENU_WIDTH) - 4 * var(--SPACING))/ 2);height:calc(100% - 6 * var(--SPACING));text-align:center;background-color:#dcdcdc;border-radius:calc(.5 * var(--SPACING));padding:var(--SPACING);display:flex;flex-direction:column;justify-content:center;box-shadow:0 10px 20px rgba(0,0,0,.5);border-top:solid 2px #fff;border-bottom:solid 2px var(--COLOR_CARD_BG_BACK)}h3{color:var(--COLOR_SUIT_RED);font-family:termos;font-weight:400;font-size:1.33em}h3:before{content:"\2666\0020"}h3:after{content:"\0020\2666"}#Home{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--COLOR_CARD_BG_BACK);color:#f8f8ff}#Home div{height:80vh;width:50vh;border:solid 1.33vh #fff;border-radius:3vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#dcdcdc;box-shadow:0 10px 20px rgba(0,0,0,.75);color:#000}#Home h1{color:var(--COLOR_SUIT_RED);text-shadow:0 5px 5px rgba(0,0,0,.75);font-size:9vh;text-align:center;line-height:133%;font-family:termos}#Home h2{margin-top:4vh;margin-bottom:8vh;font-size:3vh}#Home p{margin:var(--SPACING);font-weight:700}#Options{padding-top:calc(2 * var(--SPACING))}.OptionsParagraph{margin:var(--SPACING);padding-bottom:calc(.75 * var(--SPACING));border-bottom:1px solid var(--COLOR_CARDPILE_BG);margin-top:calc(.66 * var(--SPACING));float:left;width:calc((100% - var(--MENU_WIDTH) - 3 * var(--SPACING))/ 2)}.OptionsParagraph span:after{content:":"}.OptionsParagraph span{font-weight:700;text-transform:uppercase;display:inline-block;width:16em;text-align:right;border-width:calc(.5 * var(--SPACING));border-style:solid;border-color:var(--COLOR_CARDPILE_BG);border-top:none;border-right:none;border-bottom:none}.OptionsParagraph span.Restart_1{border-color:var(--COLOR_CARD_BG_BACK)}.OptionsParagraph span.Restart_2{border-color:var(--COLOR_SUIT_RED)}.OptionsParagraph label{margin-left:calc(.33 * var(--SPACING));pointer-events:auto;cursor:pointer}.OptionsParagraph input{margin-left:var(--SPACING)}.OptionsParagraph input:checked+label{font-weight:700}#Options div{width:100%;display:inline-block}#Options button{text-transform:uppercase;margin-top:calc(-1 * var(--SPACING));margin-bottom:calc(1.5 * var(--SPACING));padding:var(--SPACING);width:25%;margin-left:calc((100% - 25% - var(--MENU_WIDTH))/ 2);font-weight:700;letter-spacing:1px}#Options button.Hidden{visibility:hidden}#options_note{position:absolute;bottom:var(--SPACING);left:var(--SPACING)}#Rotate{display:flex;flex-direction:column;align-items:center;justify-content:center}#Rotate img{width:50vmin;height:50vmin}#GameViewport{position:absolute;top:var(--SPACING);left:var(--SPACING);right:var(--SPACING);right:var(--MENU_WIDTH);margin:0 auto;z-index:0}.FlexBox{position:absolute}.FlexBoxEntity{position:absolute}#Dungeon{overflow:hidden}.DungeonColumn{visibility:visible}.DungeonColumn.Hidden{display:none}.DungeonColumnArea{visibility:visible;border-radius:var(--SPACING);transition:transform var(--CARD_TRANSLATE_TIME) ease}.DungeonColumnArea.Hidden{transform:scale(0,0)}.RoyalsArea{transition:background-color var(--CARD_TRANSLATE_TIME) ease}.RoyalsArea.Attackable{background-color:var(--COLOR_FIGHTERS_BG)}.FightersArea{background-color:var(--COLOR_FIGHTERS_BG)}.Card{position:absolute;padding:calc(var(--SPACING) * .5);perspective:1000px}.Card.CardSmooth{transition:top var(--CARD_TRANSLATE_TIME) ease,left var(--CARD_TRANSLATE_TIME) ease}.Card.CardHidden{visibility:hidden}.CardBody{width:100%;height:100%;box-shadow:0 0 10px rgba(0,0,0,.5);border-radius:calc(var(--SPACING) * .5);transition:transform var(--CARD_FLIP_TIME) ease;transform-style:preserve-3d}.CardBody.CardSelected{border-color:var(--COLOR_CARD_BG_BACK);box-shadow:0 0 10px 5px var(--COLOR_CARD_BG_BACK)}.CardBody.CardSelected{transform:scale(1.1)}.CardBody.FaceDown{transform:rotateY(180deg)}.CardBack,.CardFace{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:calc(var(--SPACING) * .5);backface-visibility:hidden}.CardFace{background-color:var(--COLOR_CARD_BG_FACE);display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.CardBack{background-color:var(--COLOR_CARD_BG_BACK);color:#000;transform:rotateY(180deg)}.CardFace.CardRoyal{background-color:var(--COLOR_CARD_BG_ROYAL)!important}.CardValue{font-weight:700;margin:0}.CardValue.CardValueRed{color:var(--COLOR_SUIT_RED)!important}.CardValue.CardValueBlack{color:var(--COLOR_SUIT_BLACK)!important}.CardValue>span{font-weight:400}.CardSuit{margin:0}.CardSuit.CardSuitRed{color:var(--COLOR_SUIT_RED)!important}.CardSuit.CardSuitBlack{color:var(--COLOR_SUIT_BLACK)!important}.CardPileBase{background-color:var(--COLOR_CARDPILE_BG);border-radius:calc(var(--SPACING)*.5);z-index:0;border:1px solid var(--COLOR_CARDPILE_BORDER)}.CardPileBase>p{--SZ:3em;position:absolute;top:calc(-1 * var(--SZ)/ 2);top:calc(50% - var(--SZ)/ 2);right:calc(-1 * var(--SZ) * .75);font-weight:700;min-height:var(--SZ);min-width:var(--SZ);margin:0;padding:0;padding-left:.33em;background-color:var(--COLOR_CARDPILE_BG);color:#000;display:flex;flex-direction:row;justify-content:center;align-items:center;z-index:1000;border-top-right-radius:calc(var(--SPACING) * .5);border-bottom-right-radius:calc(var(--SPACING) * .5);border-right:1px solid var(--COLOR_CARDPILE_BORDER)}.CardPileBase>p.Hidden{display:none}#DiscardGraveyard_Base{border-top:1px solid silver;border-bottom:1px solid silver}#InGameStats{position:absolute;top:0;right:0;text-align:center;overflow-wrap:none}#InGameStats p{font-size:1em}#Messenger{position:absolute;top:-50vh;width:100%;z-index:100;transition:top .5s ease;background-color:var(--COLOR_FIGHTERS_BG);border-bottom-left-radius:var(--SPACING);border-bottom-right-radius:var(--SPACING);display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid silver}#Messenger p{font-weight:700;margin:0}