:root{--pr-navy:#071d2b;--pr-sea:#0c5366;--pr-gold:#e6ad39;--pr-cream:#f5ecd8;--pr-ink:#18252b;--pr-green:#38734a}.puerto-rico-page{background:#071d2b;color:var(--pr-cream);min-height:100vh}.pr-shell{max-width:1220px}.pr-kicker{font:800 .72rem/1 Montserrat,sans-serif;letter-spacing:.2em;color:var(--pr-gold)}.pr-hero{display:grid;grid-template-columns:1fr 220px;gap:3rem;align-items:center;padding:3rem;border:1px solid #ffffff20;border-radius:28px;background:radial-gradient(circle at 85% 20%,#17819755,transparent 35%),linear-gradient(135deg,#0b3444,#061720);box-shadow:0 30px 80px #0006}.pr-hero h1,.pr-game-head h1{font:900 clamp(2.2rem,6vw,5rem)/1 Montserrat,'Noto Sans KR',sans-serif;margin:.55rem 0 1rem}.pr-hero p{font-size:1.08rem;line-height:1.9;color:#e9e4d8cc;max-width:760px}.pr-hero-seal{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--pr-gold);border-radius:50%;background:#06172099;box-shadow:inset 0 0 0 9px #e6ad3918}.pr-hero-seal i{font-size:2rem;color:var(--pr-gold)}.pr-hero-seal strong{font:900 3rem Montserrat}.pr-hero-seal span{font:.65rem Montserrat;letter-spacing:.2em}.pr-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.2rem 0 2.5rem}.pr-menu a{display:grid;grid-template-columns:44px 1fr;column-gap:.75rem;padding:1rem;border:1px solid #ffffff20;border-radius:14px;color:#fff;text-decoration:none;background:#ffffff0b;transition:.2s}.pr-menu a:hover,.pr-menu a.active{transform:translateY(-2px);border-color:var(--pr-gold);background:#e6ad3915}.pr-menu i{grid-row:1/3;font-size:1.3rem;color:var(--pr-gold);align-self:center}.pr-menu b{font-size:.95rem}.pr-menu span{font-size:.72rem;color:#ffffff99}.pr-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.pr-info-grid article,.pr-rules,.pr-panel{background:var(--pr-cream);color:var(--pr-ink);border-radius:18px;padding:1.6rem;box-shadow:0 15px 40px #0003}.pr-info-grid article>span{color:var(--pr-gold);font:900 2.4rem Montserrat}.pr-info-grid h2{font-size:1.25rem;font-weight:800}.pr-info-grid p{line-height:1.7;color:#59656a}.pr-rules{margin-top:1rem}.pr-rules h2{font-weight:900}.pr-rules ol{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:0;list-style:none}.pr-rules li{padding:1rem;border-left:3px solid var(--pr-gold)}.pr-rules li span{display:block;color:#69767b;font-size:.85rem;margin-top:.35rem}.pr-game-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:1rem}.pr-game-head h1{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:.25rem}.pr-game-head p{color:#ffffffaa;margin:0}.pr-setup{text-align:center;padding:3rem}.pr-setup select{max-width:180px;margin:1rem auto}.pr-board{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem}.pr-main{display:grid;gap:1rem}.pr-status{display:flex;justify-content:space-between;align-items:center;background:#ffffff10;border:1px solid #ffffff20;border-radius:14px;padding:.8rem 1rem}.pr-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.pr-role{border:1px solid #b77b27;background:linear-gradient(#f7e7be,#dcbf7e);color:#382814;border-radius:12px;padding:.75rem;text-align:left;box-shadow:inset 0 0 0 2px #fff6}.pr-role:disabled{filter:grayscale(1);opacity:.45}.pr-role b,.pr-role small{display:block}.pr-role small{font-size:.69rem;opacity:.75}.pr-role em{float:right;background:#7f541d;color:#fff;border-radius:10px;padding:1px 7px;font-style:normal}.pr-players{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.pr-player{position:relative;background:#f4ead5;color:#24333a;border-radius:15px;padding:1rem;border:3px solid transparent}.pr-player.active{border-color:var(--pr-gold);box-shadow:0 0 30px #e6ad3955}.pr-player h3{font-weight:900;font-size:1.05rem;margin:0 0 .6rem}.pr-player .stats{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.8rem}.pr-chip{background:#fff;border:1px solid #d5cab4;border-radius:999px;padding:.28rem .55rem}.pr-fields{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.65rem}.pr-field{font-size:.72rem;background:#e2d3ad;border-radius:6px;padding:.3rem .45rem}.pr-field.corn{background:#f2d94e}.pr-field.indigo{background:#6e77b9;color:#fff}.pr-field.sugar{background:#f4f1de}.pr-field.tobacco{background:#a1724b;color:#fff}.pr-field.coffee{background:#563b2e;color:#fff}.pr-actions{display:flex;flex-wrap:wrap;gap:.5rem;min-height:48px}.pr-actions button{border:0;border-radius:10px;background:var(--pr-gold);color:#251b0b;font-weight:800;padding:.65rem .9rem}.pr-actions button.secondary{background:#d8e7e9}.pr-log{height:520px;overflow:auto;font-size:.8rem}.pr-log p{border-bottom:1px solid #ddd2bd;padding:.55rem 0;margin:0}.pr-log p:first-child{font-weight:700}.pr-note{font-size:.8rem;color:#6b7374;margin:.7rem 0 0}.pr-winner{text-align:center;padding:2rem}.pr-winner i{font-size:3rem;color:var(--pr-gold)}
@media(max-width:850px){.pr-hero{grid-template-columns:1fr;padding:2rem}.pr-hero-seal{display:none}.pr-menu,.pr-info-grid,.pr-rules ol{grid-template-columns:repeat(2,1fr)}.pr-board{grid-template-columns:1fr}.pr-log{height:220px}.pr-players{grid-template-columns:1fr}}@media(max-width:520px){.pr-menu,.pr-info-grid,.pr-rules ol,.pr-roles{grid-template-columns:1fr}.pr-game-head{align-items:flex-start;gap:1rem}.pr-player{padding:.8rem}}

/* Visual table */
.pr-table{position:relative;isolation:isolate;min-height:410px;border:1px solid #d8b36a88;border-radius:22px;overflow:hidden;background:#063947 url('/assets/img/puerto-rico/harbor-board.png') center/cover no-repeat;box-shadow:inset 0 0 80px #00151dcc,0 18px 45px #0005;padding:1rem}.pr-table:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#021820aa,#042b3466,#021820aa)}.pr-table-title{display:flex;align-items:center;justify-content:space-between;color:#fff;margin-bottom:.8rem;text-shadow:0 2px 5px #000}.pr-table-title b{font:800 .9rem Montserrat;letter-spacing:.12em}.pr-zones{display:grid;grid-template-columns:1fr 1.15fr 1fr;grid-template-rows:1fr 1fr;gap:.8rem;min-height:335px}.pr-zone{position:relative;padding:.85rem;border:1px solid #fff4;border-radius:15px;background:#071d2bd9;color:#fff;backdrop-filter:blur(6px);box-shadow:0 8px 18px #0005;transition:.25s}.pr-zone:hover{transform:translateY(-2px);border-color:#f2c45f}.pr-zone.is-relevant{border-color:#ffc64b;box-shadow:0 0 0 3px #ffc64b33,0 8px 25px #0008;animation:pr-pulse 1.6s infinite}.pr-zone h3{display:flex;align-items:center;gap:.55rem;font-size:.87rem;font-weight:900;margin:0 0 .6rem}.pr-zone h3 i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e6ad39;color:#172b31}.pr-zone p{font-size:.68rem;color:#ffffffa8;margin:0}.pr-zone-market{grid-column:1;grid-row:1}.pr-zone-colonists{grid-column:1;grid-row:2}.pr-zone-ships{grid-column:3;grid-row:1/3}.pr-zone-role{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#081f2dde}.pr-zone-role .pr-big-role{font-size:3.1rem;color:#f4bf4f;margin-bottom:.5rem;filter:drop-shadow(0 5px 8px #000)}.pr-zone-role strong{font-size:1.2rem}.pr-market-slots{display:flex;gap:.35rem}.pr-market-slot{display:grid;place-items:center;width:32px;height:32px;border:1px dashed #fff5;border-radius:7px;background:#fff1;font-size:.7rem}.pr-colonist-row{display:flex;gap:.25rem;flex-wrap:wrap}.pr-colonist{display:inline-block;width:17px;height:17px;border-radius:50% 50% 44% 44%;background:#e7c8a0;border:2px solid #714a29;box-shadow:0 2px 3px #0008}.pr-ship{position:relative;margin:.55rem 0;padding:.5rem .55rem .5rem 2rem;border-radius:4px 16px 16px 4px;background:linear-gradient(90deg,#6e3e1c,#bb7940);box-shadow:0 3px 0 #3a210e;color:#fff;font-size:.7rem}.pr-ship i{position:absolute;left:.5rem;top:.5rem;color:#f3d59e}.pr-cargo{display:flex;gap:3px;margin-top:.3rem}.pr-cargo span{width:13px;height:13px;border-radius:50%;background:#e6ad39;border:1px solid #fff8}.pr-cargo span.empty{background:#0003;border-style:dashed}.pr-role-flow{display:flex;align-items:center;gap:.4rem;margin-top:.8rem;font-size:.68rem;color:#fff9}.pr-role-flow i{color:#f4bf4f}.pr-help-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.pr-help-item{display:flex;align-items:center;gap:.55rem;background:#ffffff0d;border:1px solid #ffffff1c;border-radius:10px;padding:.55rem .7rem;font-size:.7rem;color:#ffffffad}.pr-help-item i{font-size:1.1rem;color:#e6ad39}.pr-turn-overlay{position:fixed;inset:0;z-index:1090;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00141dcc;backdrop-filter:blur(7px);opacity:0;pointer-events:none;transition:.25s}.pr-turn-overlay.show{opacity:1;pointer-events:auto}.pr-turn-card{width:min(520px,100%);overflow:hidden;border:1px solid #f2c45f;border-radius:24px;background:linear-gradient(145deg,#0c3e4d,#061a25);box-shadow:0 30px 100px #000c;color:#fff;text-align:center}.pr-turn-banner{padding:.75rem;background:#e6ad39;color:#2f240e;font:900 .72rem Montserrat;letter-spacing:.18em}.pr-turn-body{padding:2rem}.pr-turn-icon{display:grid;place-items:center;width:92px;height:92px;margin:0 auto 1rem;border:2px solid #e6ad39;border-radius:50%;background:#ffffff0b;color:#e6ad39;font-size:2.5rem;animation:pr-float 1.8s infinite}.pr-turn-body h2{font-weight:900;font-size:1.8rem}.pr-turn-body p{color:#ffffffb5;line-height:1.7}.pr-turn-steps{display:flex;justify-content:center;align-items:center;gap:.7rem;margin:1.2rem 0}.pr-turn-steps span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffffff12;border:1px solid #ffffff30}.pr-turn-steps i{color:#e6ad39}.pr-turn-close{border:0;border-radius:12px;background:#e6ad39;color:#261c08;padding:.75rem 1.5rem;font-weight:900}.pr-player h3 i{color:#b98624}.pr-player.active:after{content:'현재 행동';position:absolute;right:.7rem;top:.6rem;border-radius:10px;background:#e6ad39;color:#382814;padding:.15rem .45rem;font-size:.6rem;font-weight:900}@keyframes pr-pulse{50%{box-shadow:0 0 0 6px #ffc64b12,0 8px 25px #0008}}@keyframes pr-float{50%{transform:translateY(-7px)}}
@media(max-width:700px){.pr-zones{grid-template-columns:1fr 1fr;grid-template-rows:auto}.pr-zone-market,.pr-zone-colonists,.pr-zone-ships,.pr-zone-role{grid-column:auto;grid-row:auto}.pr-zone-role{grid-column:1/3;min-height:160px}.pr-zone-ships{grid-column:1/3}.pr-help-strip{grid-template-columns:1fr}.pr-table{padding:.65rem}.pr-turn-body{padding:1.4rem}}