:root{--blue-deep: #1b2f6e;--blue: #2a4494;--blue-soft: #5b74b8;--peacock: #14657f;--gold: #e8a41f;--gold-soft: #f4c65d;--gold-pale: #fdf3dd;--cream: #fbf6ea;--card: #fffdf7;--ink: #23304f;--ink-soft: #6b7490;--land: #efe9d8;--radius-lg: 26px;--radius-md: 18px;--radius-sm: 12px;--shadow-soft: 0 10px 40px rgba(27, 47, 110, .1);--shadow-lift: 0 16px 60px rgba(27, 47, 110, .16)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:radial-gradient(1100px 500px at 50% -12%,rgba(232,164,31,.14),transparent 62%),radial-gradient(900px 600px at 105% 110%,rgba(42,68,148,.08),transparent 60%),var(--cream);overflow:hidden}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;color:var(--ink)}.app{display:flex;flex-direction:column;height:100%;height:100dvh}.header{padding:22px 24px 10px;text-align:center;position:relative;z-index:5}.title{font-family:Fraunces,serif;font-style:italic;font-weight:600;font-size:clamp(1.25rem,2.6vw,1.85rem);color:var(--blue-deep);margin:0;letter-spacing:.01em}.title .accent{color:var(--gold)}.subtitle{margin:4px 0 0;font-family:Fraunces,serif;font-style:italic;font-size:clamp(.85rem,1.6vw,1.02rem);color:var(--peacock);letter-spacing:.02em}.subtitle-name{white-space:nowrap}.subtitle-dl{font-family:Nunito,sans-serif;font-style:normal;font-size:.72em;font-weight:700;color:var(--gold);text-decoration:none;border:1px solid rgba(232,164,31,.45);border-radius:999px;padding:2px 10px;margin-left:4px;vertical-align:2px;transition:background .2s,color .2s;white-space:nowrap}.subtitle-dl:hover{background:var(--gold);color:#fff}.hint{margin:6px 0 0;font-size:.92rem;color:var(--ink-soft)}.totals{position:absolute;top:20px;right:24px;text-align:right;font-size:.82rem;color:var(--ink-soft);line-height:1.5}.totals strong{color:var(--blue-deep);font-weight:800}.totals .you{color:var(--gold);font-weight:700}.controls{display:flex;gap:10px;justify-content:center;align-items:center;padding:14px 16px 6px;position:relative;z-index:6;flex-wrap:wrap}.search-wrap{position:relative;width:min(340px,72vw)}.search-input{width:100%;padding:12px 18px 12px 42px;border:1.5px solid rgba(27,47,110,.15);border-radius:999px;background:var(--card);font-size:.95rem;outline:none;transition:border-color .25s,box-shadow .25s}.search-input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #e8a41f26}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--blue-soft);pointer-events:none;display:flex}.search-list{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--card);border-radius:var(--radius-md);box-shadow:var(--shadow-lift);overflow:hidden;z-index:40;border:1px solid rgba(27,47,110,.08)}.search-list button{display:block;width:100%;text-align:left;padding:11px 18px;border:none;background:none;font-size:.93rem;color:var(--ink)}.search-list button:hover,.search-list button.active{background:var(--gold-pale)}.search-empty{padding:11px 18px;font-size:.9rem;color:var(--ink-soft);font-style:italic}.btn{border:none;border-radius:999px;padding:12px 22px;font-size:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-gold{background:linear-gradient(135deg,var(--gold),#d99413);color:#fff;box-shadow:0 6px 20px #e8a41f59}.btn-gold:hover{box-shadow:0 8px 26px #e8a41f73}.btn-blue{background:linear-gradient(135deg,var(--blue),var(--blue-deep));color:#fff;box-shadow:0 6px 20px #2a44944d}.btn-ghost{background:#fffdf7cc;color:var(--blue-deep);border:1.5px solid rgba(27,47,110,.18)}.btn-ghost:hover{border-color:var(--gold)}.help-btn{width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(27,47,110,.18);background:var(--card);color:var(--blue-deep);font-weight:800;font-size:1rem;transition:border-color .2s,transform .2s}.help-btn:hover{border-color:var(--gold);transform:translateY(-1px)}.map-stage{position:relative;flex:1;min-height:0}.map-stage:before{content:"";position:absolute;top:0;left:0;right:0;height:140px;z-index:5;pointer-events:none;background:linear-gradient(to bottom,#fbf6ea,#fbf6eaf0,#fbf6ead1,#fbf6eaa3,#fbf6ea70,#fbf6ea42 70%,#fbf6ea1f 82%,#fbf6ea0a 92%,#fbf6ea00)}.map-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.map-wrap svg{display:block;cursor:grab;user-select:none;-webkit-user-select:none}.map-wrap svg:active{cursor:grabbing}.country{stroke:#1b2f6e59;stroke-width:.6;vector-effect:non-scaling-stroke;transition:opacity .6s,fill .6s;cursor:pointer}.country:hover{fill:var(--gold-soft)!important}.country.dim{opacity:.3}.country.sel{stroke:var(--gold);stroke-width:2}.arc{fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none;opacity:0}.arc-dot{fill:var(--gold);pointer-events:none}.arc-dot.pulse{animation:pulse 2.4s ease-out infinite;transform-origin:center;transform-box:fill-box}@keyframes pulse{0%{opacity:.9}50%{opacity:.35}to{opacity:.9}}.back-btn{position:absolute;top:16px;left:18px;z-index:8;padding:9px 18px;font-size:.88rem}.map-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-size:.95rem}.legend{position:absolute;bottom:16px;left:18px;z-index:4;display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--ink-soft);background:#fffdf7bf;padding:7px 12px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.legend .swatches{display:flex;border-radius:4px;overflow:hidden}.legend .swatches span{width:16px;height:10px;display:block}.admin-btn{position:absolute;bottom:16px;right:18px;z-index:4;font-size:.78rem;padding:8px 14px}.board{position:absolute;top:12px;right:12px;bottom:12px;width:min(440px,42vw);z-index:10;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);border:1px solid rgba(232,164,31,.25);display:flex;flex-direction:column;overflow:hidden}.board-head{padding:22px 24px 14px;background:linear-gradient(160deg,var(--blue-deep),var(--blue) 70%,var(--peacock));color:#fff;position:relative}.board-head h2{margin:0 30px 2px 0;font-family:Fraunces,serif;font-weight:600;font-size:1.45rem;letter-spacing:.01em}.board-head .flourish{color:var(--gold-soft);font-size:.8rem;letter-spacing:.25em}.board-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:1rem;line-height:1;transition:background .2s}.board-close:hover{background:#ffffff4d}.board-share{position:absolute;top:14px;right:54px;width:32px;height:32px;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.board-share:hover{background:#ffffff4d}.board-counts{display:flex;gap:20px;margin-top:12px}.board-counts .count{display:flex;flex-direction:column}.board-counts .num{font-size:1.35rem;font-weight:800;color:var(--gold-soft);line-height:1.1}.board-counts .lbl{font-size:.72rem;opacity:.85;letter-spacing:.05em;text-transform:uppercase}.board-actions{display:flex;gap:8px;padding:14px 18px 10px}.board-actions .btn{flex:1;padding:11px 10px;font-size:.88rem}.board-list{flex:1;overflow-y:auto;padding:6px 18px 18px}.msg-card{background:var(--gold-pale);border-radius:var(--radius-md);padding:14px 16px;margin-top:10px;border:1px solid rgba(232,164,31,.2)}.msg-card .msg-text{margin:0;font-size:.95rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:break-word}.msg-card .msg-meta{margin:8px 0 0;font-size:.78rem;color:var(--ink-soft);font-style:italic}.msg-card .msg-meta b{color:var(--blue);font-style:normal}.msg-own{display:flex;gap:14px;margin-top:8px}.own-btn{background:none;border:none;padding:0;font-size:.78rem;font-weight:700;color:var(--blue);transition:color .2s}.own-btn:hover{color:var(--gold)}.own-btn:disabled{opacity:.5}.msg-edit textarea{width:100%;padding:10px 12px;font-size:.92rem;line-height:1.5;border:1.5px solid rgba(27,47,110,.15);border-radius:var(--radius-sm);min-height:90px;resize:vertical;outline:none;background:#fff}.msg-edit textarea:focus{border-color:var(--gold)}.msg-err{margin:6px 0 0;font-size:.78rem;color:#a33}.msg-trans-row{margin:6px 0 0;display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--ink-soft)}.msg-trans-note{font-style:italic}.msg-trans-btn{background:none;border:none;padding:0;font-size:.76rem;font-weight:700;color:var(--peacock);text-decoration:underline;text-underline-offset:2px;transition:color .2s}.msg-trans-btn:hover{color:var(--gold)}.board-empty{text-align:center;color:var(--ink-soft);padding:40px 20px;font-size:.95rem;line-height:1.6}.board-empty .big{font-size:2rem;display:block;margin-bottom:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1b2f6e59;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:18px}.modal{width:min(480px,100%);max-height:90vh;overflow-y:auto;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);padding:30px 30px 26px;position:relative;border-top:5px solid var(--gold)}.modal h3{margin:0 0 6px;font-family:Fraunces,serif;font-weight:600;font-size:1.4rem;color:var(--blue-deep)}.modal .modal-intro{margin:0 0 18px;font-size:.9rem;color:var(--ink-soft);line-height:1.55}.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:none;background:#1b2f6e12;color:var(--blue-deep);font-size:1rem;line-height:1}.modal-close:hover{background:#1b2f6e24}.field{margin-bottom:14px}.field label{display:block;font-size:.8rem;font-weight:700;color:var(--blue-deep);margin-bottom:6px;letter-spacing:.03em}.field input,.field select,.field textarea{width:100%;padding:11px 14px;font-size:.95rem;border:1.5px solid rgba(27,47,110,.15);border-radius:var(--radius-sm);background:#fff;outline:none;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px #e8a41f1f}.field textarea{resize:vertical;min-height:110px;line-height:1.5}.field .char-count{text-align:right;font-size:.72rem;color:var(--ink-soft);margin-top:4px}.form-error{background:#fdecec;color:#a33;border-radius:var(--radius-sm);padding:10px 14px;font-size:.86rem;margin-bottom:14px}.send-btn{width:100%;padding:14px;font-size:1rem}.sent-confirm{text-align:center;padding:30px 10px}.sent-confirm .heart{font-size:3rem;display:block}.sent-confirm h3{margin-top:12px}.sent-confirm p{color:var(--ink-soft);font-size:.92rem}.help-list{margin:0;padding-left:0;list-style:none}.help-list li{display:flex;gap:12px;margin-bottom:14px;font-size:.92rem;line-height:1.55}.help-list .step{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--gold-pale);color:var(--gold);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.85rem;border:1px solid rgba(232,164,31,.35)}.honeypot{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}.welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(900px 500px at 50% 0%,rgba(232,164,31,.16),transparent 60%),#fbf6eaeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.welcome-inner{max-width:500px;text-align:center}.welcome-mark{color:var(--gold);font-size:1.3rem;letter-spacing:.3em}.welcome-inner h2{font-family:Fraunces,serif;font-style:italic;font-weight:600;font-size:clamp(1.6rem,4vw,2.2rem);color:var(--blue-deep);margin:10px 0 14px}.welcome-inner p{font-size:1rem;line-height:1.7;color:var(--ink);margin:0 0 14px}.welcome-inner em{color:var(--peacock);font-style:italic}.welcome-btn{margin-top:10px;padding:14px 34px;font-size:1rem}@media (prefers-reduced-motion: reduce){.arc-dot.pulse{animation:none}}@media (max-width: 860px){body{overflow:auto}.totals{position:static;text-align:center;margin-top:8px}.search-input,.field input,.field select,.field textarea,.msg-edit textarea{font-size:16px}.board{top:auto;left:10px;right:10px;bottom:10px;width:auto;height:62vh}.board-head{touch-action:none}.board-head:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:44px;height:4px;border-radius:999px;background:#ffffff59}.legend{display:none}}