[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 240px;gap:24px;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}.app-layout .heading h2 a{color:inherit;text-decoration:none}.app-layout .heading h2 a:hover{text-decoration:underline}.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;max-width:560px;margin:0 auto;box-sizing:border-box}.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}.sheet-warning{margin:0;padding:8px 10px;font-size:.85em;text-align:left;color:#8a5a00;background:#fff7e6;border:1px solid #f0d9a6;border-radius:6px}.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{margin-bottom:2px}.page-settings-form label{display:flex;align-items:center;gap:6px;cursor:pointer}.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)}.app-footer{grid-column:span 2;border-top:1px solid #ddd;padding:.75em 1em 0;margin-top:1.5em;font-size:.85em;color:#666;text-align:left}.add-images-btn{display:inline-block;padding:8px 16px;font-size:.95em;font-weight:700;font-family:inherit;background:#fff;color:#2c7cd1;border:2px solid #2c7cd1;border-radius:6px;cursor:pointer;transition:background .12s ease}.tagline-credit{display:none}.add-images-btn:hover{background:#eef5fc}.add-images-btn:active{background:#dcebf9}.mobile-action-bar{display:none}.pdf-nudge-overlay{position:fixed;inset:0;z-index:105;background:#16202c73}.pdf-nudge{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:110;display:flex;gap:10px;align-items:flex-start;max-width:460px;width:calc(100% - 32px);box-sizing:border-box;padding:18px 18px 16px;background:#fff;border:1px solid #2c7cd1;border-top:6px solid #2c7cd1;border-radius:10px;box-shadow:0 12px 48px #0006;text-align:left;font-size:1em}.pdf-nudge-body p{margin:0 0 10px}.pdf-nudge-headline{font-weight:700;font-size:1.05em}.pdf-nudge-options{list-style:disc;margin:0 0 10px;padding-left:1.4em}.pdf-nudge-options li{margin-bottom:4px}.pdf-nudge-sign{margin-bottom:0}.pdf-nudge .aff-disclosure{display:block;margin-top:10px;font-size:.8em;color:#777}.pdf-nudge-dismiss{flex:0 0 auto;border:none;background:none;cursor:pointer;font-size:1em;color:#555;padding:2px 4px}@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}.dropzone-clickable{cursor:pointer}.dropzone-clickable:hover .instructions{color:#444}.dropzone-notice{margin:8px 0 0;color:#2e7d32;font-weight:600}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;min-height:332px}.carousel-ring{position:relative;flex:1 1 auto;perspective:700px;perspective-origin:50% 30%;align-self:stretch}.carousel-ring-slot{position:absolute;bottom:30px;left:50%;margin-left:-70px}.carousel-nav{width:30px;height:30px;opacity:.55;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){opacity:1;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}.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}@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}@media screen and (max-width:768px){body{min-width:0;max-width:100%;width:100%;padding:0 12px 84px;box-sizing:border-box}.app-layout{display:flex;flex-direction:column;gap:0;width:100%;overflow-x:clip}.top-bar{order:0;margin-bottom:10px}.left-panel{order:1}.right-panel{order:2}.app-footer{order:3;margin-top:28px}.top-bar-header{flex-wrap:wrap;gap:4px 16px}.app-layout .headerLink{display:none}.tagline-credit{display:inline}.dropzone{display:none}.left-panel{width:100%;overflow-x:clip}.carousel{zoom:.82;width:fit-content;margin:0 auto 6px}.carousel-ring{flex:0 0 auto;width:480px}.carousel-controls{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:10px;max-width:440px;margin:2px auto 0;padding:7px 12px;background:#f4f7fb;border:1px solid #e3e8ef;border-radius:9px}.carousel-controls label{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:5px;margin:0}.carousel-controls input[type=range]{width:100%!important;min-width:0}.carousel-controls .remove-pawn-btn{flex:0 0 auto;margin:0}.right-panel{width:100%;align-items:center;perspective:1100px;margin-top:12px}.preview-label{order:1;display:block;text-align:center;margin:0}.printable{order:2;transform:rotateX(20deg) rotate(-90deg) scale(1.05);transform-origin:center;margin:-42px auto -24px;box-shadow:0 26px 38px -16px #00000080}.pageSettings{order:3;margin-top:18px}.page-settings-form label{padding:6px 2px}.left-panel .add-images-btn,.page-settings-form .generate-pdf-btn{display:none}.mobile-action-bar{display:flex;gap:10px;align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:100;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fffffff7;border-top:1px solid #ccc;box-shadow:0 -2px 10px #00000014}.mobile-action-bar .add-images-btn{width:auto;flex:0 0 auto;padding:11px 18px}.mobile-action-bar .generate-pdf-btn{flex:1;margin-top:0}}