/* The Pillers world in Pumployed's clothes: every floating panel becomes a white card with a hard black
   outline and an offset shadow; tags and bubbles go boxy; green is the splash. Loaded last. */
body.pl-floor { background: var(--bg); font-family: var(--font); }
.pl-floor .mode { background: var(--ink); color: #fff; font: 700 11px/1.3 var(--mono); letter-spacing: .06em; text-transform: uppercase; border: 0; }
.pl-floor .mode #mode-text { color: #fff; }

/* the strip, top left */
.pl-floor .hud-brand { background: #fff; border: 2px solid var(--ink); border-radius: var(--r); box-shadow: var(--sh-s); -webkit-backdrop-filter: none; backdrop-filter: none; }
.pl-floor .hud-brand .wordmark, .pl-floor .hud-brand .wordmark a { font-family: var(--font); font-weight: 900; text-transform: uppercase; letter-spacing: -.02em; color: var(--ink) !important; -webkit-text-fill-color: var(--ink); background: none; }
.pl-floor .hud-brand .wordmark b { color: var(--green); -webkit-text-fill-color: var(--green); }
.pl-floor .town-clock { font-family: var(--mono); color: var(--mut); }
.pl-floor .world-nav a { font-family: var(--font); font-weight: 800; text-transform: uppercase; letter-spacing: .02em; border: 2px solid var(--ink); border-radius: var(--r); background: #fff; color: var(--ink); }
.pl-floor .world-nav a:hover { background: var(--mint); color: var(--deep); }
.pl-floor .world-nav a.on { background: var(--ink); color: #fff; }

/* the stat cards */
.pl-floor .hud-stat { background: #fff; border: 2px solid var(--ink); border-radius: var(--r); box-shadow: var(--sh-s); -webkit-backdrop-filter: none; backdrop-filter: none; }
.pl-floor .hud-stat .k { font-family: var(--mono); font-weight: 700; color: var(--faint); }
.pl-floor .hud-stat .v { font-family: var(--font); font-weight: 900; color: var(--ink); }
.pl-floor .hud-stat.money .v { color: var(--green); }

/* bottom: the CTA, no chat */
.pl-floor .hud-tell { pointer-events: auto; text-align: left; }
.pl-floor .chatbox { display: none !important; }
.pl-floor .stage-hint { font-family: var(--mono); font-size: 10px; color: var(--ink); background: #fff; border: 2px solid var(--ink); border-radius: var(--r); padding: 5px 8px; text-transform: uppercase; letter-spacing: .04em; }

/* the work log, right */
.pl-floor .term { background: #fff; color: var(--ink); border: 2px solid var(--ink); border-radius: var(--r); box-shadow: var(--sh); -webkit-backdrop-filter: none; backdrop-filter: none; font-family: var(--font); }
.pl-floor .term-head { background: var(--ink); border-bottom: 2px solid var(--ink); }
.pl-floor .term-toggle { color: var(--mint); font-family: var(--mono); text-transform: uppercase; }
.pl-floor .term-toggle::before { color: var(--mint); }
.pl-floor .term-sub { color: #bbb; font-family: var(--mono); }
.pl-floor .term-body { scrollbar-color: #bbb transparent; }
.pl-floor .term-foot { border-top: 2px solid var(--ink); background: #fff; }
.pl-floor .term-prompt { color: var(--mut); font-family: var(--mono); font-size: 10px; }
.pl-floor .log-row { border-bottom: 1px solid var(--line); }
.pl-floor .log-text { color: var(--ink); font-family: var(--font); font-size: 13px; }
.pl-floor .log-meta .who { font-family: var(--font); font-weight: 900; text-transform: uppercase; font-size: 11px; }
.pl-floor .log-meta time { color: var(--faint); }
.pl-floor .log-row .ava { border-radius: var(--r); border: 2px solid var(--ink); background: #fff; }
.pl-floor .log-tags .pill { border-radius: var(--r); border: 2px solid var(--ink); background: var(--mint); color: var(--deep); font-weight: 800; }
.pl-floor .at { border-radius: var(--r); }

/* name plates, bubbles, desk tags in the 3D view */
.pl-floor .plate { font-family: var(--font); font-weight: 800; font-size: 11px; background: #fff; color: var(--ink); border: 2px solid var(--ink); border-radius: var(--r); box-shadow: 2px 2px 0 var(--ink); }
.pl-floor .plate i { border-radius: 2px; }
.pl-floor .bubble { font-family: var(--font); background: #fff; color: var(--ink); border: 2px solid var(--ink); border-radius: var(--r); box-shadow: 3px 3px 0 var(--ink); }
.pl-floor .bubble::after { border-top-color: var(--ink); }
.pl-floor .bubble-head { font-family: var(--font); font-weight: 900; text-transform: uppercase; }
.pl-floor .bench-tag { font-family: var(--mono); font-weight: 700; border-radius: var(--r); border: 2px solid var(--ink); }
.pl-floor .stage-loading { font-family: var(--mono); }
.pl-floor .load-bar { border: 2px solid var(--ink); border-radius: var(--r); background: #fff; }
.pl-floor .load-bar i { background: var(--mint); }

/* embedded in the project page or the landing: the view and the bubbles only */
.pl-floor.embed .mode, .pl-floor.embed .hud-brand, .pl-floor.embed .hud-stats, .pl-floor.embed .hud-bottom, .pl-floor.embed .term { display: none !important; }
.pl-floor.embed .stage { height: 100vh !important; min-height: 0 !important; }
.pl-floor.embed .plate { font-size: 8.5px; padding: 2px 5px; box-shadow: 1px 1px 0 var(--ink); border-width: 1.5px; }
.pl-floor.embed .bubble { font-size: 10px; max-width: 170px; padding: 6px 8px; }
.pl-floor.embed .bench-tag { display: none !important; }