[data-elm-hot=true]{height:inherit}ul{list-style:none}body{font-family:Source Sans Pro,Trebuchet MS,Lucida Grande,Bitstream Vera Sans,Helvetica Neue,sans-serif;margin:auto;text-align:center;color:#293c4b;max-width:1100px;min-width:800px;width:95%}h1{font-size:60px}@media print{.no-print,.no-print *{display:none!important}.pawn-grid{zoom:180%}}.app-layout{display:grid;grid-template-columns:1fr 280px;gap:16px;align-items:start}.top-bar{grid-column:span 2;display:flex;flex-direction:column;gap:4px;text-align:left;border-bottom:1px solid #ccc;padding-bottom:8px}.top-bar-header{display:flex;align-items:baseline;justify-content:space-between}.left-panel{display:flex;flex-direction:column;gap:8px;text-align:left;min-width:0}.right-panel{display:flex;flex-direction:column;gap:12px}.pawn-grid{display:grid;grid-auto-flow:row;gap:2px}.pawn-grid>div{border-top:1px dashed #ccc;border-bottom:1px dashed #ccc}.heading{height:auto}.heading h2{margin:0}.heading p{margin:0;font-size:.75em;font-style:italic;color:#888;font-weight:400}.headerLink{font-size:.9em;font-weight:400}.dropzone{border-top:1px solid #ddd;padding-top:8px}.pawnControls{overflow-y:auto;height:580px}.printable{width:220px;padding:6px;box-sizing:border-box}.preview-label{margin:0 0 4px;font-weight:700;font-size:.85em;color:#666;text-transform:uppercase;letter-spacing:.05em;text-align:left}.pageSettings{text-align:left}.page-settings-form{display:flex;flex-direction:column;gap:16px}.page-settings-form strong{display:block;font-size:.85em;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.page-settings-form ul{margin:0;padding:0}.page-settings-form li{display:flex;align-items:center;gap:6px;margin-bottom:2px}.generate-pdf-btn{width:100%;padding:12px;font-size:1.05em;font-weight:700;font-family:inherit;background:#2c7cd1;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-top:8px;transition:background .12s ease,transform .08s ease}.generate-pdf-btn:hover{background:#1a5fa8;transform:translateY(-1px)}.generate-pdf-btn:active{background:#154d8a;transform:translateY(0)}.left-panel-footer{border-top:1px solid #ddd;padding-top:.75em;padding-left:1em;padding-right:1em;margin-top:1.5em;font-size:.85em;color:#666}@media print{.app-layout{display:block}}.pagePawn{overflow:hidden}.pawnui{clear:left;height:120px}.pawnui hr{clear:left}.pawnui img{width:50px;float:left}.heading,.headerLink{font-size:1.2em;margin:0;padding:0;font-weight:700;text-align:left}.dropzone{text-align:left}ul.instructions{list-style:none}pawn-grid img{overflow:hidden}.pageSettings ul{text-align:left}@media screen{.printable{border:1px solid #222;box-shadow:2px 5px 10px 3px #938a8a}}.carousel-wrapper{display:flex;flex-direction:column;gap:12px}.carousel{display:flex;align-items:flex-end;justify-content:center;gap:0;perspective:700px}.carousel-front-col{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:10;padding:0 6px}.carousel-nav{width:38px;height:38px;border-radius:50%;background:linear-gradient(170deg,#fff,#d4d4d4);border:1px solid #a8a8a8;box-shadow:0 2px 5px #00000038,inset 0 1px #ffffffe6;font-size:1em;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;align-self:center;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center;color:#333;position:relative;z-index:20}.carousel-nav:hover:not(:disabled){transform:translateY(-2px) scale(1.06);box-shadow:0 5px 14px #00000042,inset 0 1px #ffffffe6}.carousel-nav:active:not(:disabled){transform:translateY(1px) scale(.96);box-shadow:0 1px 3px #0000002e,inset 0 2px 3px #0000001f}.carousel-nav:disabled{opacity:.28;cursor:default}.carousel-slot{flex-shrink:0}.pawn-card{display:inline-flex;flex-direction:column;border-radius:2px;position:relative}.carousel-slot-front{filter:drop-shadow(0 4px 6px rgba(0,0,0,.18)) drop-shadow(0 14px 32px rgba(0,0,0,.3))}.carousel-slot-front .pawn-card{animation:cardEnterFront .4s cubic-bezier(.34,1.56,.64,1) both}.carousel-stack{position:relative}.carousel-slot-left{transform:rotateY(52deg) scale(.82);transform-origin:right center;position:relative;z-index:5;margin-right:-8px;filter:drop-shadow(2px 4px 10px rgba(0,0,0,.28))}.carousel-slot-right{transform:rotateY(-52deg) scale(.82);transform-origin:left center;position:relative;z-index:5;margin-left:-8px;filter:drop-shadow(-2px 4px 10px rgba(0,0,0,.28))}@keyframes cardEnterFront{0%{opacity:.2;transform:translateY(20px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}.pawn-card-image{position:relative;overflow:hidden;border-radius:2px 2px 0 0;background-color:#fff;box-shadow:inset 0 0 0 4px #ffffffe0}.pawn-card-image:after{content:"";position:absolute;inset:0;background-image:linear-gradient(148deg,rgba(255,255,255,.18) 0%,transparent 42%,rgba(0,0,0,.06) 100%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(100,85,70,.036) 2px,rgba(100,85,70,.036) 3px),repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(100,85,70,.022) 4px,rgba(100,85,70,.022) 5px);pointer-events:none;z-index:1}.pawn-card-base{height:22px;flex-shrink:0;width:75%;align-self:center;border-radius:0 0 6px 6px;border-top:3px solid rgba(0,0,0,.3);transform:translateY(2px);position:relative;overflow:hidden}.pawn-card-base:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff6b,#ffffff1a 38%,#0000001a 72%,#00000038);border-radius:0 0 6px 6px}.pawn-base-color-0{background:linear-gradient(180deg,#4a90d9,#2068b8 40%,#154f96);box-shadow:0 5px 12px #154f968c}.pawn-base-color-1{background:linear-gradient(180deg,#f5a84a,#e07200 40%,#b85800);box-shadow:0 5px 12px #b8580080}.pawn-base-color-2{background:linear-gradient(180deg,#f5d84a,#e0b800 40%,#b89400);box-shadow:0 5px 12px #b8940080}.pawn-card-placeholder{border:2px dashed #ccc;background-color:#f5f5f5;box-shadow:none;box-sizing:border-box}.carousel-controls{display:flex;flex-direction:column;gap:8px;align-items:flex-start;align-self:center}.remove-pawn-btn{align-self:center;padding:5px 14px;cursor:pointer}