:root{--v1-font:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--v1-bg:#0f1117;--v1-bg-secondary:#161a23;--v1-bg-tertiary:#1e2430;--v1-surface:#171b25;--v1-surface-hover:#1c2230;--v1-border:#2a3140;--v1-border-hover:#333c4d;--v1-text:#e7eaf0;--v1-text-secondary:#9aa4b5;--v1-text-tertiary:#6b7688;--v1-text-inverse:#ffffff;--v1-primary:#3b82f6;--v1-primary-soft:rgba(59,130,246,0.15);--v1-danger:#ef4444;--v1-radius-sm:6px;--v1-radius-md:7px;--v1-radius-lg:10px;--v1-shadow-md:0 2px 8px rgba(0,0,0,0.35);--v1-transition-fast:150ms ease;}body{background:#eceee5;font-family:var(--v1-font);background-image:url(../shared/img/page-back.png);background-position:top center;background-repeat:no-repeat;background-attachment:fixed;background-size:auto;padding-top:0;margin:0;min-height:100vh;overflow-y:auto;}.main-content-wrapper{margin-top:50px;padding:5px 10px;max-width:1920px;margin-left:auto;margin-right:auto;position:relative;z-index:1;}h1{margin:20px 0 10px 0;font-weight:900;}.collapsible-header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:transparent;box-shadow:none;}.header-bar{display:flex;align-items:stretch;width:100%;position:relative;background-color:var(--v1-bg-secondary);border-bottom:1px solid var(--v1-border);box-shadow:var(--v1-shadow-md);}.header-toggle{width:100%;background:transparent;color:var(--v1-text);border:none;padding:12px 20px;font-size:13px;font-weight:600;letter-spacing:0.02em;cursor:pointer;text-align:left;transition:background-color var(--v1-transition-fast);font-family:var(--v1-font);min-height:48px;display:flex;align-items:center;}.header-toggle:hover{background-color:var(--v1-surface-hover);}.help-button{background-color:transparent;color:var(--v1-text-secondary);border:1px solid var(--v1-border);padding:0 12px;font-size:12px;font-weight:600;cursor:pointer;transition:background-color var(--v1-transition-fast),border-color var(--v1-transition-fast),color var(--v1-transition-fast);font-family:var(--v1-font);border-radius:var(--v1-radius-sm);min-height:32px;margin:8px 0 8px 10px;align-items:center;white-space:nowrap;}.help-button:hover{background-color:var(--v1-primary-soft);border-color:var(--v1-primary);color:var(--v1-text);}#toggleIcon{display:inline-block;transition:transform 0.3s ease;font-size:12px;margin-right:8px;}#toggleIcon.collapsed{transform:rotate(-90deg);}.header-content{max-height:60vh;overflow-y:auto;overflow-x:hidden;transition:max-height 0.4s ease-in-out,padding 0.4s ease-in-out;padding:12px;background-color:var(--v1-bg-secondary);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-around;position:relative;z-index:999;box-shadow:var(--v1-shadow-md);border-bottom:1px solid var(--v1-border);}.header-content strong + br{display:none;}.header-content.collapsed{max-height:0;padding:0 10px;overflow:hidden;box-shadow:none;}.header-section{flex:1;min-width:200px;max-width:400px;background-color:var(--v1-surface);border:1px solid var(--v1-border);border-radius:var(--v1-radius-lg);padding:12px;}.header-section-deck{flex:1.2 1 0;min-width:320px;max-width:none;}.header-column{display:flex;flex-direction:column;gap:12px;flex:1 1 0;min-width:280px;}.header-column .header-section{flex:1 1 auto;min-width:0;max-width:none;display:flex;align-items:center;justify-content:center;}.deck-selector{margin-top:10px;padding:8px 10px;background-color:var(--v1-bg-tertiary);border:1px solid var(--v1-border);border-radius:var(--v1-radius-md);}.deck-selector strong{display:block;margin-bottom:4px;font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--v1-text-secondary);}.deck-selector input[type="radio"]{margin:5px 5px 5px 0;cursor:pointer;accent-color:var(--v1-primary);}.deck-selector label{margin-right:10px;cursor:pointer;}.header-section-center{flex:1.5;min-width:250px;background-color:var(--v1-bg-tertiary);border:1px solid var(--v1-border);border-radius:var(--v1-radius-lg);padding:12px;text-align:center;}#dm_scenario{clear:both;}#dm_scenario strong{display:block;margin-bottom:8px;font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--v1-text-secondary);}#dm_scenario button{margin:0 4px 4px 0;padding:5px 10px;background-color:var(--v1-bg-tertiary);color:var(--v1-text);border:1px solid var(--v1-border);border-radius:var(--v1-radius-sm);cursor:pointer;transition:background-color var(--v1-transition-fast),border-color var(--v1-transition-fast);font-family:var(--v1-font);font-size:12px;font-weight:500;}#dm_scenario button:hover{background-color:var(--v1-surface-hover);border-color:var(--v1-border-hover);}@media (max-width:768px){.header-content{flex-direction:column;flex-wrap:nowrap;}.header-section{max-width:100%;}.header-column,.header-section-deck{flex:0 0 auto;max-width:100%;}}#solution{z-index:auto;position:relative;bottom:auto;right:auto;background-color:transparent;border-radius:0;box-shadow:none;padding:0;}#solution strong{display:block;margin-bottom:8px;font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--v1-text-secondary);}#solution button{margin:0 4px 4px 0;padding:5px 10px;background-color:var(--v1-bg-tertiary);color:var(--v1-text);border:1px solid var(--v1-border);border-radius:var(--v1-radius-sm);cursor:pointer;transition:background-color var(--v1-transition-fast),border-color var(--v1-transition-fast);font-family:var(--v1-font);font-size:12px;font-weight:500;}#solution button:hover{background-color:var(--v1-surface-hover);border-color:var(--v1-border-hover);}#viewrec{font-size:13px;font-weight:600;letter-spacing:0.02em;color:var(--v1-text);z-index:auto;position:relative;top:auto;left:auto;background-color:transparent;border-radius:0;box-shadow:none;padding:0;width:auto;}#version,#date{font-size:11.5px;font-weight:400;color:var(--v1-text-tertiary);}#version strong,#date strong{font-weight:600;color:var(--v1-text-secondary);}#dm_solution img{max-width:250px;}#dm_scenario{clear:both;}#dm_solution{box-sizing:border-box;flex:0 0 auto;width:100%;padding:10px 12px;background-color:var(--v1-surface);border:1px solid var(--v1-border);border-radius:var(--v1-radius-lg);text-align:center;}.solution{float:none;display:inline-block;vertical-align:top;width:min(calc(25% - 12px),190px);max-width:none;margin:4px 4px 0;font-size:12px;}#dm_solution img{width:100%;max-width:100%;height:auto;display:block;border-radius:var(--v1-radius-sm);box-shadow:var(--v1-shadow-md);}.title{color:#20263f;font-size:32px;display:block;text-align:center;margin:10px 0;}.cards{display:flex;flex-direction:column;position:relative;perspective:1000px;justify-content:center;align-content:center;align-items:center;z-index:99;margin-top:10px;padding-top:10px;}.cards{background-image:url(../shared/img/bb-bw-back-img.png);background-repeat:no-repeat;background-position:center;}.cards__single{display:flex;flex-direction:column;margin-top:15px;width:80%;border-radius:16px;box-shadow:0 5px 18px rgba(0,0,0,0.6);cursor:pointer;text-align:center;-webkit-transition:transform 0.6s;transform-style:preserve-3d;transition:0.5s;-webkit-transition:0.5s;position:relative;transition:transform 0.6s;-webkit-transition:transform 0.6s;z-index:100;;}.cards__single.flip{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);}.cards__front img{margin:0;height:200px;}h2{margin:0;text-align:center;}li{line-height:21px;}.cards__front,.cards__back{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;}.cards__front{height:100%;transform:rotateX(0deg);-webkit-transform:rotateX(0deg);}.cards__back{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);position:absolute;text-align:center;right:0;left:0;color:#20263f;background-color:#FFF;border-radius:16px;}@media (min-width:768px){.cards{display:flex;flex-direction:row;justify-content:space-around;align-content:center;position:relative;perspective:1000px;align-items:stretch;}.cards__single{width:20%;max-width:380px;}}#mydiv,#injectdiv,#dicebox{position:absolute;z-index:101;background-color:#f1f1f1;border:1px solid #d3d3d3;text-align:center;border-radius:16px;box-shadow:0 5px 18px rgba(0,0,0,0.6);}#injectdiv{left:400px;top:800px;display:none;min-width:285px;}#injectdiv img{position:relative;z-index:102;max-width:100%;}#gmnotes{left:620px;top:800px;position:absolute;z-index:101;background-color:#ffe6a8;border:1px solid #d3d3d3;text-align:center;box-shadow:0 5px 18px rgba(0,0,0,0.6);display:none;}#dicebox{right:20px;display:none;width:150px;}#injectdiv h1{margin:0px;}#mydiv h1{margin:0px;}#gmnotes h1{margin:0px;}#dicebox h1{margin:0px;}#mydivheader{padding:10px;cursor:move;z-index:10;background-color:#2196F3;color:#fff;}#diceboxheader{padding:10px;cursor:move;z-index:10;background-color:#2196F3;color:#fff;}#injectdivheader{padding:10px;cursor:move;z-index:10;background-color:#EEEEEE;color:#fff;}#gmnotesheader{padding:10px;cursor:move;z-index:10;background-color:#634e18;color:#fff;}#gmnotes textarea{font-size:30px;background-color:#ffe6a8;}.establishedprocs{background-image:url(../shared/img/bb-proc-back-img.png);background-repeat:no-repeat;background-position:center;padding:10px;height:160px;position:relative;z-index:100;}.big_num{font-size:50px;}.success{background-color:#00FF00;padding:5px 0 5px 0;margin-bottom:5px;}.fail{background-color:#FF0000;padding:5px 0 5px 0;margin-bottom:5px;}.inject{padding:5px 0 5px 0;margin-bottom:5px;}.inject img{height:300px;}.proc{float:left;height:150px;overflow:hidden;border-radius:16px;box-shadow:0 5px 18px rgba(0,0,0,0.6);margin:0px 5px 0px 5px;background-color:#FFF;position:relative;z-index:100;}.procimg{width:300px;position:relative;z-index:100;}.otherprocs{position:relative;z-index:100;}.otherprocs .procimg{width:220px;}.otherprocs .proc{height:125px;}#dice,#d20{background-image:url(../shared/img/d20-back.png);background-size:contain;background-repeat:no-repeat;}.init{height:250px;overflow:hidden;}.scenimg{width:100%;}.full{width:100%;height:100%;}#bb{float:right;width:200px;background-size:contain;background-image:url(../shared/img/bb-logo-transparent-w.png);background-repeat:no-repeat;height:70px;}#bh{width:200px;background-size:contain;background-image:url(../shared/img/blackhills-logo.png);background-repeat:no-repeat;float:right;height:70px;}.sponsor{width:200px;background-size:contain;background-repeat:no-repeat;float:right;height:70px;}#counter1,#counter2,#counter3{width:75px;height:75px;position:absolute;z-index:120;background-color:#AA1122;background-repeat:no-repeat;border:5px dashed #000;-moz-border-radius:60px;-webkit-border-radius:60px;border-radius:60px;top:calc(100vh - 250px);left:520px;box-shadow:0 5px 18px rgba(0,0,0,0.6);}#hold1,#hold2,#hold3{width:75px;height:75px;position:absolute;z-index:120;background-color:#AA1122;background-repeat:no-repeat;border:5px dashed #000;-moz-border-radius:60px;-webkit-border-radius:60px;border-radius:60px;top:calc(100vh - 155px);left:520px;box-shadow:0 5px 18px rgba(0,0,0,0.6);}.counter{text-align:center;font-size:50px;vertical-align:middle;line-height:75px;}.xcounter{text-align:center;font-size:50px;vertical-align:middle;line-height:60px;}.warn{padding:10px;margin:0;background-color:var(--v1-danger);color:var(--v1-text-inverse);border-radius:var(--v1-radius-sm);font-size:12px;font-weight:500;}@media (max-width:560px){#dm_solution .solution{width:min(calc(50% - 12px),190px);}}