:root{--cn-cream: #fdf3dc;--cn-cream-2: #f7e8c6;--cn-brown: #8a6a45;--cn-brown-dark: #5b4226;--cn-ink: #4a3520;--cn-orange: #f59a23;--cn-orange-dark: #d97d0f;--cn-orange-deep: #b56a10;--cn-red: #e04a3a;--cn-blue: #4f8fe9;--cn-gold: #f5c542;--cn-green: #58c25a;--cn-font: "Trebuchet MS", "Comic Sans MS", "Segoe UI", sans-serif;--cn-shadow: 0 4px 12px rgba(80, 50, 15, .35)}.cn-root{position:fixed;inset:0;pointer-events:none;overflow:hidden;font-family:var(--cn-font);color:var(--cn-ink);user-select:none;-webkit-user-select:none;z-index:10;line-height:1.25}.cn-root *,.cn-root *:before,.cn-root *:after{box-sizing:border-box}.cn-root input{user-select:text;-webkit-user-select:text;font-family:var(--cn-font)}.cn-icon{display:block;border-radius:8px}.cn-panel{pointer-events:auto;background:var(--cn-cream);border:3px solid var(--cn-brown);border-radius:14px;box-shadow:var(--cn-shadow),inset 0 2px #ffffffa6}.cn-bar{position:relative;height:14px;background:#e9d9b4;border:2px solid var(--cn-brown);border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 3px #5a3c1440}.cn-bar-fill{position:absolute;left:0;top:0;bottom:0;width:100%;border-radius:999px;transition:width .12s ease-out}.cn-bar-fill:after{content:"";position:absolute;left:2px;right:2px;top:1px;height:45%;border-radius:999px;background:linear-gradient(#fff9,#ffffff0d)}.cn-bar.hp .cn-bar-fill{background:linear-gradient(#f0645a,#d42f22)}.cn-bar.mp .cn-bar-fill{background:linear-gradient(#6aa8f5,#2f66d4)}.cn-bar.xp .cn-bar-fill{background:linear-gradient(#ffe084,#f0ad1c)}.cn-bar.petxp .cn-bar-fill{background:linear-gradient(#c9f084,#7fbf2a)}.cn-bar-label{position:absolute;inset:0;z-index:1;text-align:center;font-size:9px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(60,30,5,.8);line-height:11px;pointer-events:none}.cn-bar.thin{height:9px}.cn-bar.thin .cn-bar-label{font-size:8px;line-height:6px}.cn-btn{pointer-events:auto;display:inline-block;padding:6px 16px;font-family:var(--cn-font);font-size:13px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(130,65,0,.55);background:linear-gradient(#ffbd55,#f59a23 55%,#e8880e);border:2px solid var(--cn-orange-deep);border-radius:999px;box-shadow:0 3px #8c500a73,inset 0 2px #ffffff73;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.cn-btn:hover{filter:brightness(1.09);transform:translateY(-1px)}.cn-btn:active{transform:translateY(2px);box-shadow:0 1px #8c500a73,inset 0 2px #ffffff73}.cn-btn:disabled{filter:grayscale(.7) brightness(.95);cursor:default;transform:none}.cn-btn.small{padding:3px 10px;font-size:11px}.cn-btn.danger{background:linear-gradient(#f0645a,#d42f22);border-color:#a02318;box-shadow:0 3px #78140a73,inset 0 2px #ffffff59}.cn-btn.ghost{background:linear-gradient(#fdf3dc,#efe0ae);color:var(--cn-brown-dark);text-shadow:none;border-color:var(--cn-brown);box-shadow:0 3px #78552859,inset 0 2px #ffffffb3}.cn-icobtn{pointer-events:auto;width:36px;height:36px;padding:3px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#fff8e8,var(--cn-cream-2));border:2px solid var(--cn-brown);border-radius:10px;box-shadow:0 2px #78552866;cursor:pointer;transition:transform .12s ease,filter .12s ease}.cn-icobtn:hover{filter:brightness(1.07);transform:translateY(-2px)}.cn-icobtn:active{transform:translateY(1px)}.cn-icobtn.is-off{filter:grayscale(1) opacity(.6)}.cn-playercol{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:8px;width:250px}.cn-frame{display:flex;gap:10px;padding:8px 10px;align-items:center}.cn-portrait-wrap{position:relative;flex:0 0 auto}.cn-portrait{width:60px;height:60px;border:3px solid var(--cn-brown);border-radius:50%;overflow:hidden;background:#dff0fa;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #3c280a40}.cn-portrait canvas{border-radius:50%}.cn-frame.pet .cn-portrait{width:44px;height:44px}.cn-lvbadge{position:absolute;right:-6px;bottom:-4px;min-width:22px;height:22px;padding:0 3px;background:linear-gradient(#ffbd55,#ef8d0d);border:2px solid var(--cn-orange-deep);border-radius:999px;color:#fff;font-size:11px;font-weight:700;text-align:center;line-height:18px;text-shadow:0 1px 1px rgba(120,60,0,.6);box-shadow:0 1px 3px #50280066}.cn-frame-bars{flex:1 1 auto;display:flex;flex-direction:column;gap:4px;min-width:0}.cn-frame-name{font-size:13px;font-weight:700;color:var(--cn-brown-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cn-frame-name .cn-name-deco{color:var(--cn-orange);font-size:11px}.cn-hearts{font-size:10px;letter-spacing:1px;color:#e5566d;line-height:1}.cn-hearts .off{color:#d8c49a}.cn-target{position:absolute;top:12px;left:50%;transform:translate(-50%);width:240px;padding:7px 12px;display:none;flex-direction:column;gap:4px;animation:cn-pop .16s ease-out}.cn-target.show{display:flex}.cn-target-name{font-size:13px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cn-target-name.t-aggro{color:#cc2f22}.cn-target-name.t-passive{color:#7ea01c}.cn-target-name.t-friendly{color:#2f66d4}.cn-capture-line{font-size:11px;font-weight:700;text-align:center;color:var(--cn-orange-dark)}.cn-topright{position:absolute;top:12px;right:12px;width:178px;display:flex;flex-direction:column;gap:8px;align-items:center}.cn-mmwrap{pointer-events:auto;width:172px;height:172px;border:4px solid var(--cn-brown);border-radius:50%;overflow:hidden;background:#74b9e8;box-shadow:var(--cn-shadow),inset 0 0 0 2px #fdf3dccc}.cn-mmwrap canvas{display:block;width:164px;height:164px}.cn-infocard{width:100%;padding:6px 10px;display:flex;flex-direction:column;gap:2px;font-size:12px;font-weight:700;color:var(--cn-brown-dark)}.cn-inforow{display:flex;align-items:center;gap:6px}.cn-inforow .grow{flex:1}.cn-goldnum{color:var(--cn-orange-dark)}.cn-btnrow{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;max-width:100%}.cn-tracker{width:100%;padding:7px 9px;display:flex;flex-direction:column;gap:6px;background:#fdf3dce0}.cn-tracker:empty{display:none}.cn-tracker-title{font-size:11px;font-weight:700;color:var(--cn-orange-dark);letter-spacing:.5px}.cn-tq{pointer-events:auto;cursor:pointer;border-radius:8px;padding:2px 4px;transition:background .12s ease,transform .12s ease}.cn-tq:hover{background:#f59a232e;transform:translate(2px)}.cn-tq-name{font-size:12px;font-weight:700;color:var(--cn-brown-dark)}.cn-tq-name.ready{color:#e09a00;text-shadow:0 0 6px rgba(255,200,60,.6)}.cn-tq-obj{font-size:11px;color:#7d6746;padding-left:10px}.cn-tq-obj.done{color:#7ea01c}.cn-hotbar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:7px 9px}.cn-slot{pointer-events:auto;position:relative;width:52px;height:52px;background:linear-gradient(#f3e3bd,#ead7a8);border:2px solid var(--cn-brown);border-radius:10px;box-shadow:inset 0 2px 4px #5a3c1447;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s ease,filter .12s ease}.cn-slot:hover{transform:translateY(-3px);filter:brightness(1.06)}.cn-slot:active{transform:translateY(0)}.cn-slot.disabled{filter:grayscale(.85) opacity(.6)}.cn-slot.empty{cursor:default}.cn-slot.empty:hover{transform:none;filter:none}.cn-slot-key{position:absolute;top:-7px;left:-5px;z-index:2;width:16px;height:16px;background:linear-gradient(#ffbd55,#ef8d0d);border:2px solid var(--cn-orange-deep);border-radius:6px;color:#fff;font-size:10px;font-weight:700;text-align:center;line-height:13px;text-shadow:0 1px 1px rgba(120,60,0,.6)}.cn-slot-count{position:absolute;bottom:1px;right:2px;z-index:2;padding:0 4px;background:#3c260cd1;border-radius:7px;color:#ffe9bd;font-size:10px;font-weight:700}.cn-slot-cd{position:absolute;inset:0;z-index:1;border-radius:7px;pointer-events:none}.cn-slot-cdtext{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none}.cn-log:empty{display:none}.cn-log{position:absolute;left:12px;bottom:14px;width:310px;height:128px;padding:6px 10px;overflow-y:auto;pointer-events:auto;background:#fdf3dcd1;border:3px solid rgba(138,106,69,.85);border-radius:12px;font-size:12px;scrollbar-width:thin;scrollbar-color:var(--cn-brown) transparent}.cn-logline{animation:cn-fadein .26s ease-out;margin-bottom:1px;text-shadow:0 1px 0 rgba(255,250,235,.6)}.cn-logline.c-system{color:#a05f16}.cn-logline.c-combat{color:#83786a}.cn-logline.c-npc{color:#2f66d4}.cn-banners{position:absolute;top:21%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:300;pointer-events:none}.cn-banner{padding:10px 28px;background:var(--cn-cream);border:3px solid var(--cn-orange);border-radius:999px;box-shadow:var(--cn-shadow),0 0 24px #f59a2366;font-size:21px;font-weight:700;color:var(--cn-orange-dark);text-shadow:0 1px 0 #fff;white-space:nowrap;animation:cn-banner-in .34s cubic-bezier(.34,1.56,.64,1);transition:opacity .35s ease}.cn-banner.soft{font-size:15px;padding:7px 20px;border-color:var(--cn-brown);color:var(--cn-brown-dark);box-shadow:var(--cn-shadow)}.cn-banner.star{border-color:var(--cn-gold);color:#c78a00;box-shadow:var(--cn-shadow),0 0 28px #f5c542a6}.cn-banner.fade-out{opacity:0}.cn-death{position:absolute;inset:0;z-index:340;display:none;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:radial-gradient(ellipse at center,#780a002e 30%,#300200bf);animation:cn-fadein .6s ease-out}.cn-death.show{display:flex}.cn-death-text{font-size:38px;font-weight:700;color:#ffd9c2;text-shadow:0 3px 8px rgba(0,0,0,.8)}.cn-death-sub{font-size:15px;color:#f0b9a5;text-shadow:0 2px 4px rgba(0,0,0,.8)}.cn-floaters{position:absolute;inset:0;overflow:hidden;z-index:90;pointer-events:none}.cn-floater{position:absolute;left:0;top:0;font-weight:700;white-space:nowrap;will-change:transform,opacity;text-shadow:0 1px 0 rgba(40,20,0,.9),0 -1px 0 rgba(40,20,0,.9),1px 0 0 rgba(40,20,0,.9),-1px 0 0 rgba(40,20,0,.9),0 2px 4px rgba(0,0,0,.5)}.cn-floater.f-dmg{color:#fff;font-size:15px}.cn-floater.f-dmg-in{color:#ff5a4a;font-size:16px}.cn-floater.f-crit{color:#ff9e2c;font-size:22px;animation:cn-pop .18s ease-out}.cn-floater.f-magic{color:#c07cff;font-size:16px}.cn-floater.f-heal{color:#6fe06f;font-size:15px}.cn-floater.f-xp{color:#ffd84a;font-size:14px}.cn-floater.f-info{font-size:18px;text-shadow:0 2px 4px rgba(0,0,0,.4)}.cn-tooltip{position:fixed;z-index:400;max-width:240px;padding:7px 10px;background:#3a2812f0;border:2px solid var(--cn-orange);border-radius:10px;color:#ffeecb;font-size:12px;pointer-events:none;display:none;box-shadow:0 4px 12px #0006}.cn-tooltip b{color:#ffcd5e;font-size:13px}.cn-tooltip .tt-desc{color:#f3e2c0;font-style:italic}.cn-tooltip .tt-meta{color:#c9b083;font-size:11px}.cn-tooltip .tt-good{color:#9be07c}.cn-winlayer{position:absolute;inset:0;pointer-events:none;z-index:100}.cn-window{position:absolute;pointer-events:auto;display:none;flex-direction:column;background:var(--cn-cream);border:3px solid var(--cn-brown);border-radius:14px;box-shadow:var(--cn-shadow),inset 0 2px #ffffffa6;animation:cn-pop .17s cubic-bezier(.34,1.4,.64,1)}.cn-window.show{display:flex}.cn-wtitle{display:flex;align-items:center;gap:7px;padding:7px 10px;background:linear-gradient(#a5825a,#8a6a45);border-radius:10px 10px 0 0;color:#fff2d8;font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(60,35,10,.6);cursor:move;touch-action:none}.cn-wtitle:before{content:"✦";color:var(--cn-gold);font-size:12px}.cn-wtitle .cn-wtitle-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cn-wclose{width:22px;height:22px;flex:0 0 auto;background:linear-gradient(#f0645a,#d42f22);border:2px solid #a02318;border-radius:50%;color:#fff;font-size:11px;font-weight:700;line-height:17px;text-align:center;cursor:pointer;transition:transform .12s ease,filter .12s ease}.cn-wclose:hover{filter:brightness(1.15);transform:scale(1.12)}.cn-wbody{padding:10px;overflow-y:auto;max-height:62vh;scrollbar-width:thin;scrollbar-color:var(--cn-brown) transparent;font-size:13px}.cn-equiprow{display:flex;gap:8px;margin-bottom:9px}.cn-eqslot{flex:1;display:flex;align-items:center;gap:7px;padding:5px 7px;background:var(--cn-cream-2);border:2px dashed var(--cn-brown);border-radius:10px;min-height:46px}.cn-eqslot .eq-label{font-size:10px;color:#96805f;font-weight:700}.cn-eqslot .eq-name{font-size:11px;font-weight:700;color:var(--cn-brown-dark)}.cn-invgrid{display:grid;grid-template-columns:repeat(6,46px);gap:6px;justify-content:center}.cn-islot{position:relative;width:46px;height:46px;background:linear-gradient(#f3e3bd,#ead7a8);border:2px solid var(--cn-brown);border-radius:9px;box-shadow:inset 0 2px 3px #5a3c1440;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,filter .12s ease}.cn-islot:hover{transform:scale(1.08);filter:brightness(1.07);z-index:1}.cn-islot.empty{cursor:default}.cn-islot.empty:hover{transform:none;filter:none}.cn-islot .cn-slot-count{bottom:0;right:1px}.cn-goldrow{margin-top:10px;display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:14px;font-weight:700;color:var(--cn-orange-dark)}.cn-hintrow{margin-top:5px;font-size:10px;color:#96805f;text-align:center}.cn-petlist{display:flex;flex-direction:column;gap:8px}.cn-petrow{display:flex;gap:9px;padding:7px;background:var(--cn-cream-2);border:2px solid var(--cn-brown);border-radius:11px;transition:box-shadow .12s ease,transform .12s ease,border-color .12s ease}.cn-petrow.active-pet{border-color:var(--cn-orange);box-shadow:0 0 10px #f59a2373}.cn-petrow.fuse-target{cursor:pointer;border-color:#a76fe0;box-shadow:0 0 10px #a76fe08c}.cn-petrow.fuse-target:hover{transform:scale(1.02)}.cn-petrow.fuse-src{border-color:var(--cn-gold);box-shadow:0 0 10px #f5c54299}.cn-petport{width:52px;height:52px;flex:0 0 auto;border:2px solid var(--cn-brown);border-radius:50%;overflow:hidden;background:#e8f5da;display:flex;align-items:center;justify-content:center}.cn-petinfo{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.cn-petname-row{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--cn-brown-dark)}.cn-petname-row input{width:110px;font-size:12px;border:2px solid var(--cn-orange);border-radius:6px;padding:1px 5px;background:#fff;color:var(--cn-ink);outline:none}.cn-editbtn{border:none;background:none;cursor:pointer;font-size:12px;padding:0 2px;transition:transform .12s ease}.cn-editbtn:hover{transform:scale(1.25)}.cn-ptbadge{padding:1px 7px;border-radius:999px;font-size:9px;font-weight:700;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.35)}.cn-ptbadge.pt-ATK{background:#e05548}.cn-ptbadge.pt-DEF{background:#4f8fe9}.cn-ptbadge.pt-AGI{background:#58c25a}.cn-ptbadge.pt-SPR{background:#a76fe0}.cn-petmeta{font-size:11px;color:#7d6746;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cn-petbtns{display:flex;gap:5px;flex-wrap:wrap;margin-top:2px}.cn-fusebar{margin-bottom:8px;padding:6px 9px;background:#a76fe026;border:2px dashed #a76fe0;border-radius:9px;font-size:12px;font-weight:700;color:#7a4fc2;display:flex;align-items:center;gap:7px}.cn-fusebar .grow{flex:1}.cn-qsection{font-size:13px;font-weight:700;color:var(--cn-orange-dark);margin:6px 0 5px;letter-spacing:.4px}.cn-qentry{padding:7px 9px;margin-bottom:7px;background:var(--cn-cream-2);border:2px solid var(--cn-brown);border-radius:10px}.cn-qentry .q-name{font-size:13px;font-weight:700;color:var(--cn-brown-dark)}.cn-qentry .q-name .q-ready{color:#e09a00}.cn-qentry .q-giver{font-size:10px;color:#96805f;margin-bottom:3px}.cn-qentry .q-desc{font-size:11px;font-style:italic;color:#7d6746;margin-bottom:4px}.cn-qentry .q-obj{font-size:11px;color:#6d5a3d;padding-left:8px}.cn-qentry .q-obj.done{color:#7ea01c}.cn-qentry .q-rewards{margin-top:5px;padding-top:4px;border-top:1px dashed var(--cn-brown);font-size:11px;color:var(--cn-orange-dark);font-weight:700;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.cn-qentry.q-completed{padding:4px 9px;color:#7ea01c;font-size:12px;font-weight:700}.cn-npc-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.cn-npc-avatar{width:52px;height:52px;flex:0 0 auto;border:3px solid var(--cn-brown);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45);box-shadow:inset 0 2px 4px #fff6}.cn-npc-name{font-size:15px;font-weight:700;color:var(--cn-brown-dark)}.cn-npc-title{font-size:11px;color:var(--cn-orange-dark);font-weight:700}.cn-npc-text{min-height:58px;padding:8px 11px;background:#fffaf0;border:2px solid var(--cn-brown);border-radius:10px;font-size:12px;font-style:italic;color:#5d4a2d;margin-bottom:8px}.cn-npcrows{display:flex;flex-direction:column;gap:5px}.cn-npcrow{display:flex;align-items:center;gap:7px;padding:5px 9px;background:var(--cn-cream-2);border:2px solid var(--cn-brown);border-radius:9px;font-size:12px;font-weight:700;color:var(--cn-brown-dark);cursor:pointer;transition:transform .12s ease,filter .12s ease}.cn-npcrow:hover{transform:translate(3px);filter:brightness(1.05)}.cn-npcrow .q-mark{font-size:15px;font-weight:700;width:14px;text-align:center}.cn-npcrow.offer .q-mark{color:#e09a00}.cn-npcrow.turnin .q-mark{color:#58c25a}.cn-npcrow.prog{cursor:pointer;opacity:.85}.cn-npcrow.prog .q-mark{color:#96805f}.cn-npcrow .grow{flex:1}.cn-npcrow .q-progress{font-size:10px;color:#96805f}.cn-npc-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:9px;flex-wrap:wrap}.cn-shopgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cn-shopitem{display:flex;align-items:center;gap:7px;padding:5px 7px;background:var(--cn-cream-2);border:2px solid var(--cn-brown);border-radius:9px;cursor:pointer;transition:transform .12s ease,filter .12s ease}.cn-shopitem:hover{transform:scale(1.04);filter:brightness(1.06)}.cn-shopitem:active{transform:scale(.98)}.cn-shopitem .s-name{flex:1;font-size:11px;font-weight:700;color:var(--cn-brown-dark);min-width:0}.cn-shopitem .s-price{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--cn-orange-dark)}.cn-help h4{margin:8px 0 3px;font-size:13px;color:var(--cn-orange-dark)}.cn-help ul{margin:2px 0 6px;padding-left:20px;font-size:12px;color:#5d4a2d}.cn-help li{margin-bottom:2px}.cn-help kbd{display:inline-block;padding:0 5px;background:var(--cn-cream-2);border:1px solid var(--cn-brown);border-bottom-width:3px;border-radius:5px;font-family:var(--cn-font);font-size:11px;font-weight:700;color:var(--cn-brown-dark)}.cn-credits{margin-top:10px;padding-top:7px;border-top:1px dashed var(--cn-brown);font-size:10px;font-style:italic;color:#96805f;text-align:center}.cc-overlay{position:fixed;inset:0;z-index:500;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px;background:linear-gradient(#aee4ff,#eaf9d8);font-family:var(--cn-font);color:var(--cn-ink);user-select:none;-webkit-user-select:none;overflow:hidden;transition:opacity .38s ease}.cc-overlay *{box-sizing:border-box}.cc-overlay.cc-out{opacity:0}.cc-decor{position:absolute;bottom:-50px;opacity:.5;animation:cc-drift linear infinite;pointer-events:none}.cc-titlebox{text-align:center;z-index:1}.cc-title{font-size:46px;font-weight:700;letter-spacing:2px;color:#fff;text-shadow:3px 3px 0 var(--cn-orange),-2px -2px 0 var(--cn-orange),2px -2px 0 var(--cn-orange),-2px 2px 0 var(--cn-orange),0 7px 14px rgba(90,50,0,.35);animation:cn-banner-in .5s cubic-bezier(.34,1.56,.64,1)}.cc-title .cc-title-sub{color:#ffe9b0}.cc-sub{margin-top:4px;font-size:14px;font-style:italic;color:#6b8a4f;text-shadow:0 1px 0 rgba(255,255,255,.7)}.cc-cards{display:flex;gap:14px;z-index:1;flex-wrap:wrap;justify-content:center}.cc-card{width:176px;padding:12px 12px 14px;background:var(--cn-cream);border:3px solid var(--cn-brown);border-radius:16px;box-shadow:var(--cn-shadow),inset 0 2px #ffffffa6;cursor:pointer;text-align:center;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.cc-card:hover{transform:translateY(-6px) rotate(-1deg)}.cc-card.sel{border-color:var(--cn-orange);box-shadow:0 0 0 3px #f59a2359,0 0 26px #f59a23a6,var(--cn-shadow);transform:translateY(-6px) scale(1.03)}.cc-card-port{width:100px;height:100px;margin:0 auto 6px;border:3px solid var(--cn-brown);border-radius:50%;overflow:hidden;background:#dff0fa;display:flex;align-items:center;justify-content:center}.cc-card-name{font-size:17px;font-weight:700;color:var(--cn-brown-dark)}.cc-card-desc{font-size:10.5px;color:#7d6746;min-height:52px;margin:4px 0 7px}.cc-statrow{display:flex;align-items:center;gap:5px;margin-bottom:3px}.cc-statrow .st-label{width:30px;font-size:9px;font-weight:700;color:#96805f;text-align:right}.cc-statbar{flex:1;height:8px;background:#e9d9b4;border:1px solid var(--cn-brown);border-radius:999px;overflow:hidden}.cc-statbar>div{height:100%;border-radius:999px}.cc-statbar .st-hp{background:linear-gradient(#f0645a,#d42f22)}.cc-statbar .st-atk{background:linear-gradient(#ffbd55,#ef8d0d)}.cc-statbar .st-mag{background:linear-gradient(#c99cf5,#8e55d4)}.cc-statbar .st-def{background:linear-gradient(#6aa8f5,#2f66d4)}.cc-bottom{display:flex;flex-direction:column;align-items:center;gap:9px;z-index:1}.cc-namerow{display:flex;align-items:center;gap:8px;padding:9px 13px;background:var(--cn-cream);border:3px solid var(--cn-brown);border-radius:999px;box-shadow:var(--cn-shadow)}.cc-namerow label{font-size:13px;font-weight:700;color:var(--cn-brown-dark)}.cc-namerow input{width:150px;padding:4px 10px;font-size:15px;font-weight:700;color:var(--cn-ink);background:#fffaf0;border:2px solid var(--cn-orange);border-radius:999px;outline:none;text-align:center}.cc-dice{border:none;background:none;font-size:19px;cursor:pointer;transition:transform .12s ease}.cc-dice:hover{transform:rotate(40deg) scale(1.2)}.cc-note{font-size:12px;font-weight:700;color:#b06a9a;text-shadow:0 1px 0 rgba(255,255,255,.8)}.cc-begin{font-size:19px;padding:11px 36px}.cc-hint{font-size:11px;color:#96805f;min-height:14px}@keyframes cn-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes cn-pop{0%{transform:scale(.7);opacity:.4}70%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@keyframes cn-banner-in{0%{transform:scale(.3) translateY(-24px);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes cc-drift{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-115vh) rotate(35deg)}}