#cc{--paper:#efe6cf;--ink:#30291b;--green:#2f653c;--light:#fffbe9;--edge:#746447;font:14px/1.5 Verdana,sans-serif;color:var(--ink)}
.cc-window{background:var(--paper);border:3px outset #d9caa8;margin:0 0 14px;box-shadow:4px 5px 0 #0007}.cc-title{padding:5px 9px;background:linear-gradient(90deg,#285b33,#6b9445);color:#fff6d8;font:bold 12px/1.6 Verdana,sans-serif;letter-spacing:1px;display:flex;justify-content:space-between}.cc-title span{font-size:10px;font-weight:normal;letter-spacing:0}.cc-heading{display:flex;justify-content:space-between;padding:20px 24px;background:repeating-linear-gradient(0deg,transparent 0 3px,#a6956210 3px 4px)}.cc-heading h1{font: bold clamp(27px,5vw,42px)/1.1 Georgia,serif;margin:8px 0;color:#244c2c;text-shadow:1px 1px #fff}.cc-heading small{font:10px monospace;letter-spacing:1px;color:#695d3c}.cc-heading p{margin:8px 0 0;font:15px Georgia,serif}.cc-emblem{font:80px/1 Georgia;position:relative;color:#334d27;text-shadow:2px 2px #b9b07b}.cc-emblem span{font-size:26px;color:#b3432a;position:absolute;right:-7px;top:0}.cc-status{border-top:1px solid #b7ab88;padding:7px 14px;font:11px monospace;background:#dfdbc0}.cc-tabs{display:flex;flex-wrap:wrap;padding:0;margin:0 0 14px;max-width:none;gap:3px}.cc-tabs a{margin:0;flex:1;text-align:center;white-space:nowrap;padding:7px 9px}.cc-tabs a[aria-current]{background:#b9cb9b;border-style:inset;color:#233d22;font-weight:bold}
#cc button,#cc select,#cc input,#cc textarea{font:12px Verdana,sans-serif;color:#30291b;border-radius:0}#cc button,.cc-link{cursor:pointer;background:#e6ddc1;border:2px outset #fff5da;padding:7px 10px;line-height:1.35}#cc button:hover{background:#ffefb7}#cc button:active{border-style:inset}#cc button:disabled{opacity:.55;cursor:default}#cc button.primary{background:#315e38;color:#fff5d8;border-color:#739764}#cc input,#cc select,#cc textarea{padding:7px;background:#fff9e9;border:2px inset #d2c4a1;max-width:100%}#cc input[type=checkbox]{accent-color:#3e6d3e}#cc button:focus-visible,#cc a:focus-visible{outline:3px solid #bd4d23;outline-offset:2px}.cc-body{padding:14px}.cc-body h2{font:bold 20px Georgia;color:#345430;margin:0 0 12px}.cc-body p{margin:8px 0}.cc-muted{font-size:11px;color:#72664f}.cc-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}.cc-row label{display:flex;flex-direction:column;gap:4px;font-size:11px}.cc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.cc-play{display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:14px}.cc-board-frame{padding:12px;background:#625136;border:3px inset #ad9970}.cc-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));aspect-ratio:1;max-width:560px;width:100%;margin:auto;border:1px solid #282719}#cc .cc-square{position:relative;aspect-ratio:1;min-width:0;border:0;padding:0;background:#dfd3a9;display:flex;align-items:center;justify-content:center;font:clamp(21px,4.6vw,47px)/1 'DejaVu Sans',serif;user-select:none}#cc .cc-square.dark{background:#6e845b}#cc .cc-square.white-piece{color:#fff9d9;text-shadow:1px 1px 1px #201a10,-1px -1px 1px #201a10;filter:none}#cc .cc-square.black-piece{color:#1c241c;text-shadow:1px 1px #a7af85}#cc .cc-square.selected{box-shadow:inset 0 0 0 4px #e9b048}#cc .cc-square.legal:after{content:'';width:22%;height:22%;border-radius:50%;background:#205d42aa;position:absolute}#cc .cc-square.legal:has(.cc-piece):after{width:84%;height:84%;border:3px solid #a73c20;background:transparent}#cc .cc-square.fire{background-image:repeating-linear-gradient(45deg,#d9532877 0 5px,transparent 5px 10px)}#cc .cc-square.wall{background:#555b50}#cc .cc-square.portal{box-shadow:inset 0 0 0 5px #9271a9}#cc .cc-square .coord{position:absolute;bottom:2px;left:3px;font:9px monospace;color:#26331d;text-shadow:none}#cc .cc-square .mutated{position:absolute;top:2px;right:3px;font:12px monospace;color:#a94020;text-shadow:0 0 2px #fff}.cc-piece.unique{font:bold clamp(16px,3.4vw,31px) Georgia}.cc-player{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;background:#dfd8bd;border:2px inset #b9b18f;margin:6px 0}.cc-player.active{background:#cbd8b7}.cc-clock{font:bold 22px monospace;background:#243322;color:#daf4b0;padding:2px 9px}.cc-note{padding:10px;border:1px dashed #8c815f;background:#fff3c9;margin:10px 0}.cc-list{list-style:none;margin:0;padding:0}.cc-list li{padding:8px 0;border-bottom:1px dotted #b0a27c}.cc-effect{display:inline-block;font:10px monospace;background:#d8dfc1;border:1px solid #a5b38a;padding:1px 5px;margin:2px}.cc-item{background:#f8f0d8;border:2px outset #fdf7e6;padding:12px;position:relative}.cc-item h3{font:bold 17px Georgia;margin:0 0 7px;color:#315034}.cc-item p{font-size:12px;margin:6px 0}.cc-item.locked{opacity:.62}.cc-item.rare{border-top:4px solid #498d7e}.cc-item.epic{border-top:4px solid #9b6ba0}.cc-item.common{border-top:4px solid #8b9566}.cc-tag{font:10px monospace;color:#706044;text-transform:uppercase}.cc-choices{display:grid;gap:8px}.cc-choices button{width:100%;margin-top:8px}.cc-log{max-height:220px;overflow:auto;font:11px/1.7 monospace}.cc-foot{color:#a6b68c;font:11px/2 monospace;border-top:1px dashed #5c7846;margin-top:20px;padding:10px 0}.cc-foot label{white-space:nowrap}.cc-chest{text-align:center;font:70px/1.4 Georgia;color:#6b4e25;text-shadow:3px 3px #c3aa64}.cc-table{border-collapse:collapse;width:100%;font-size:12px}.cc-table td,.cc-table th{border-bottom:1px solid #bdb18e;padding:7px;text-align:left}#cc-message{background:#fff1be;border:2px solid #9c713c;padding:10px;margin-bottom:12px;color:#523111}#cc textarea{width:100%;min-height:150px;font:12px monospace}.cc-help{font:15px/1.65 Georgia}.cc-help h3{color:#2e5735}.cc-tool{padding:8px;border-bottom:1px dotted #b1a683}.cc-tool select{width:100%;margin:3px 0}.cc-pulse{animation:cc-pulse .4s ease-out}@keyframes cc-pulse{0%{filter:brightness(1.6)}100%{filter:brightness(1)}}#cc.reduced *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){#cc *{animation:none!important;transition:none!important}}@media(max-width:680px){.cc-play{grid-template-columns:1fr}.cc-heading{padding:15px}.cc-title span{display:none}.cc-board-frame{padding:5px}#cc .cc-square{font-size:clamp(24px,8vw,44px)}.cc-choices{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.cc-emblem{font-size:60px}.cc-body{padding:10px}.cc-tabs a{font-size:10px}.cc-grid{grid-template-columns:1fr}}
#cc .cc-event-move .cc-piece{animation:cc-arrive .25s ease-out}#cc .cc-event-capture{animation:cc-capture .4s ease-out}#cc .cc-event-death{animation:cc-blast .5s ease-out}#cc .cc-event-teleport .cc-piece{animation:cc-teleport .5s ease-out}#cc .cc-event-shield{animation:cc-shield .5s ease-out}@keyframes cc-arrive{from{transform:translateY(-12%);opacity:.4}to{transform:none;opacity:1}}@keyframes cc-capture{50%{box-shadow:inset 0 0 0 7px #e39843}}@keyframes cc-blast{50%{background:#d36b35;filter:brightness(1.5)}}@keyframes cc-teleport{from{transform:scale(.2) rotate(45deg);opacity:.2}to{transform:none;opacity:1}}@keyframes cc-shield{50%{box-shadow:inset 0 0 0 7px #8ecae0}}
.cc-board{position:relative}.cc-piece-art{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 2px 1px #17231855)}.cc-square .cc-piece{width:87%;height:87%;display:flex;align-items:center;justify-content:center}.cc-square .cc-piece-art{pointer-events:none}.cc-item>.cc-piece-art{width:68px;height:68px;float:right}.cc-annotations{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;opacity:.85}.cc-inspection{font-size:12px}.cc-inspection h3{margin:0;color:#315034}.cc-inspection p{margin:6px 0}#cc .cc-square.inspect-move{outline:3px solid #6ac29c;outline-offset:-5px}#cc .cc-square.inspect-attack:before{content:'';position:absolute;top:3px;left:3px;width:9px;height:9px;background:#b74935;clip-path:polygon(0 0,100% 0,0 100%)}.cc-mini{width:224px;max-width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);border:2px solid #584d35;margin:8px 0}.cc-mini>span{background:#e2d4ac;display:flex;align-items:center;justify-content:center;position:relative;font:18px Georgia;color:#413d2c}.cc-mini>span.dark{background:#758861}.cc-mini>span.move{background:#83c69c}.cc-mini>span.attack{box-shadow:inset 0 0 0 2px #b94f39}.cc-preview{position:fixed;z-index:10000;width:248px;max-width:calc(100vw - 12px);padding:10px;box-sizing:border-box;background:#fff4d9;color:#30291b;border:2px solid #718252;box-shadow:4px 5px 15px #0007;pointer-events:none;font:12px/1.4 Verdana,sans-serif}.cc-preview small{display:block;font-size:10px}.cc-preview .cc-piece-art{max-width:27px;max-height:27px}.cc-preview .cc-mini{width:224px}.cc-inspection details{margin-top:8px}
.cc-mini{grid-template-rows:repeat(8,minmax(0,1fr))}.cc-mini>span{min-width:0;min-height:0;overflow:hidden}.cc-board-frame+p.cc-muted{color:#ccd5b4}
#cc .cc-square.hover-source{box-shadow:inset 0 0 0 4px #f0c56c}#cc .cc-square.hover-dot:after{content:'';position:absolute;width:23%;height:23%;border-radius:50%;background:#205d42bb;pointer-events:none}#cc .cc-square.hover-capture-only:after{background:transparent;border:2px solid #b74935}#cc .cc-square.hover-dot:has(.cc-piece):after{width:82%;height:82%;background:transparent;border:3px solid #b74935}
.cc-square .cc-piece{position:relative}.cc-piece-ornament{position:absolute;inset:0;pointer-events:none;color:#52804d;text-shadow:0 1px #f4e1a7}.cc-piece-ornament b{position:absolute;right:13%;top:19%;font:bold clamp(10px,1.7vw,18px) Georgia;transform:rotate(18deg)}.cc-piece-ornament i{position:absolute;left:23%;bottom:25%;width:15%;height:7%;border-radius:100% 0;background:#759a59;border:1px solid #345238;transform:rotate(-25deg)}.cc-piece-ornament i+i{left:36%;bottom:21%;transform:rotate(25deg)}.cc-piece-ornament.armored{color:#63b5ad}.cc-piece-ornament.armored i{background:#8bbcb2;border-color:#395f59;border-radius:2px}.cc-piece-ornament.ember{color:#c16a3d}.cc-piece-ornament.ember i{background:#ce914c;border-color:#8e4c26}
.cc-opening{box-sizing:border-box;width:min(540px,94vw);max-height:94vh;overflow:auto;padding:0;border:3px solid #b3a16a;background:#142f29;color:#fff2ca;box-shadow:0 20px 100px #000b;font:14px/1.5 Verdana,sans-serif}.cc-opening::backdrop{background:#061713df;backdrop-filter:blur(5px)}.cc-opening button{cursor:pointer;padding:12px 20px;border:2px outset #ddc989;background:#e4c36c;color:#253b2c;font:bold 14px Verdana;border-radius:5px}.cc-opening button[hidden]{display:none}.cc-opening button:focus-visible{outline:3px solid #fff;outline-offset:3px}.cc-opening-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;letter-spacing:1px;font-size:11px;background:#0e221d}.cc-opening-head button{padding:3px 10px;background:transparent;color:#eee;border:0;font-size:25px}.cc-opening-stage{position:relative;min-height:340px;padding:42px 35px 12px;text-align:center;isolation:isolate;overflow:hidden}.cc-opening-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,#65a97b88,transparent 70%)}.cc-opening-stage.epic .cc-opening-glow{background:radial-gradient(ellipse at center,#a665d0bb,transparent 70%)}.cc-opening-stage.rare .cc-opening-glow{background:radial-gradient(ellipse at center,#3999b6aa,transparent 70%)}.cc-remaining{position:absolute;right:16px;top:14px;width:58px;height:58px;display:flex;flex-direction:column;justify-content:center;background:#10231c;border:2px solid #b9c797;border-radius:9px;box-shadow:0 3px 0 #07160f;z-index:2}.cc-remaining b{font:bold 25px/1 Georgia}.cc-remaining small{font-size:9px}.cc-remaining.epic-signal{border-color:#f0bbff;background:#643575;animation:cc-rare-signal 1.4s ease-in-out infinite}.cc-reveal-card{position:relative;max-width:340px;margin:18px auto;padding:20px;border:3px solid #a4bc8a;border-radius:12px;background:linear-gradient(140deg,#fff6dc,#d4d9b2);color:#293d2c;box-shadow:0 8px 0 #091e1a88,0 0 35px #9dc37555;animation:cc-card-reveal .5s ease-out}.cc-reveal-card.rare{border-color:#66c8df;background:linear-gradient(140deg,#f2fff4,#b5d9d1)}.cc-reveal-card.epic{border-color:#d49be8;background:linear-gradient(140deg,#fff0cf,#d6b3e3);box-shadow:0 8px 0 #091e1a88,0 0 45px #d395ed88}.cc-reveal-card h2{font:bold 25px Georgia;margin:7px 0}.cc-reveal-card p{font-size:12px}.cc-reveal-card strong{display:block;margin-top:14px}.cc-reveal-emblem{display:block;margin:auto;width:76px;height:76px;font:65px/1 Georgia;color:#446c48}.cc-reveal-emblem img{width:100%;height:100%}.cc-opening-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:4px 16px 12px}.cc-opening-progress{display:flex;justify-content:center;gap:10px;padding:10px}.cc-opening-progress span{color:#aec895}.cc-opening-progress .sealed{color:#537166}.cc-opening-progress .rare{color:#69cce4}.cc-opening-progress .epic{color:#d79cf2}.cc-opening-note{font-size:10px;text-align:center;color:#bdcbbc;padding:0 24px 14px}.cc-opening-hint{min-height:40px;font-size:13px}.cc-treasure{position:relative;width:155px;height:100px;margin:50px auto 30px;border:5px solid #ccb666;border-radius:25px 25px 8px 8px;background:repeating-linear-gradient(90deg,#526f42 0 24px,#334a2b 25px 28px);box-shadow:0 12px 0 #081b1888,0 0 45px #b3d07966;animation:cc-chest-breathe 2s ease-in-out infinite}.cc-treasure:before{content:'';position:absolute;left:0;right:0;top:28px;border-top:6px solid #ccb666}.cc-treasure span{position:relative;display:inline-block;margin-top:25px;padding:0 10px;border:3px solid #d4bb61;border-radius:8px;background:#253b2c;font:45px Georgia;color:#e4cc84}@keyframes cc-rare-signal{50%{background:#a26bb6;box-shadow:0 0 22px #e8b3ff;transform:scale(1.06)}}@keyframes cc-card-reveal{from{transform:translateY(45px) rotateY(70deg) scale(.85);opacity:0}to{transform:none;opacity:1}}@keyframes cc-chest-breathe{50%{transform:translateY(-4px);box-shadow:0 16px 0 #081b1888,0 0 65px #b3d07999}}@media(prefers-reduced-motion:reduce){.cc-opening *{animation:none!important}}body:has(#cc.reduced) .cc-opening *{animation:none!important}@media(max-width:480px){.cc-opening-stage{padding:50px 15px 10px}.cc-reveal-card{padding:14px}.cc-opening-actions button{padding:10px}}
.cc-opening .cc-reveal-card h2{color:#3b3045;text-shadow:none}.cc-opening-stage>h2{color:#f5d990;text-shadow:none}

#cc.hide-coordinates .cc-square .coord{display:none}

.cc-suspense-card{width:190px;height:240px;box-sizing:border-box;margin:18px auto;border:5px double #e4b9ff;border-radius:14px;background:repeating-linear-gradient(45deg,#422658 0 12px,#53316c 12px 24px);box-shadow:0 0 50px #cc83ff99;color:#f8ddff;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:cc-final-spin 1.9s ease-in-out both;transform-style:preserve-3d}.cc-suspense-card span{font:100px Georgia}.cc-suspense-card small{font:bold 13px Georgia;letter-spacing:2px}.cc-opening button:disabled{opacity:.5;cursor:wait}@keyframes cc-final-spin{0%{transform:perspective(800px) rotateY(0) scale(.8)}25%{transform:perspective(800px) rotateY(45deg) scale(1)}75%{transform:perspective(800px) rotateY(650deg) scale(1.08)}100%{transform:perspective(800px) rotateY(720deg) scale(1)}}
/* 2.0: readable dense positions, setup and local learning. */
#cc .cc-inspection details{border-top:1px dotted #758168;padding:.45rem 0}#cc .cc-inspection summary{cursor:pointer;font-weight:bold}#cc .cc-tool select[multiple]{width:100%;min-height:140px}#cc .cc-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:.5rem}#cc .cc-stat-grid p{background:#e2e5cb;border:1px solid #879474;padding:10px;margin:0}#cc .cc-stat-grid b{display:block;font-size:1.3rem}#cc .cc-metrics{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto}#cc #cc-experimental{border:1px dashed #78886b;padding:12px;margin:12px 0}#cc #cc-experimental input[type=number]{width:80px}#cc #cc-connection{min-height:1.5em}#cc .cc-offline{color:#9a320c;background:#fff0ce;padding:8px}#cc .cc-tutorial-button{margin:4px 0 12px}.cc-tutorial{max-width:520px;width:calc(100% - 32px);box-sizing:border-box;background:#eee9d5;color:#283b27;border:4px ridge #87946c;padding:24px;font-family:inherit}.cc-tutorial::backdrop{background:#142719aa}.cc-tutorial button{font:inherit;padding:10px;margin:4px;background:#dce6c6;border:2px outset #798b66;color:#263620;cursor:pointer}.cc-tutorial button:disabled{opacity:.5;cursor:default}#cc .cc-square.sanctuary{box-shadow:inset 0 0 0 4px #6aaf85}#cc .cc-square.forge{box-shadow:inset 0 0 0 4px #bd6c38}#cc .cc-square.nursery{background-image:radial-gradient(ellipse at center,#93c76988,transparent)}#cc .cc-square.ice{box-shadow:inset 0 0 0 4px #8cc9d8}#cc .cc-square.mine:after{content:'✹';position:absolute;right:3px;bottom:1px;color:#aa382c;font-size:18px}#cc .cc-square.conveyor{background-image:repeating-linear-gradient(45deg,transparent,transparent 8px,#bfaa6544 8px,#bfaa6544 12px)}#cc .cc-square.storm{box-shadow:inset 0 0 12px 5px #8b69ba}#cc .cc-item details{margin-top:8px}#cc .cc-item details .cc-mini{max-width:220px}#cc .cc-note pre{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:600px){#cc #cc-experimental .cc-row{align-items:stretch}#cc .cc-inspection{font-size:.9rem}.cc-tutorial{padding:14px}}